--- title: Hue with a custom logo! author: admin type: post date: 2017-04-03T14:37:49+00:00 url: /hue-with-a-custom-logo/ sf_thumbnail_type: - none sf_thumbnail_link_type: - link_to_post sf_detail_type: - none sf_page_title: - 1 sf_page_title_style: - standard sf_page_title_bg: - none sf_page_title_text_style: - light sf_background_image_size: - cover sf_sidebar_config: - left-sidebar sf_left_sidebar: - Sidebar-2 sf_right_sidebar: - Sidebar-1 sf_caption_position: - caption-right categories: - Administration --- We have seen in this [previous blog post][1] that there's a way to customize the top banner in Hue. In Hue 3.12 there's also the possibility to change the logo for further personalization! [][2] That's a perfect setting to show your company logo up there. Depending on if you are using Cloudera Manager or not, you should either add a safety valve or edit a .ini file to use this feature. For details on how to change the configuration, read here. In the desktop/custom section of the ini file you can find the logo_svg property:
[desktop]

[[custom]]

\# SVG code to replace the default Hue logo in the top bar and sign in screen

\# e.g. 

\## logo_svg=

You can go crazy and write there any SVG code you want. Please keep in mind your SVG should be designed to fit in a 160x40 pixels space. To have the same 'hearts logo' you can see above, you can type this code
[desktop]

[[custom]]

logo_svg='   '

There are some online tools that can help you with designing/importing the logo. For instance, http://editor.method.ac/ allows you to get the SVG code right away [][3] Please bear in mind you should write all the SVG on one line, so you can use this tool to remove line breaks. Now go and customize your Hue! As usual feel free to comment on the [hue-user][4] list or [@gethue][5]! [1]: https://gethue.com/add-a-top-banner-to-hue/ [2]: https://cdn.gethue.com/uploads/2016/12/Screenshot-2016-12-28-11.35.57.png [3]: https://cdn.gethue.com/uploads/2016/12/Screenshot-2016-12-28-11.43.37.png [4]: http://groups.google.com/a/cloudera.org/group/hue-user [5]: https://twitter.com/gethue