github.com/arallsopp/hass-hue-icons

hass-hue-icons

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.

Installation

Hass-hue-icons has been accepted into the Home Assistant Community Store (HACS).

HACS (Recommended):

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

Manual:

• Copy dist/hass-hue-icons.js into your config/www folder.
• Go to Configuration -> Lovelace Dashboards -> Resources -> Add Resource
• set url as /local/hass-hue-icons.js and Resource Type as Javascript 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.

Usage

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

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 in the Home Assistant iconpicker for 'pendant' or 'switch'.

NEW: Hass Hue Icons also offers a standalone preview tool. Take a look.

Discussion:

There's a thread over at the home assistant forums that tracks this repo.

Troubleshooting:

Can't ever see the icons?

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.
• @HunterX86 for providing 4 sample icons in #191
• 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.