Awesome

hass-bha-icons

Custom icon pack designed for Home Assistant.

Generic content

ceiling-downlight<br /> ceiling-fan<br /> ceiling-fan-light<br /> ceiling-lamp<br /> ceiling-lamp-plafond<br /> ceiling-lamp-round<br /> ceiling-spot-lamp<br /> chandelier<br /> dome-light<br /> fan-speed-1<br /> fan-speed-2<br /> fan-speed-3<br /> fan-speed-4<br /> fan-speed-5<br /> fan-speed-6<br /> fan-speed-7<br /> fan-speed-8<br /> fan-speed-9<br /> floor-lamp<br /> floor-lamp-dual<br /> led-strip<br /> lightbulb-top<br /> lightbulb-top-outline<br /> light-string<br /> nas<br /> night-light<br /> outdoor-lamp<br /> outdoor-lamp-solo<br /> outdoor-lamp-variant<br /> mirror-lamp<br /> path-light<br /> smoke-detector<br /> spot-bulb<br /> spot-bulb-top<br /> stairs<br /> table-lamp-variant<br /> thermostat<br /> xmas-candle-bridge<br /> xmas-star<br />

Brands / products

adguard-home<br /> apple-tv<br /> asus<br /> b-hyve<br /> homeassistant<br /> matter<br /> nginx-proxy-manager<br /> node-red<br /> open-wrt<br /> phoscon<br /> plex<br /> qbittorrent<br /> radarr<br /> roborock<br /> sonarr<br /> tautulli<br /> transmission<br />

Install

HACS

Add this repo via HACS as a plugin and install. See the HACS install guide for step by step instructions.

Manual

Copy the hass-bha-icons.js file 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_module_url:
    - /local/hass-bha-icons.js

Or add the following to your lovelace configuration using the Raw Config editor under Configure UI or ui-lovelace.yaml if using YAML mode.

resources:
  - type: js
    url: /local/hass-bha-icons.js

Restart home-assistant.

Using

The icons uses the prefix bha:.

Example:

entities:
  - entity: light.floor_lamp
    icon: 'bha:floor-lamp'
    name: floor-lamp
  - entity: light.floor_lamp_dual
    icon: 'bha:floor-lamp-dual'
    name: floor-lamp-dual
  - entity: light.led_strip
    icon: 'bha:led-strip'
    name: led-strip
  - entity: light.outdoor_lamp_north
    icon: 'bha:outdoor-lamp'
    name: outdoor-lamp
  - entity: light.outdoor_lamp_west
    icon: 'bha:outdoor-lamp-variant'
    name: outdoor-lamp-variant
show_header_toggle: false
title: hass-bha-icons
type: entities

FAQ

Q: The icon ain't showing, it's just white space where it should be. What's up with that?

A: Probably related to cache. Try opening your instance in a incognito/private Window and see if your icon shows then. If yes, it's cache related. If not, spellcheck.

Thanks

Thanks to @thomasloven, as I used his hass-fontawesome as a template for this pack

Thanks to @prairiesnpr, @kmlucy, @GeorgeSG, @shbatm, @clemalex824 and @rautesamtr for their contributiuons