Ardeth / hass-fontawesome

Use icons from fontawesome in home-assistant

hass-fontawesome

Use free icons from the fontawesome set in Home-assistant.

Install

The icons are divided into three sets.

• Solid
• Regular
• Brands

Copy the html files for the sets you want into <config>/www/ where <config> is your home-assistant config directory (the directory where your configuration.yaml resides).

Add the folowing to the frontend section of your configuration.yaml

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.

Restart home-assistant.

Using

Find the icon you want in the gallery.

The three icon sets have different prefixes: fas:, far: and fab: respectively.

So,

• to get a solid heart, use fas:heart
• to get a heart outline, use far:heart
• to get the twitter symbo, use fab:twitter