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.
Hass-hue-icons has been accepted into the Home Assistant Community Store (HACS).
This is the recommended way to install hass-hue-icons. Hass-hue-icons is a default repository for HACS. To install:
- Open HACS (installation instructions are here).
- Go to "Frontend" section
- Click button with "+" icon
- Search for "hass hue icons" and install it.
- Add the following to your configuration.yaml, save and restart HA.
frontend:
extra_module_url:
- /hacsfiles/hass-hue-icons/hass-hue-icons.js
- Copy
dist/hass-hue-icons.jsinto yourconfig/wwwfolder. - Go to Configuration -> Lovelace Dashboards -> Resources -> Add Resource
- set url as
/local/hass-hue-icons.jsand Resource Type asJavascript Module. - Add the following to your configuration.yaml, save and restart HA.
frontend:
extra_module_url:
- /local/hass-hue-icons.js
- Save, restart Home Assistant.
- In your entity editor, specify an icon as
hue:icon-name - If you set
state_color: truein your card, you'll see the icons get colorised based upon the current RGB setting.
title: My Room
state_color: true
type: entities
entities:
- entity: light.my_wall_light
name: My Wall Light
icon: hue:wall-spot
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 |
hass-hue-icons includes 438 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-off |
 |
hue:bloom-group |  |
hue:bloom-off |
 |
hue:bollard-off |  |
hue:bridge-v2-off |
 |
hue:bulb-br30-hung-off |  |
hue:bulb-br30-hung |
 |
hue:bulb-br30-off |  |
hue:bulb-br30 |
 |
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-a19-hung-off |  |
hue:bulb-filament-a19-hung |
 |
hue:bulb-filament-a19-off |  |
hue:bulb-filament-a19 |
 |
hue:bulb-filament-alt-hung |  |
hue:bulb-filament-alt |
 |
hue:bulb-filament-candle-hung |  |
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-off |  |
hue:bulb-group-bollard-wall-appear-go |
 |
hue:bulb-group-bollard-wall-appear |  |
hue:bulb-group-bollard |
 |
hue:bulb-group-br30-hung-off |  |
hue:bulb-group-br30-hung |
 |
hue:bulb-group-br30-off |  |
hue:bulb-group-br30 |
 |
hue:bulb-group-candle-filament-hung |  |
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-off |  |
hue:bulb-group-filament-alt-filament-hung |
 |
hue:bulb-group-filament-alt-hung-off |  |
hue:bulb-group-filament-alt-hung |
 |
hue:bulb-group-filament-alt-off |  |
hue:bulb-group-filament-alt |
 |
hue:bulb-group-filament-candle |  |
hue:bulb-group-filament-candles-hung |
 |
hue:bulb-group-filament-candles |  |
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-off |
 |
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-recessed-ceiling |
 |
hue:bulb-group-spot-hung-off |  |
hue:bulb-group-spot-hung |
 |
hue:bulb-group-spot |  |
hue:bulb-group-sultan-3-hung-off |
 |
hue:bulb-group-sultan-3-hung |  |
hue:bulb-group-sultan-3-off |
 |
hue:bulb-group-sultan-3 |  |
hue:bulb-group-sultan-4-hung-off |
 |
hue:bulb-group-sultan-4-hung |  |
hue:bulb-group-sultan-4-off |
 |
hue:bulb-group-sultan-4 |  |
hue:bulb-group-sultan-go |
 |
hue:bulb-group-sultan-hung |  |
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-lucca |
 |
hue:bulb-group-wall-nyro-flood-alt |  |
hue:bulb-group-wall-nyro-flood |
 |
hue:bulb-lightguide-flask |  |
hue:bulb-lightguide-oval |
 |
hue:bulb-lightguide-round |  |
hue:bulb-par-38 |
 |
hue:bulb-spot-hung-off |  |
hue:bulb-spot-hung |
 |
hue:bulb-spot-off |  |
hue:bulb-sultan-hung |
 |
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-off |
 |
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-square-off |  |
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-off |
 |
