Custom brand icons for Home Assistant
These are the official icons from the philips developer channel
Icon
Name
Icon
Name
adore-alt
adore-mirror
adore
amarant
amaze-alt
amaze
aura
beyond-down
beyond-solid
beyond-up
beyond
bloom
bollard
bridges-v1
bridges-v2
bulb-candle-hung
bulb-classic-off
bulb-filament-alt
bulb-filament-candle
bulb-golfball-e14
bulb-group-bollard-3-off
bulb-group-bollard-wall-appear
bulb-group-ceiling-flush-circular
bulb-group-ceiling-round
bulb-group-ceiling-square
bulb-group-centura-round
bulb-group-centura
bulb-group-classic-3-alt
bulb-group-classic-3
bulb-group-classic-4-alt
bulb-group-classic-4-alt
bulb-group-classic-4
bulb-group-classic-hung-3-alt
bulb-group-classic-hung-3
bulb-group-classic-hung-4
bulb-group-filament-alt
bulb-group-filament-candle
bulb-group-filament-spot
bulb-group-filament-sultan
bulb-group-golfball-e14
bulb-group-lightstrip-v
bulb-group-lightstrip
bulb-group-par-38
bulb-group-pillar-turaco-short-tall
bulb-group-sultan-lightstrip-off
bulb-group-sultan-lightstrip
bulb-group-sultan-spot-off
bulb-group-sultan-spot
bulb-group-wall-nyro-flood
bulb-lightguide-flask
bulb-lightguide-oval
bulb-lightguide-round
bulb-par-38
bulb-spot-off
bulb-sultan-off
bulb-candle
bulb-flood
bulb-foh
bulb-general-group
bulb-group
bulbs-classic
bulbs-filament
bulbs-spot
bulbs-sultan
button
ceiling-adore-alt-flush
ceiling-adore-alt
ceiling-adore-flush
ceiling-adore
ceiling-aurelle-circle
ceiling-aurelle
ceiling-being
ceiling-buckram-three
ceiling-buckram-two
ceiling-buckram
ceiling-buratto-four
ceiling-buratto-three
ceiling-buratto-two-off
ceiling-buratto-two
ceiling-buratto
ceiling-cher-semiflush
ceiling-devere
ceiling-explore
ceiling-fair-semiflush
ceiling-fair
ceiling-flourish
ceiling-flush-circular
ceiling-fugato-four-alt
ceiling-fugato-four
ceiling-fugato-three-alt
ceiling-fugato-three
ceiling-fugato-two-alt
ceiling-fugato-two
ceiling-infuse
ceiling-muscari
ceiling-runner-three
ceiling-runner-two
ceiling-runner
ceiling-still
ceiling-surimu
ceiling-xamento
ceiling-round
ceiling-square
centris-three
centris-two
centris
centura-round
centura-two
centura
daylo-wall
desk-lamp
devices-plug
devices-tap
dimmer-switch
double-spot
ensis-up
ensis
floor-lantern-off
floor-lantern
floor-shade
floor-spot
flourish-alt
flourish
friends-of-hue-arke-round
friends-of-hue-arke
friends-of-hue-aurora-dimmer-switch-alt
friends-of-hue-aurora-dimmer-switch
friends-of-hue-eikon
friends-of-hue-flat-p-alt
friends-of-hue-flat-p
friends-of-hue-iq-flush
friends-of-hue-iq-pendant
friends-of-hue-marbul-suspended
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-rigel
friends-of-hue-senic
friends-of-hue
go-group-off
go-group
go-off
go
gradient-tube-long
gradient-tube-short
iris-group
iris
liane
lightstrip-off
lightstrip-tv-alt
lightstrip-tv-off
lightstrip-tv
lightstrip-wrap
light-strip
lily-two
lily-xl
lily
motion-sensor-luminance-alt
motion-sensor-luminance
motion-sensor-temperature
motion-sensor
other-reading
other-watching-movie
outdoor-motion-sensor-temperature
pedestal
pendant-being
pendant-cher
pendant-devote-solid
pendant-devote-three-solid
pendant-devote-two-solid
pendant-long-up
pendant-muscari
pendant-long
pendant-round
phoenix-pendant
phoenix-plafond
phoenix-semiflush
phoenix-table
pillar-impress-short
pillar-impress
pillar-nyro
pillar-spot-2
pillar-spot-3
pillar-spot-double
pillar-spot
pillar-tuar
pillar-turaco-short
pillar-turaco-tall
play-bar-three
play-bar-two
play-bar-v-alt
play-bar-v-two-in
play-bar-v-two-out
play-bar-v-two
play-bar-v
play-bar-v
play
plug-eu
plug-uk
recessed-ceiling
recessed-floor
rooms-front-door
rooms-attic
rooms-balcony
rooms-bathroom
rooms-bedroom
rooms-carport
rooms-closet
rooms-computer
rooms-dining
rooms-driveway
rooms-gym
rooms-hallway
rooms-kids-bedroom
rooms-kitchen
rooms-living
rooms-mancave
rooms-nursery
rooms-office
rooms-other
rooms-outdoor
rooms-outdoor-social-time
rooms-pool
rooms-porch
rooms-recreation
rooms-staircase
rooms-storage
rooms-studio
rooms-terrace
rooms-toilet
sana-alt
sana
scene-concentrate
scene-energize
scene-nightlight
scene-read
scene-relax
signe-gradient-floor
signe-gradient-table
signe
single-spot
socket-eu
socket-uk
socket-us
sultan-group-hung
sultan-group
sync-box-alt
sync-box
tabbar-home
table-shade
wall-appear-group
wall-appear
wall-econic-lantern-base
wall-econic-lantern-top
wall-econic-lantern
wall-econic
wall-flood
wall-fuzo-h
wall-fuzo
wall-impress-narrow-three
wall-impress-narrow-two
wall-impress-narrow
wall-impress
wall-inara-alt
wall-inara
wall-lucca-alt-below
wall-lucca-alt
wall-lucca
wall-nyro
wall-resonate
wall-runner
wall-switch-module
wall-tuar
wall-turaco
wall-lantern
wall-shade
wall-spot
wellner-solid
wellner
wellness
zones-areas-first-floor
zones-areas-ground-floor
zones-areas-second-floor
Icon
Name
Icon
Name
bulb-sultan-group-v2
bulb-sultan-v2
hue-spot-group-v2
hue-spot-v2
kitchen-group
livingroom-group
ls-spot-iris-group-v2
ls-sultan-iris-group-v2
outdoor-motion
tap-dial
go-portable-table
perifo-spot
festavia
Icon
Name
Icon
Name
2-way-uplighter
air-conditioner
alexa-logo
amazon-logo
asus-rp-68u
bitfocus
bitwarden
ceiling-fan-light
ceiling-fan
ceiling-lamp-plafond
ceiling-lamp-round
ceiling-lamp
ceiling-spot-lamp
chandelier
charging-station
chicken-coup-door-shut
chicken-coup
chicken
cooker-extract-off
cooker-extract-on
crunchyrol
deezer-logo
desktop-computer
directv-go-alt
directv-go
discovery-plus
disney-plus-alt
disney-plus
dome-light
dune-hd
duplicati
eggs
emby
espn
essential-oil-diffuser-alt
ev-charging
ev-notcharging
firetv
floor-lamp-dual
floor-lamp
frigate
fronius-inverter-gen24
garage-3-prong
garage-4-prong
garage-5-prong
garden-irrigation
google-home-icon
ha-blue
hbo-max-alt
hbo-max
hbo
herman-miller-aeron
infuse-pro
intel-cpu
intel-nuc
iptvx
jellyfin
justwatch
laptop-windows-alt
laptop-windows
laptop
light-string
linktap
litterbox
marquee-shutter
myenergi
moonlight
movistar-plus
nanoleaf
nas-v2
nas
neon-closed
neon-open
neon
netapp
netflix-alt
netflix
nextcloud
npo
nuki
nvidia-shield
octoprint
odometer
outside-temp
paramount
peacock
phoscon
plutotv
portainer
power-panel-logo
prime-video-alt
prime-video
proxmox
ram-memory
raspberry-pi
rituals
roborock
rocketleague
salt-lamp
salto
seagate-ssd-m2
seagate-ssd
shed-open
shelly-logo
shudder
sky-q-logo
smoke-detector
sonnen
spot-bulb-top
sprinkler
star-plus-alt
star-plus
streamz
table-cylinder-lamp
tablet
telnet-box
telnet
thermostat-v2
thermostat
tidal-logo
tim-logo-alt
tim-logo
tivo
tvnz
twitch-alt
twitch
underfloor-heating
uplighter
viaplay
videoland
vrt-logo
vtm
vudu
wifi-dongle
wyzecam
xbox-alt
xbox
yamaha-rx-v773
youtube-alt
youtube-tv
youtube
zigbee-dongle
zwave-dongle
zwavejs
humidity
hubitat
pm
starbucks
playback-button
vrt-max
stereo-alt
steam-deck
steam
zattoo
confluence
grafana
guacamole
jenkins_logo
prometheusio
truenas-logo
xiaomi-logo
zidooo
Icon
Name
Icon
Name
bridge
mini
smart-camera
smart-plug-sonoff
usb-smart-adaptor
window-sensor
Icon
Name
Icon
Name
moes-switch-dual
moes-switch-single
moes-switch-triple
Icon
Name
Icon
Name
fastgate
nexxt
Icon
Name
Icon
Name
double-smart-plug
double-wall-switch
essential-oil-diffuser
lamp-bedside-table-2
lamp-bedside-table
roller-shutter-switch
single-wall-switch
smart-desk-lamp
smart-plug-it
smart-plug-schuko
smart-power-strip
smart-switch
temp-sensor
triple-wall-switch
wall-switch
Icon
Name
Icon
Name
battery-charged
battery-critical
battery-full
battery-good
battery-half
battery-low
Icon
Name
Icon
Name
arlo-audio-doorbell
arlo-baby
arlo-base-station
arlo-cam
arlo-essential-indoor
arlo-floodlight
arlo-pro-3
arlo-q
arlo-security-light
arlo-ultra-2
arlo-video-doorbell
netgear-switch
nighthawk
orbi
wifi-extender
Icon
Name
Icon
Name
echo-dot-4-group
echo-dot-gen-3
echo-dot-gen-4-clock
echo-dot-gen-4
echo-gen-2
echo-plus
echo-show-5-gen-2
echo-show-5-group
echo-show-8-gen-2
echo-show-8-group
echo-spot
Icons made by @rchiileea
Icon
Name
Icon
Name
sonos-arc
sonos-beam
sonos-bookshelf-horizontal
sonos-bookshelf-vertical
sonos-move
sonos-one
sonos-playbar
sonos-sub
Icon
Name
Icon
Name
apple-airpods-pro
apple-airpods
apple-ipad-pro
apple-iphone
apple-tv-box
apple-tv
apple-watch-alt
apple-watch
apple-tv-gen2-remote
homepod-mini
homepod
imac
Icon
Name
Icon
Name
mini-camera
sync-module
xt2-camera
Icon
Name
Icon
Name
elgato-key-light-air
elgato-key-light
elgato-ring-light
Icon
Name
Icon
Name
google-home
google-wifi-router
home-max
home-mini
nest-wifi-repeater
nest-wifi-router
Window and Roller Shutter
Icons made by @rchiileea
Icon
Name
Icon
Name
blind-tilt-closed
blind-tilt-open
double-window-closed
double-window-open
lift-in-window-closed
lift-in-window-open1
lift-in-window-open2
lift-out-window-close
lift-out-window-open
sliding-window-door-close
sliding-window-door-open
tilt-window-closed
tilt-window-opened
top-window-closed
top-window-open
vert-blind-close
vert-blind-open
Icons made by @rchiileea
Icon
Name
Icon
Name
panel-door-close
panel-door-locked
panel-door-open
panel-front-door-locked
panel-frontdoor-close
panel-frontdoor-open
panel-glass-door-2-locked
panel-glass-door-3-locked
panel-glass-door-4-locked
panel-glass-door-close
panel-glass-door-locked
panel-glass-door-open
panel-glass-door2-close
panel-glass-door2-open
panel-glass-door3-close
panel-glass-door3-open
panel-glass-side-door-locked
panel-glassdoor-close
panel-glassdoor-open
petflap-closed
petflap-open
side-glassdoor-close
side-glassdoor-open
Icons made by @rchiileea
Icon
Name
Icon
Name
ring-alarm-panel
ring-alarm
ring-doorbell-pro
ring-doorbell
ring-floodlight
ring-smart-lighting
ring-spotlight-cam
ring-stick-up-cam
Icon
Name
Icon
Name
christmas-lights
christmas-tree-v2
christmas-tree
christmas-wreath
Icons made by @rchiileea and @Gtt1229
Icon
Name
Icon
Name
desk-sit-alt
desk-sit
desk-stand-alt
desk-stand
ikea-5-spot
ikea-blind-closed
ikea-blind-open
regolit-arc-lamp
symfonisk-lampe
ikea-hektar3
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-e1
reolink-go
Icons made by @rchiileea
Icon
Name
Icon
Name
model-s-charge-side
model-s-charge
model-s-side
model-s
model-x-charge
model-x-open
tesla-icon
Icons made by @rchiileea
Icon
Name
tp-link-tapo
Icons made by @rchiileea
Icon
Name
Icon
Name
ubiquiti-ap
ubiquiti-logo
ubiquiti-usg-p3
ubiquiti
Icons made by @rchiileea
Icon
Name
Icon
Name
fritz-repeater
fritzbox-7530
Icons made by @rchiileea
Icon
Name
Icon
Name
lg-air-purifier
lg-aircon
lg-cooker
lg-fridge
lg-oled55
lg-signiture
Icons made by @rchiileea
Icon
Name
Icon
Name
abarth
alfa-romeo
audi
chrysler
citroen
dodge
ds
fiat
ford
honda
hyundai
jeep
kia
lancia
nissan
opel
peugeot-alt
peugeot
porsche
ram
toyota
vauxhall
volkswagen
renault
renault-invert
bmw
bmw-alt
Icons made by @rchiileea
Icon
Name
Icon
Name
aqara-air-quality
aqara-cube
aqara-fp1
aqara-g2-pro
aqara-g3
aqara-gas-detector
aqara-h1-switch
aqara-hub-n15-g2
aqara-opple
aqara-pet-feeder-c1
aqara-smoke-detector
aqara-curtian
aqara-contact
aqara-inwall
aqara-motion
aqara-temperature
aqara-vibration
aqara-waterleak
Icons made by @rchiileea
Icon
Name
Icon
Name
stage-backlight
stage-light-group
stage-light
stage-spot-light
stage-uplight
stagel-light-2-group
stagel-light-2
Icons made by @rchiileea
Icon
Name
Icon
Name
bathroom
bedroom
driveway
garage-alt-open
garage-alt-shut
garden
kids-room
kitchen
living-room
office
outside
Icons made by @rchiileea
Icon
Name
Icon
Name
dyson-desk
dyson-floor
Icons made by @rchiileea
Icon
Name
Icon
Name
duco-auto
duco-logo
duco-1
duco-2
duco-3
Icons made by @sandrybridge
Icon
Name
Icon
Name
cloudflare
mosquitto
nginx
duckdns
nut
adguard
samba
esphome
Icons made by @sandrybridge
Icon
Name
Icon
Name
pfsense-logo
openwrt-logo
Shutter percentage of opening
Icons made by @rchiileea
Icon
Name
Icon
Name
shutter-0
shutter-10
shutter-20
shutter-30
shutter-40
shutter-50
shutter-60
shutter-70
shutter-80
shutter-90
shutter-100
Icons made by @rchiileea
Icon
Name
Icon
Name
umage
umage-carmina
umage-acorn
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
When you open a pull request do it on the dev branch
In addition to inserting the icon in the icon-svg
folder and updating the custom-brand-icons.js
file, remember to also update the README.md
file by inserting the new icon
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, as always, to the precious contribution to @rchiileea for the creation of the required icons!
Do you like these icons? Support the project with a pizza 🍕🍕