hass-bha-icons

Custom icon pack designed for Home Assistant.

Generic content

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

Brands / products

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

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