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