Use free icons from the fontawesome set in Home-assistant.
The icons are divided into three sets.
Copy the html files for the sets you want into
<config> is your home-assistant config directory (the directory where your
Add the folowing to the
frontend section of your
frontend: extra_html_url: - /local/hass-fontawesome-solid.html - /local/hass-fontawesome-regular.html - /local/hass-fontawesome-brands.html
Only add the files you want. They are rather large, and adds to the download size and loading time of your frontend.
Find the icon you want in the gallery.
The three icon sets have different prefixes:
- to get a solid heart, use
- to get a heart outline, use
- to get the twitter symbo, use