hue:daylo-wall |  |
hue:double-spot-off |
 |
hue:ensis-up |  |
hue:ensis |
 |
hue:entertainment-area |  |
hue:festavia |
 |
hue:floor-lantern-group |  |
hue:floor-lantern-off |
 |
hue:floor-shade-off |  |
hue:floor-spot-group |
 |
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:go-portable-table-alt |  |
hue:go-portable-table |
 |
hue:gradient-lightstrip-wrap |  |
hue:gradient-lightstrip |
 |
hue:gradient-tube-long-off |  |
hue:gradient-tube-long |
 |
hue:gradient-tube-short-off |  |
hue:gradient-tube-short |
 |
hue:iris-group |  |
hue:iris-off |
 |
hue:liane |  |
hue:lightstrip-off |
 |
hue:lightstrip-tv-alt |  |
hue:lightstrip-tv-off |
 |
hue:lightstrip-tv |  |
hue:lightstrip-wrap |
 |
hue:lily-alt |  |
hue:lily-two-off |
 |
hue:lily-two |  |
hue:lily-xl-alt |
 |
hue:lily-xl |  |
hue:lily |
 |
hue:logo-alt |  |
hue:logo |
 |
hue:motion-sensor-luminance-alt-off |  |
hue:motion-sensor-luminance-alt |
 |
hue:motion-sensor-luminance-off |  |
hue:motion-sensor-luminance |
 |
hue:motion-sensor-movement-off |  |
hue:motion-sensor-movement |
 |
hue:motion-sensor-temperature-off |  |
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-off |
 |
hue:pendant-devote-solid-off |  |
hue:pendant-devote-solid |
 |
hue:pendant-devote-three-off |  |
hue:pendant-devote-three-solid-off |
 |
hue:pendant-devote-three-solid |  |
hue:pendant-devote-three |
 |
hue:pendant-devote-two-off |  |
hue:pendant-devote-two-solid-off |
 |
hue:pendant-devote-two-solid |  |
hue:pendant-devote-two |
 |
hue:pendant-devote |  |
hue:pendant-long-up |
 |
hue:pendant-muscari |  |
hue:pendant-round-off |
 |
hue:perifo-pendant |  |
hue:perifo-spot |
 |
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:scene-bright |  |
hue:scene-concentrate |
 |
hue:scene-dimmed |  |
hue:scene-energize |
 |
hue:scene-natural-light |  |
hue:scene-nightlight |
 |
hue:scene-read |  |
hue:scene-relax |
 |
hue:scene-rest |  |
hue:signe-gradient-floor-off |
 |
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:table-wash-off |  |
hue:tap-dial |
 |
hue:tap |  |
hue:wall-appear-group-off |
 |
hue:wall-appear-group |  |
hue:wall-appear-off |
 |
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-off |  |
hue:wall-lucca-alt-below |
 |
hue:wall-lucca-alt-off |  |
hue:wall-lucca-alt |
 |
hue:wall-lucca-off |  |
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 |
Your light not there? Let me know what's missing by raising a Custom Icon Request.
With view icons and state color applied. Play bars are offline.
Hass Hue Icons uses the new 'keywords' functionality to help you find specific fixtures. Try searching in the Home Assistant iconpicker for 'pendant' or 'switch'.
NEW: Hass Hue Icons also offers a standalone preview tool. Take a look.
There's a thread over at the home assistant forums that tracks this repo.
If you cannot see the new icons, or you get an empty box where you're expecting an icon, flush your network cache.
Did you add the frontend extra_module_url in your configuration.yaml? See the installation section for details.
I periodically update a ttf font file in a zip at font/hass-hue-icons-ttf.zip. Thanks to @nagyrobi for the suggestion.
- @hulkhaugen and @thomasloven for the technique.
- @ludeeus for the installation guidance.
- @HunterX86 for providing 4 sample icons in #191
- Everyone who has helped make this repo so broad by raising an Icon Request.
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.
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.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent
