Custom brand icons for Home Assistant
Icon
Name
Icon
Name
adore-mirror
bollard
ceiling-aurelle-circle
ceiling-round
ceiling-flush-circular
ceiling-fair
ceiling-fair-semiflush
ceiling-muscari
ceiling-cher-semiflush
ceiling-square
bulb-group-ceiling-square
bulb-group-sultan-lightstrip-off
bulb-group-sultan-spot
bulb-group-sultan-spot-off
bulb-classic-off
bulb-spot-off
bulb-sultan-off
bulb-group-ceiling-round
ceiling-flourish
desk-lamp
double-spot
floor-lantern
floor-lantern-off
floor-shade
floor-spot
pendant-long
pendant-long-up
pendant-round
pendant-being
pendant-cher
pendant-muscari
single-spot
table-shade
wall-lantern
wall-shade
wall-spot
bulb-candle
bulb-flood
bulb-filament-candle
bulb-foh
bulb-general-group
bulb-group
bulb-group-filament-candle
bulb-group-filament-alt
bulb-group-filament-sultan
bulb-group-sultan-lightstrip
bulbs-classic
bulbs-filament
bulb-filament-alt
bulbs-spot
bulbs-sultan
bridges-v1
bridges-v2
dimmer-switch
friends-of-hue
friends-of-hue-eikon
friends-of-hue-arke
friends-of-hue-senic
friends-of-hue-arke-round
motion-sensor
devices-plug
devices-tap
bloom
go
go-off
go-group
play
play-bar-three
play-bar-v-alt
play-bar-v
play-bar-two
play-bar-v
play-bar-v-two-in
play-bar-v-two-out
play-bar-v-two
iris
light-strip
recessed-floor
recessed-ceiling
rooms-attic
rooms-balcony
rooms-bathroom
rooms-bedroom
rooms-carport
rooms-closet
rooms-computer
rooms-dining
rooms-driveway
rooms-gym
rooms-hallway
rooms-kitchen
rooms-living
rooms-mancave
rooms-nursery
rooms-kids-bedroom
rooms-office
rooms-other
rooms-outdoor-social-time
rooms-pool
rooms-porch
rooms-recreation
rooms-staircase
rooms-storage
rooms-outdoor
rooms-studio
rooms-terrace
rooms-toilet
amarant
amaze
amaze-alt
beyond
beyond-down
beyond-solid
beyond-up
button
centris
centris-two
centris-three
daylo-wall
lily-xl
lily
lily-two
pedestal
pillar-nyro
pillar-tuar
plug-eu
plug-uk
signe
signe-gradient-table
signe-gradient-floor
socket-uk
socket-eu
socket-us
wall-appear
wall-appear-group
wall-econic
wall-econic-lantern
wall-econic-lantern-base
wall-econic-lantern-top
wall-flood
wall-fuzo
wall-fuzo-h
wall-impress
wall-impress-narrow
wall-lucca
wall-nyro
wall-resonate
wall-tuar
wall-turaco
wall-lucca-alt-below
wall-lucca-alt
wellner
wellner-solid
wellness
lightstrip-tv-alt
lightstrip-tv
lightstrip-tv-off
lightstrip-wrap
pillar-spot
pillar-spot-double
adore
adore-alt
centura
centura-round
centura-two
bulb-group-centura
bulb-group-centura-round
bulb-group-lightstrip
bulb-group-lightstrip-v
liane
ceiling-explore
sync-box-alt
sync-box
ceiling-fugato-two
ceiling-fugato-three
ceiling-fugato-four
ceiling-fugato-two-alt
ceiling-fugato-three-alt
ceiling-fugato-four-alt
ceiling-buratto
ceiling-buratto-two
ceiling-buratto-three
ceiling-buratto-four
ceiling-surimu
ceiling-aurelle
ceiling-infuse
ensis
ensis-up
flourish
flourish-alt
aura
gradient-tube-short
gradient-tube-long
bulb-par-38
pillar-impress
pillar-impress-short
sana
sana-alt
bulb-golfball-e14
bulb-group-golfball-e14
ceiling-buckram
ceiling-buckram-two
ceiling-buckram-three
phoenix-semiflush
phoenix-plafond
phoenix-table
phoenix-pendant
ceiling-being
friends-of-hue-flat-p
friends-of-hue-flat-p-alt
friends-of-hue-iq-flush
friends-of-hue-iq-pendant
friends-of-hue-retrotouch-black-chrome
friends-of-hue-retrotouch-black-plain
friends-of-hue-retrotouch-white-chrome
friends-of-hue-retrotouch-white-plain
friends-of-hue-aurora-dimmer-switch
friends-of-hue-aurora-dimmer-switch-alt
wall-switch-module
friends-of-hue-rigel
rooms-front-door
other-reading
other-watching-movie
zones-areas-first-floor
tabbar-home
zones-areas-second-floor
zones-areas-ground-floor
ceiling-xamento
outdoor-motion-sensor-temperature
motion-sensor-temperature
pillar-turaco-short
pillar-turaco-tall
bulb-group-pillar-turaco-short-tall
pendant-devote-solid
pendant-devote-two-solid
pendant-devote-three-solid
bulb-group-bollard-wall-appear
pillar-spot-2
pillar-spot-3
bulb-group-par-38
bulb-group-classic-3
bulb-group-classic-hung-3
bulb-group-classic-3-alt
bulb-group-classic-hung-3-alt
bulb-group-classic-4
bulb-group-classic-hung-4
bulb-group-classic-4-alt
bulb-group-classic-4-alt
ceiling-adore
ceiling-adore-alt
ceiling-adore-flush
ceiling-adore-alt-flush
wall-runner
ceiling-runner
ceiling-runner-two
ceiling-runner-three
wall-inara
wall-inara-alt
wall-impress-narrow-two
wall-impress-narrow-three
iris-group
bulb-group-wall-nyro-flood
ceiling-buratto-two-off
bulb-group-bollard-3-off
bulb-group-ceiling-flush-circular
friends-of-hue-marbul-suspended
motion-sensor-luminance
motion-sensor-luminance-alt
go-group-off
bulb-candle-hung
Icon
Name
Icon
Name
bulb-sultan-group-v2
bulb-sultan-v2
hue-spot-group-v2
hue-spot-v2
ls-spot-iris-group-v2
ls-sultan-iris-group-v2
Icon
Name
Icon
Name
roborock
dome-light
firetv
prime-video
amazon-logo
smoke-detector
nas
nas-v2
spot-bulb-top
light-string
ceiling-fan
ceiling-fan-light
floor-lamp-dual
floor-lamp
ceiling-lamp
ceiling-lamp-plafond
ceiling-lamp-round
chandelier
ceiling-spot-lamp
fronius-inverter-gen24
sprinkler
garden-irrigation
charging-station
thermostat
air-conditioner
nextcloud
shelly-logo
phoscon
thermostat-v2
octoprint
google-home-icon
linktap
tim-logo
tim-logo-alt
salt-lamp
yamaha-rx-v773
dune-hd
nvidia-shield
discovery-plus
disney-plus
disney-plus-alt
shade-rchiileea-v1
desktop-computer
ha-blue
intel-nuc
proxmox
raspberry-pi
power-panel-logo
iptvx
netflix
streamz
videoland
alexa-logo
zigbee-dongle
zwave-dongle
wifi-dongle
seagate-ssd-m2
seagate-ssd
ram-memory
intel-cpu
jellyfin
rituals
telnet-box
sky-q-logo
tablet
laptop
laptop-windows
laptop-windows-alt
litterbox
outside-temp
underfloor-heating
asus-rp-68u
vrt-logo
npo
garage-3-prong
garage-4-prong
garage-5-prong
neon-closed
neon-open
cooker-extract-off
cooker-extract-on
bitwarden
netapp
moviestar-plus
telnet
vtm
hbo
hbo-max
2-way-uplighter
uplighter
viaplay
paramount
infuse-pro
menergie
Icon
Name
Icon
Name
mini
window-sensor
bridge
usb-smart-adaptor
smart-plug-sonoff
smart-camera
Icon
Name
Icon
Name
moes-switch-single
moes-switch-dual
Icon
Name
Icon
Name
nexxt
fastgate
Icon
Name
Icon
Name
smart-plug-schuko
double-smart-plug
smart-power-strip
smart-desk-lamp
smart-plug-it
temp-sensor
triple-wall-switch
double-wall-switch
single-wall-switch
smart-switch
lamp-bedside-table
lamp-bedside-table-2
wall-switch
essential-oil-diffuser
Icon
Name
Icon
Name
battery-charged
battery-full
battery-good
battery-half
battery-low
battery-critical
Icon
Name
Icon
Name
arlo-essential-indoor
arlo-cam
arlo-pro-3
arlo-ultra-2
arlo-q
arlo-floodlight
arlo-audio-doorbell
arlo-video-doorbell
arlo-security-light
arlo-base-station
arlo-baby
orbi
nighthawk
netgear-switch
Icon
Name
Icon
Name
echo-plus
echo-gen-2
echo-dot-gen-3
echo-dot-gen-4
echo-spot
echo-show-5-gen-2
echo-show-8-gen-2
echo-dot-gen-4-clock
Icons made by @rchiileea
Icon
Name
Icon
Name
sonos-beam
sonos-sub
sonos-playbar
sonos-bookshelf-vertical
sonos-bookshelf-horizontal
sonos-one
sonos-arc
Icon
Name
Icon
Name
apple-tv
apple-airpods-pro
apple-airpods
apple-iphone
apple-ipad-pro
homepod
homepod-mini
apple-tv-box
apple-watch
apple-watch-alt
imac
Icon
Name
Icon
Name
xt2-camera
sync-module
mini-camera
Icon
Name
Icon
Name
elgato-key-light-air
elgato-ring-light
elgato-key-light
Icon
Name
Icon
Name
google-home
home-max
home-mini
nest-wifi-router
nest-wifi-repeater
google-wifi-router
Window and Roller Shutter
Icons made by @rchiileea
Icon
Name
Icon
Name
tilt-window-closed
tilt-window-opened
blind-tilt-open
blind-tilt-closed
double-window-open
double-window-closed
lift-out-window-close
lift-out-window-open
sliding-window-door-close
sliding-window-door-open
top-window-closed
top-window-open
vert-blind-close
vert-blind-open
lift-in-window-closed
lift-in-window-open1
lift-in-window-open2
Icons made by @rchiileea
Icon
Name
Icon
Name
panel-glass-door-close
panel-glass-door-open
panel-glass-door2-close
panel-glass-door2-open
panel-glass-door3-close
panel-glass-door3-open
side-glassdoor-close
side-glassdoor-open
panel-frontdoor-open
panel-frontdoor-close
panel-glassdoor-close
panel-glassdoor-open
panel-door-open
panel-door-close
petflap-open
petflap-closed
Icons made by @rchiileea
Icon
Name
Icon
Name
ring-doorbell
ring-alarm-panel
ring-alarm
ring-doorbell-pro
ring-floodlight
ring-spotlight-cam
ring-stick-up-cam
ring-smart-lighting
Icon
Name
Icon
Name
christmas-lights
christmas-wreath
christmas-tree
christmas-tree-v2
Icons made by @rchiileea
Icon
Name
Icon
Name
ikea-blind-open
ikea-blind-closed
ikea-5-spot
Icons made by @rchiileea
Icon
Name
Icon
Name
apc-ups-basic
apc-ups-upright
wiser-heating-ctl-off
wiser-heating-ctl-on
wiser-thermostat-off
wiser-thermostat-on
Icons made by @rchiileea
Icon
Name
Icon
Name
reolink-510
reolink-811
reolink-820
reolink-842
reolink-argus
reolink-go
Icons made by @rchiileea
Icon
Name
Icon
Name
tesla-icon
model-x-charge
model-x-open
model-s-charge
model-s-charge-side
model-s
model-s-side
Icons made by @rchiileea
Icon
Name
Icon
Name
tp-link-tapo
Icons made by @rchiileea
Icon
Name
Icon
Name
ubiquiti
ubiquiti-logo
ubiquiti-ap
ubiquiti-usg-p3
Icons made by @rchiileea
Icon
Name
Icon
Name
fritzbox-7530
fritz-repeater
Icons made by @rchiileea
Icon
Name
Icon
Name
lg-signiture
lg-oled55
lg-fridge
lg-cooker
lg-aircon
lg-air-purifier
We recommend installing Custom brand icons card via Home Assistant Community Store
Add the folowing to the frontend
section of your configuration.yaml
frontend :
extra_module_url :
- /local/community/custom-brand-icons/custom-brand-icons.js
(optional) 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/community/custom-brand-icons/custom-brand-icons.js
To add custom repositories please follow this guide . Set URL to https://github.com/elax46/custom-brand-icons
and category to Lovelace
.
Download custom-brand-icons.js
file from the latest release .
Copy the custom-brand-icons.js
file into <config>/www/
the directory where your configuration.yaml
resides.
Add the folowing to the frontend
section of your configuration.yaml
frontend :
extra_module_url :
- /local/custom-brand-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/custom-brand-icons.js
Restart home-assistant.
you can use icons by entering the prefix phu:
Example of integration in the card
entities :
- entity : light.lampada_entrance
icon : ' phu:go'
name : Go
- entity : light.monitor_2_right
icon : ' phu:play'
name : play 1
- entity : light.monitor_2_left
icon : ' phu:play'
name : play 2
show_header_toggle : false
title : Custom brand icons
type : entities
Help me insert more icons!
Attention I remind you that the icons must be in svg format
If you want, you can help me expand the number of icons available. Just add the following string to the var icons
variable of the custom-brand-icons.js
file
let's take the first string for example:
"Bollard" : [ 0 , 0 , 24.0 , 24.0 , "string" ]
Bollard
= icon name
0, 0, 24.0, 24.0
= this data can be recovered from the svg file viewBox="0 0 24 24"
If this data is not present in the file you can leave the one indicated by me
String
= this data can be recovered from the svg file <path d="M21,12.5 C21,13.33 18.76,...."
In particular you will have to enter only the part of the vector code "M21,12.5 C21,13.33 18.76"
For an example take a look at the icons already inserted
It probably depends on the cache. Open Home assistant from an incognito window and check that the icon loads if yes then it depends on the cache, otherwise double check the installation
To make an icon in svg format you can use different programs starting from illustrator or inkview. The size of the icons must be 24x24 and the svg code must not contain transform, translate, scale but only viewbox
The icon is not there? open a custom icon request The icons to integrate must be in svg format
In case you want to create your own perfix you can edit the last line of the custom-brand-icons.js
window . customIconsets [ "yourprefix" ] = getIcon ;
If you want to integrate icons or change errors in the documentation do not hesitate to open a pull request remember to open it on the dev branch
thanks to for @mutzl your contribution
Do you like these icons? Support the project with a pizza 🍕🍕