Quick preview for hass icons?

Hi everybody,

there is a list of all hass icons.

Is there a website (or perhaps a jinja2 template to use in developer settings => templates) to see all those icons and their name? Something similar to this site (which is for material design icons)?

I know that I can just edit some entity in the UI and type hass:<icon> to preview it there. But it’d be nice to have an overview of all icons available when creating entities via yaml.

Thanks in advance for your ideas :slight_smile:

They are the same icons. As far as I know everything will eventually become mdi:.

1 Like

You should only use mdi:<icon>

hass: is for internal use and uses the same icon names as mdi in nearly all cases.

The current version of mdi icons available for use in home assistant is listed here: frontend/package.json at c92eeb6bb78b699050d6e6d903afef513b433d6b · home-assistant/frontend · GitHub

You can see all the icons in this package here: Material Design Icons (update the URL to see other packages).

You can see all the mdi icons (even those not yet used by HA) here: https://materialdesignicons.com/

There’s also this but I have no idea if it is current:

3 Likes