hass-hue-icons
Additional vector icons for home assistant to model Philips Hue bulbs and fixtures.
arallsopp★ 383⑂ 33 forksupdated 3 months ago
git clone https://github.com/arallsopp/hass-hue-icons.gitarallsopp/hass-hue-iconsREADME.mdfork it — it’s yours
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.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.
Usage
- 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.
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 |
 |
more like this
markItDown
📱 A React app to preview and edit Markdown✍. You can also export it as HTML.
JavaScript★ 51