StartLabsDev / custom-brand-icons

Custom brand icons for Home Assistant

Custom brand icons

Custom brand icons for Home Assistant

Icons/Brands Available

• Amazon echo
• Apple
• Aqara
• Battery
• Blink
• Car manufacturer
• Christmas decorations
• Doors
• Elgato
• Fritz
• Google
• House Rooms
• Ikea
• LG
• Meross
• Miscellany of icons
• Modem/Router ISP
• Moes
• Netgear
• Philips Hue
• Reolink
• Ring
• Schneider Electric
• Sonoff
• Sonos
• Stage DMX Lights
• Tesla
• Tp-link
• Ubiquiti
• Window and Roller Shutter
• Dyson
• Duco Ventilation
• HA Addons
• Networking
• Shutter percentage of opening
• Umage Lamps

---

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

---

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

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

---

Sonoff device

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

---

Moes device

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

---

Modem/Router ISP

Icon	Name	Icon	Name
	fastgate		nexxt

---

Meross device

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

---

Battery status

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

---

Netgear device

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

---

Alexa device

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

---

Sonos device

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

---

Apple device

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

---

Blink Cameras

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

---

Elgato

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

---

Google

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

---

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

---

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

---

Christmas decorations

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

---

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

---

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

---

Reolink

Icons made by @rchiileea

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

---

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

---

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

---

Fritz

Icons made by @rchiileea

Icon	Name	Icon	Name
	fritz-repeater		fritzbox-7530

---

LG

Icons made by @rchiileea

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

---

Car manufacturer icon

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

---

Aqara icon

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

---

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

---

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

Dyson

Icons made by @rchiileea

Icon	Name	Icon	Name
	dyson-desk		dyson-floor

Duco Ventilation

Icons made by @rchiileea

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

HA Addons

Icons made by @sandrybridge

Icon	Name	Icon	Name
	cloudflare		mosquitto
	nginx		duckdns
	nut		adguard
	samba		esphome

Networking

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

Umage Lamps

Icons made by @rchiileea

Icon	Name	Icon	Name
	umage		umage-carmina
	umage-acorn

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 https://github.com/elax46/custom-brand-icons 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