Custom brand icons

Custom brand icons for Home Assistant

Icons Available

• Custom brand icons
  • Icons Available
    • Alexa
    • Apple
    • Aqara
    • Battery Status
    • Blink Cameras
    • Car Manufacturers
    • Christmas Decorations
    • Doors
    • Duco Ventilation
    • Dyson
    • Elgato
    • Fritz
    • Garbage Collection
    • Google
    • HA Addons
    • House Rooms
    • IKEA
    • LG
    • Meross
    • Miscellany of Icons
    • Modem/Router ISP
    • Moes
    • Netgear
    • Networking
    • Philips Hue
    • Philips Hue made by @rchiileea
    • Reolink
    • Ring
    • Schneider Electric
    • Shutter Percentage of Opening
    • Sonoff
    • Sonos
    • Stage DMX Lights
    • Tesla
    • Television
    • TP-Link
    • Ubiquiti
    • Umage Lamps
    • Pedastal
    • Window and Roller Shutter
    • Vacuum Parts
    • Delivery Services
    • Bose
• Install
  • HACS
  • Manual Installation
  • Use
• Help me insert more icons!
• Don't see the icon?
• Make icon
• Icon Requests?
• Customize the prefix
• Pulls requests
• Thanks
• Support the project
  • Stargazers

Alexa

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

Apple

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		homekit
	homepod		homepod-mini
	imac

Aqara

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-curtain
	aqara-contact		aqara-inwall
	aqara-motion		aqara-temperature
	aqara-vibration		aqara-waterleak

Battery Status

Icon	Name	Icon	Name
	battery-charged		battery-critical
	battery-full		battery-good
	battery-half		battery-low

Blink Cameras

Icon	Name	Icon	Name
	mini-camera		sync-module
	xt2-camera

Car Manufacturers

Icons made by @rchiileea

Icon	Name	Icon	Name
	abarth		alfa-romeo
	audi		chrysler
	citroen		dodge
	ds		fiat
	ford		honda
	hyundai		hyundai-alt
	jeep		kia
	nissan		opel
	peugeot-alt		peugeot
	porsche		ram
	toyota		vauxhall
	volkswagen		renault
	renault-invert		bmw
	bmw-alt		volvo
	volvo-alt		acura
	aston-martin		bentley
	bugatti		byd
	chevrolet		dacia
	fisker		geely
	genesis		great-wall
	hino		holden
	infiniti		jaguar
	koenigsegg		lamborghini
	lexus		lotus
	lucid		maserati
	maybach		mclaren
	mercedes		mini-bmw
	mitsubishi		nio
	pagani		polestar
	rivian		rollsroyce
	saic		scion
	seat		skoda
	smart		subaru
	voyah		xpeng
	mazda

Christmas Decorations

Icon	Name	Icon	Name
	christmas-lights		christmas-tree-v2
	christmas-tree		christmas-wreath

Doors

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

Duco Ventilation

Icons made by @rchiileea

Icon	Name	Icon	Name
	duco-auto		duco-logo
	duco-1		duco-2
	duco-3

Dyson

Icons made by @rchiileea

Icon	Name	Icon	Name
	dyson-desk		dyson-floor

Elgato

Icon	Name	Icon	Name
	elgato-key-light-air		elgato-key-light
	elgato-ring-light

Fritz

Icons made by @rchiileea

Icon	Name	Icon	Name
	fritz-repeater		fritzbox-7530

Garbage Collection

Icons made by @sandrybridge

Icon	Name	Icon	Name
	garbage-plastic		garbage-organic
	garbage-residual		garbage-glass-alu
	garbage-cardboard

Google

Icon	Name	Icon	Name
	google-home		google-wifi-router
	home-max		home-mini
	nest-wifi-repeater		nest-wifi-router
	pixelwatch		nest-mini
	chromecast		google-pixel
	chromecast-alt		nest-hub

HA Addons

Icons made by @sandrybridge

Icon	Name	Icon	Name
	cloudflare		mosquitto
	nginx		duckdns
	nut		adguard
	samba		esphome
	nodered		vaultwarden
	letsencrypt

House Rooms

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

IKEA

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
	ikea-ps-2014-open		ikea-ps-2014
	ikea-blind-remote		ikea-remote

LG

Icons made by @rchiileea

Icon	Name	Icon	Name
	lg-air-purifier		lg-aircon
	lg-cooker		lg-fridge
	lg-oled55		lg-signiture

Meross

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

