Icons, what is the difference between mdi: and hass:?

I noticed on the Lovelace UI entity card documentation, beneath the Cast section, Configuration Variables, Icon the default value mentioned: hass:television

Can anyone explain what the difference is between hass: and mdi:?

I’m not 100% sure but…

HA has most of the Material Design Icons (mdi:) built-in to the system.

I’ve never used hass: icons but I would venture a guess that those are just different built-in icons that are in HA but aren’t part of the mdi: icons set.

1 Like

Thanks @finity for responding!

Do I understand right that all mdi: icons are built in and do not need Internet access?
If so, where are they stored?

The reason I’m asking this is because I want to have an setup as local as it can be, without connecting to Google or other third-parties outside my local LAN (other then HA).

I know that the icons get updated periodically as a new set is released and get updated along with regular HA updates. So you don’t need internet access any more than a regular HA does.

As far as where they are stored I have no idea.

1 Like

I did some digging around, and I could not find a “nice” place to look for the hass icons, and I couldn’t find the source of the icons, but I did find a place to look at (its not all that pretty).

If you know how to get to where the python site-packages are located you will find a directory hass_frontend. There you should find a couple of directories frontend_xxxx, for example frontend_latest. Under these you’ll find hass-icons.xxxx.js.

Open this file and you will find what I think are most (if not all) of the hass icons. and their names can be found by looking for id="<name-of-icon>" (i.e. hass:<name-of-icon>). You just have to scroll or search though the ids to find one of interest. Be aware that some document processors can’t handle the file very well as is because it is unstructured.

1 Like