/hass-bha-icons

Additional icons for Home Assistant to accompany the MDI icons

hacs_badge

hass-bha-icons

Custom icon pack designed for Home Assistant.

Content

Preview ceiling-fan
Preview ceiling-fan-light
Preview ceiling-lamp
Preview ceiling-lamp-plafond
Preview ceiling-lamp-round
Preview chandelier
Preview dome-light
Preview floor-lamp
Preview floor-lamp-dual
Preview led-strip
Preview light-string
Preview outdoor-lamp
Preview outdoor-lamp-solo
Preview outdoor-lamp-variant
Preview mirror-lamp
Preview path-light
Preview roborock
Preview smoke-detector
Preview stairs
Preview table-lamp-variant
Preview thermostat
Preview xmas-candle-bridge
Preview xmas-star

Install

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.

HACS

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

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 and @kmlucy for their contributiuons