Miscellany of Icons

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		dome-light
	dune-hd		duplicati
	eggs		emby
	essential-oil-diffuser-alt		ev-charging
	ev-notcharging		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		herman-miller-aeron
	infuse-pro		intel-cpu
	intel-nuc		jellyfin
	justwatch		laptop-windows-alt
	laptop-windows		laptop
	light-string		linktap
	litterbox		marquee-shutter
	myenergi		moonlight
	nanoleaf		nas-v2
	nas		neon-closed
	neon-open		neon
	netapp		nextcloud
	npo		nuki
	nvidia-shield		octoprint
	odometer		outside-temp
	peacock		phoscon
	portainer		power-panel-logo
	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
	twitch-alt		twitch
	underfloor-heating		uplighter
	viaplay		videoland
	vrt-logo		vtm
	vudu		wifi-dongle
	wyzecam		xbox-alt
	xbox		yamaha-rx-v773
	youtube-alt		youtube-kids
	youtube-music		youtube-tv
	youtube		zigbee-dongle
	zwave-dongle		zwavejs
	humidity		hubitat
	pm		starbucks
	playback-button		stereo-alt
	steam		confluence
	guacamole		prometheusio
	truenas-logo		xiaomi-logo
	zidooo		abb_radio
	elec_blanket		heos
	huawei		mnm_radio
	qmusic_radio		top_radio
	overseerr		f1
	radarr		sonarr
	sonarr		jellyseerr
	victoria-m		mainsail
	mg		voron
	homey		openmediavault
	vtm-alt		sabnzbd

Modem/Router ISP

Icon	Name	Icon	Name
	fastgate		nexxt

Moes

Icon	Name	Icon	Name
	moes-switch-dual		moes-switch-single
	moes-switch-triple

Netgear

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

Networking

Icons made by @sandrybridge

Icon	Name	Icon	Name
	pfsense-logo		openwrt-logo

Philips Hue

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
	lily-alt		lily-xl-alt

Philips Hue made by @rchiileea

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

Reolink

Icons made by @rchiileea

Icon	Name	Icon	Name
	reolink-510		reolink-811
	reolink-820		reolink-842
	reolink-argus		reolink-e1
	reolink-go

Ring

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

Schneider Electric

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

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

Sonoff

Icon	Name	Icon	Name
	bridge		mini
	smart-camera		smart-plug-sonoff
	usb-smart-adaptor		window-sensor

Sonos

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
	sonos-play-3		sonos-port

Stage DMX Lights

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

Tesla

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

Television

Icons made by @pinky007 @rchiileea @simpleicons

Icon	Name	Icon	Name
	3sat		ARD
	ARD alpha		Arte
	BBC		CBS
	CNN		Culturebox
	Das Erste		directv-go
	directv-go-alt		discovery-plus
	disney-plus-alt		disney-plus
	espn		firetv
	Fox		France 2
	France 3		France 4
	France 5		France Info
	hbo		hbo-max
	hbo-max-alt		iptvx
	Kika		La Premiere
	LCI		movistar-plus
	netflix-alt		netflix
	Okoo		Okoo-alt
	One		paramount
	Phoenix		plutotv
	prime-video-alt		prime-video
	ProSieben		RTL
	RTL II		Sat1
	Tagesschau24		TF1
	TF1_Series_Films		TFX
	tivo		TMC
	tvnz		Vox
	ZDF		ZDFheute
	ZDFinfo		ZDFneo
	ZDFtivi		metv
	molotovtv		pbs
	retro-arena		top-techno
	versuz-radio		abc
	nbc		dazn
	orangetv		directtv
	atres-player		magnentatv
	magentatv-alt

TP-Link

Icons made by @rchiileea

Icon	Name
	tp-link-tapo

Ubiquiti

Icons made by @rchiileea

Icon	Name	Icon	Name
	ubiquiti-ap		ubiquiti-logo
	ubiquiti-usg-p3		ubiquiti
	unifi		unifi-protect

Umage Lamps

Icons made by @rchiileea

Icon	Name	Icon	Name
	umage		umage-carmina
	umage-acorn

Pedastal

Icons made by @rchiileea

Icon	Name	Icon	Name
	pedastal-fan		pedastal-fan-hollow
	fan-blade

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

Vacuum Parts

Icons made by @rchiileea

Icon	Name	Icon	Name
	vac_filter		vac_mbrush
	vac_mop		vac_sbrush

Delivery Services

Icon	Name	Icon	Name
	royalmail		fedex
	dhl		usps
	ups-dlv

Bose

Icon	Name	Icon	Name
	bose-soundtouch		boses-oundwave

Install

HACS

We recommend installing Custom brand icons card via Home Assistant Community Store

1. Add the folowing to the frontend section of your configuration.yaml

   frontend:
     extra_module_url:
       - /local/community/custom-brand-icons/custom-brand-icons.js

2. (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

Manual Installation

To add custom repositories please follow this guide. Set URL to `` and category to Lovelace.

1. Download custom-brand-icons.js file from the latest release.

2. Copy the custom-brand-icons.js file into <config>/www/ the directory where your configuration.yaml resides.

3. 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.

Use

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

Don't see the 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

Make icon

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

Icon Requests?

The icon is not there? open a custom icon request The icons to integrate must be in svg format

Customize the prefix

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;

Pulls requests

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

Thanks, as always, to the precious contribution to @rchiileea for the creation of the required icons!

Support the project

Do you like these icons? Support the project with a pizza 🍕🍕

Stargazers