Custom icons top view

Hello i want to set some custom icons on top of an view instead of the text. (eg. an specific icon for each home-floor)
Now i have the problem that i don’t know where to place these inside hass.io. When i place it in the config folder and trying to link to this png’s it wont work. Can anyone help me to set this in the righ place on hass.io?

Try to put your icons in config/www/icon_name.png and reference them as

icon: /local/icon_name.png

1 Like

I took the other route to try and get icons in to materialdesignicons for home floors as native MDI icon support is nice - you get SVG, colouring of icons etc.
I’m still waiting for these icons to be approved though - https://github.com/Templarian/MaterialDesign/issues/1964

My icons are available here:

In the mean time I use:
page-layout-footer = lower floor
page-layout-body = middle floor
page-layout-header = top floor

They’re nice :slight_smile: then i will wait for a couple of days in hope they will be approved. Otherwise will try the solution of namadori.

Thanks!
I’ve been waiting a while now…

@Purejet , I’m afraid the wait for the nice official icons can be long. Even after the approval in MDI , pending since March 2017, you’ll have to open a PR to update the icon archive and wait for the next HA release. If we are very lucky you will have to wait at least 2 or 3 weeks.

I managed to get an icon for floorplan into MDI in a week or so, but it did take quite a while (3-4 releases) to get into HA.

Really nice and useful icon, thanks, I used it the day it was included in HA :slight_smile:

Initially I thought the icon were retrieved at runtime from the MDI site, but then I learned that the package must be updated in the HA source. I think the package is in home-assistant/homeassistant/components/frontend/www_static/ , to be updated with the one found at https://materialdesignicons.com/getting-started with an extra header.

Maybe we all waited just because nobody thought about creating the PR :thinking:

1 Like

I just kind of assumed that mdi would be updated every release… next time I’ll help to update.

This solution worked for me. Thanks!