Additional vector icons for Home Assistant, to better represent Philips Hue bulbs and fixtures.
Inspired by the Hue icons in the iOS app, and for personal use only, this repo also features custom vectors created specifically by the author for Hue
fixtures and groups that aren't represented by the 'official' icon set.
In your entity editor, specify an icon as hue:icon-name
If you set state_color: true in your card, you'll see the icons get colorised based upon the current RGB setting.
Example:
title: My Room
state_color: true
type: entities
entities:
- entity: light.my_wall_light
name: My Wall Light
icon: hue:wall-spot
Icons
Hue Icons
hass-hue-icons includes 72 Hue icons modelled upon the Hue iOS app for personal use
Icon
Name
Icon
Name
hue:bloom
hue:bollard
hue:bridge-v1
hue:bridge-v2
hue:bulb-candle
hue:bulb-classic
hue:bulb-filament
hue:bulb-flood
hue:bulb-group
hue:bulb-spot
hue:bulb-sultan
hue:ceiling-round
hue:ceiling-square
hue:desk-lamp
hue:dimmer-switch
hue:double-spot
hue:downstairs
hue:floor-lantern
hue:floor-shade
hue:floor-spot
hue:go
hue:home
hue:iris
hue:lightstrip
hue:motion-sensor
hue:outdoor-motion-sensor
hue:pendant-long
hue:pendant-round
hue:play-bar
hue:plug
hue:recessed-ceiling
hue:recessed-floor
hue:room-attic
hue:room-balcony
hue:room-bathroom
hue:room-bbq
hue:room-bedroom
hue:room-carport
hue:room-closet
hue:room-computer
hue:room-dining
hue:room-driveway
hue:room-front-door
hue:room-games
hue:room-garage
hue:room-guestroom
hue:room-gym
hue:room-hallway
hue:room-kids
hue:room-kitchen
hue:room-laundry
hue:room-living
hue:room-lounge
hue:room-nursery
hue:room-office
hue:room-other
hue:room-outdoors
hue:room-pool
hue:room-porch
hue:room-recreation
hue:room-stairs
hue:room-storage
hue:room-studio
hue:room-terrace
hue:room-toilet
hue:single-spot
hue:table-shade
hue:table-wash
hue:upstairs
hue:wall-lantern
hue:wall-shade
hue:wall-spot
User Requested Hue Icons
hass-hue-icons includes 352 custom icons designed by the author for specific hue fixtures and bulb combinations that aren't represented by the 'official' icon set. Each of these has been hand drawn in Illustrator and proposed in response to a community request.
Icon
Name
Icon
Name
hue:adore-alt-off
hue:adore-alt
hue:adore-mirror
hue:adore
hue:amarant
hue:amaze-alt-off
hue:amaze-alt
hue:amaze-off
hue:amaze
hue:aura-group-off
hue:aura-group
hue:aura-off
hue:aura
hue:beyond-down-group-off
hue:beyond-down-group
hue:beyond-down-off
hue:beyond-down
hue:beyond-group-off
hue:beyond-group
hue:beyond-off
hue:beyond-solid-group-off
hue:beyond-solid-group
hue:beyond-solid-off
hue:beyond-solid
hue:beyond-up-group-off
hue:beyond-up-group
hue:beyond-up-off
hue:beyond-up
hue:beyond
hue:bloom-group
hue:bulb-candle-hung-off
hue:bulb-candle-hung
hue:bulb-candle-off
hue:bulb-classic-hung-off
hue:bulb-classic-hung
hue:bulb-classic-off
hue:bulb-filament-alt-hung
hue:bulb-filament-alt
hue:bulb-filament-candle
hue:bulb-filament-hung-off
hue:bulb-filament-hung
hue:bulb-filament-off
hue:bulb-golfball-e14
hue:bulb-group-bollard-3-off
hue:bulb-group-bollard-3
hue:bulb-group-bollard-wall-appear
hue:bulb-group-bollard
hue:bulb-group-candle-lightstrip
hue:bulb-group-candle
hue:bulb-group-ceiling-flush-circular
hue:bulb-group-ceiling-round
hue:bulb-group-ceiling-square
hue:bulb-group-centura-round
hue:bulb-group-centura
hue:bulb-group-classic-3-alt
hue:bulb-group-classic-3
hue:bulb-group-classic-4-alt
hue:bulb-group-classic-4
hue:bulb-group-classic-hung-3-alt
hue:bulb-group-classic-hung-3
hue:bulb-group-classic-hung-4-alt
hue:bulb-group-classic-hung-4
hue:bulb-group-classic-hung
hue:bulb-group-classic
hue:bulb-group-filament-alt-filament-hung
hue:bulb-group-filament-alt-hung
hue:bulb-group-filament-alt
hue:bulb-group-filament-candle
hue:bulb-group-filament-filament-alt-hung
hue:bulb-group-filament-filament-alt
hue:bulb-group-filament-go
hue:bulb-group-filament-hung
hue:bulb-group-filament-spot
hue:bulb-group-filament-sultan
hue:bulb-group-filament
hue:bulb-group-go-filament
hue:bulb-group-go-sultan
hue:bulb-group-golfball-e14
hue:bulb-group-lightstrip-v
hue:bulb-group-lightstrip
hue:bulb-group-par-38
hue:bulb-group-pillar-impress-3
hue:bulb-group-pillar-impress-short
hue:bulb-group-pillar-impress
hue:bulb-group-pillar-turaco-short-tall
hue:bulb-group-spot
hue:bulb-group-sultan-go
hue:bulb-group-sultan-lightstrip-off
hue:bulb-group-sultan-lightstrip
hue:bulb-group-sultan-spot-off
hue:bulb-group-sultan-spot
hue:bulb-group-wall-nyro-flood-alt
hue:bulb-group-wall-nyro-flood
hue:bulb-par-38
hue:bulb-spot-off
hue:bulb-sultan-off
hue:button
hue:ceiling-adore-alt-flush
hue:ceiling-adore-alt
hue:ceiling-adore-flush
hue:ceiling-adore
hue:ceiling-aurelle-circle-off
hue:ceiling-aurelle-circle
hue:ceiling-aurelle-off
hue:ceiling-aurelle-rect
hue:ceiling-aurelle
hue:ceiling-being
hue:ceiling-beyond-alt
hue:ceiling-beyond
hue:ceiling-buckram-three
hue:ceiling-buckram-two
hue:ceiling-buckram
hue:ceiling-buratto-four
hue:ceiling-buratto-three
hue:ceiling-buratto-two-off
hue:ceiling-buratto-two
hue:ceiling-buratto
hue:ceiling-cher-semiflush
hue:ceiling-devere
hue:ceiling-explore
hue:ceiling-fair-semiflush
hue:ceiling-fair
hue:ceiling-flourish-pendant
hue:ceiling-flourish
hue:ceiling-flush-circular
hue:ceiling-fugato-four-alt
hue:ceiling-fugato-four
hue:ceiling-fugato-three-alt
hue:ceiling-fugato-three
hue:ceiling-fugato-two-alt
hue:ceiling-fugato-two-off
hue:ceiling-fugato-two
hue:ceiling-infuse
hue:ceiling-muscari
hue:ceiling-rect-off
hue:ceiling-rect
hue:ceiling-runner-three-bulb-one
hue:ceiling-runner-three-bulb-three
hue:ceiling-runner-three-bulb-two
hue:ceiling-runner-three
hue:ceiling-runner-two-bulb-one
hue:ceiling-runner-two-bulb-two
hue:ceiling-runner-two
hue:ceiling-runner
hue:ceiling-still
hue:ceiling-surimu
hue:ceiling-xamento
hue:centris-off
hue:centris-three-off
hue:centris-three
hue:centris-two-off
hue:centris-two
hue:centris
hue:centura-round
hue:centura-two
hue:centura
hue:daylo-wall
hue:double-spot-off
hue:ensis-up
hue:ensis
hue:entertainment-area
hue:floor-lantern-group
hue:floor-lantern-off
hue:floor-shade-off
hue:floor-spot-off
hue:flourish-alt-off
hue:flourish-alt
hue:flourish
hue:friends-of-hue-20042LEDSWACDMG-BLRFR
hue:friends-of-hue-arke-round
hue:friends-of-hue-arke
hue:friends-of-hue-aurora-dimmer-switch-alt
hue:friends-of-hue-aurora-dimmer-switch
hue:friends-of-hue-eikon
hue:friends-of-hue-flat-p-alt
hue:friends-of-hue-flat-p
hue:friends-of-hue-iq-flush
hue:friends-of-hue-iq-pendant
hue:friends-of-hue-marbul-suspended
hue:friends-of-hue-retrotouch-black-chrome
hue:friends-of-hue-retrotouch-black-plain
hue:friends-of-hue-retrotouch-white-chrome
hue:friends-of-hue-retrotouch-white-plain
hue:friends-of-hue-rigel
hue:friends-of-hue-senic
hue:go-group-off
hue:go-group
hue:go-off
hue:gradient-lightstrip-wrap
hue:gradient-lightstrip
hue:gradient-tube-long
hue:gradient-tube-short
hue:iris-group
hue:liane
hue:lightstrip-off
hue:lightstrip-tv-alt
hue:lightstrip-tv-off
hue:lightstrip-tv
hue:lightstrip-wrap
hue:lily-two-off
hue:lily-two
hue:lily-xl
hue:lily
hue:logo-alt
hue:logo
hue:motion-sensor-luminance-alt
hue:motion-sensor-luminance
hue:motion-sensor-movement
hue:motion-sensor-temperature
hue:outdoor-motion-sensor-temperature
hue:pedestal-econic
hue:pendant-being
hue:pendant-cher-off
hue:pendant-cher
hue:pendant-devote-solid
hue:pendant-devote-three-solid
hue:pendant-devote-three
hue:pendant-devote-two-solid
hue:pendant-devote-two
hue:pendant-devote
hue:pendant-long-up
hue:pendant-muscari
hue:pendant-round-off
hue:phoenix-pendant
hue:phoenix-plafond
hue:phoenix-semiflush
hue:phoenix-table
hue:pillar-impress-short
hue:pillar-impress
hue:pillar-nyro
hue:pillar-spot-2
hue:pillar-spot-3
hue:pillar-spot-double
hue:pillar-spot
hue:pillar-tuar
hue:pillar-turaco-short
hue:pillar-turaco-tall
hue:play-bar-off
hue:play-bar-three
hue:play-bar-two
hue:play-bar-v-alt
hue:play-bar-v-off
hue:play-bar-v-two-in
hue:play-bar-v-two-out
hue:play-bar-v-two
hue:play-bar-v
hue:plug-eu-alt
hue:plug-eu-group-off
hue:plug-eu-group
hue:plug-eu-off
hue:plug-eu
hue:plug-group
hue:plug-uk-group-off
hue:plug-uk-group
hue:plug-uk-off
hue:plug-uk
hue:plug-us
hue:qr
hue:room-attic-alt-off
hue:room-attic-alt
hue:room-attic-off
hue:room-balcony-off
hue:room-bathroom-off
hue:room-bbq-off
hue:room-bedroom-off
hue:room-carport-off
hue:room-closet-off
hue:room-computer-off
hue:room-dining-off
hue:room-driveway-off
hue:room-front-door-off
hue:room-games-off
hue:room-garage-off
hue:room-guestroom-off
hue:room-gym-off
hue:room-hallway-off
hue:room-kids-off
hue:room-kitchen-off
hue:room-laundry-off
hue:room-living-off
hue:room-lounge-off
hue:room-nursery-off
hue:room-office-off
hue:room-other-off
hue:room-outdoors-off
hue:room-pool-off
hue:room-porch-off
hue:room-recreation-off
hue:room-stairs-off
hue:room-storage-off
hue:room-studio-off
hue:room-terrace-off
hue:room-toilet-off
hue:sana-alt
hue:sana
hue:signe-gradient-floor
hue:signe-gradient-table
hue:signe
hue:socket-eu
hue:socket-uk
hue:socket-us
hue:struana-alt
hue:struana
hue:sync-box-alt-off
hue:sync-box-alt
hue:sync-box-off
hue:sync-box
hue:sync-high-off
hue:sync-high
hue:sync-intense-off
hue:sync-intense
hue:sync-moderate-off
hue:sync-moderate
hue:sync-music-alt-off
hue:sync-music-alt
hue:sync-music-off
hue:sync-music
hue:sync-subtle-off
hue:sync-subtle
hue:tap
hue:wall-appear-group
hue:wall-appear
hue:wall-attract
hue:wall-econic-lantern-base
hue:wall-econic-lantern-top
hue:wall-econic-lantern
hue:wall-econic
hue:wall-flood
hue:wall-fuzo-h
hue:wall-fuzo
hue:wall-impress-narrow-three
hue:wall-impress-narrow-two
hue:wall-impress-narrow
hue:wall-impress
hue:wall-inara-alt
hue:wall-inara
hue:wall-lantern-off
hue:wall-lucca-alt-below
hue:wall-lucca-alt
hue:wall-lucca
hue:wall-nyro
hue:wall-resonate
hue:wall-runner
hue:wall-spot-off
hue:wall-switch-module
hue:wall-tuar
hue:wall-turaco
hue:wellner-solid-off
hue:wellner-solid
hue:wellner
hue:wellness-off
hue:wellness
Icon Requests?
Your light not there? Let me know what's missing by raising a Custom Icon Request.
Sample Dash
With view icons and state color applied. Play bars are offline.
Finding Icons
Hass Hue Icons uses the new 'keywords' functionality to help you find specific fixtures. Try searching for 'pendant' or 'switch'.
If you cannot see the new icons, or you get an empty box where you're expecting an icon, flush your network cache.
Icons don't show on first load of the dash?
Did you add the frontend extra_module_url in your configuration.yaml? See the installation section for details.
OpenHASP user?
I periodically update a ttf font file in a zip at font/hass-hue-icons-ttf.zip. Thanks to @nagyrobi for the suggestion.
Thanks and Props
@hulkhaugen and @thomasloven for the technique.
@ludeeus for the installation guidance.
Everyone who has helped make this repo so broad by raising an Icon Request.
Stargazers
Want to use these icons on your physical wall switches and push buttons?
www.unikkontakt.dk has been given rights to use the custom hass-hue icons in their icon database, allowing you to create unique, beautiful and functional overprinted switches that reflect your smart home.
Ønsker du at bruge disse ikoner på dine fysiske kontakter og trykknapper?
www.unikkontakt.dk er blevet tildelt rettigheder til at bruge custom hass-hue ikonerne i deres ikon-database, som gør det muligt for dig at designe unikke, flotte og funktionelle kontakter med printede ikoner, som matcher dit smart home.
License
This work is licensed under a
Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
I do this for fun, without charge, and to give back to the community. You may remix, tweak, and build upon this work non-commercially, as long as you credit the original author, provide a link to the license, and indicate if any changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use unless agreed. If you remix, transform or build upon the material, you must distribute your contributions under the same or compatible license as the original.
About
Additional vector icons for home assistant to model Philips Hue bulbs and fixtures.