https://github.com/arallsopp/hass-hue-icons-integration
Additional vector icons for home assistant to model Philips Hue bulbs and fixtures.
https://github.com/arallsopp/hass-hue-icons-integration
custom-icons hacktoberfest hacs hass-hue-icons home-assistant homeassistant hue hue-lights iconset philips-hue svg-icons
Last synced: 6 months ago
JSON representation
Additional vector icons for home assistant to model Philips Hue bulbs and fixtures.
- Host: GitHub
- URL: https://github.com/arallsopp/hass-hue-icons-integration
- Owner: arallsopp
- License: other
- Created: 2022-01-11T13:20:24.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2022-01-11T15:46:52.000Z (almost 4 years ago)
- Last Synced: 2025-04-13T00:54:19.436Z (6 months ago)
- Topics: custom-icons, hacktoberfest, hacs, hass-hue-icons, home-assistant, homeassistant, hue, hue-lights, iconset, philips-hue, svg-icons
- Language: JavaScript
- Homepage:
- Size: 250 KB
- Stars: 6
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# hass-hue-icons-integration
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-integration is derived from my front end plugin [hass-hue-icons](https://github.com/arallsopp/hass-hue-icons) and share icons with that repo.
[](https://github.com/hacs/integration)
[![CC BY-NC-SA 4.0][cc-by-nc-sa-image]][cc-by-nc-sa]
[![CC BY-NC-SA 4.0][cc-by-nc-sa-shield]][cc-by-nc-sa]
[cc-by-nc-sa]: http://creativecommons.org/licenses/by-nc-sa/4.0/
[cc-by-nc-sa-image]: https://licensebuttons.net/l/by-nc-sa/4.0/88x31.png
[cc-by-nc-sa-shield]: https://img.shields.io/badge/License-CC%20BY--NC--SA%204.0-lightgrey.svg
### HACS (Recommended):
This is the recommended way to install hass-hue-icons as an integration. Hass-hue-icons is a default repository for HACS. To install:
- Load HACS (installation instructions are [here](https://hacs.xyz/docs/installation/installation/)).
- Select `Integrations` to see the list of downloaded and new repositories.
- Click the `triple dot` button (normally top right).
- Choose `Custom Repositories`
- In the `Repository` box type `https://github.com/arallsopp/hass-hue-icons-integration`
- Choose the category `Integration` and `ADD` this.
- Return to HACS integrations, and download `hass-hue-icons-integration`
- Restart Home Assistant
- Click this: [](https://my.home-assistant.io/redirect/config_flow_start/?domain=hass-hue-icons-integration)
- OR: Go to your integrations configuration, click Add Integration and find `hass-hue-icons-integration`
### Manual:
- Copy the contents of `custom_components/hass-hue-icons-integration` into a `/custom_components/hass-hue-icons-integration` folder.
- Restart Home Assistant
- Click this: [](https://my.home-assistant.io/redirect/config_flow_start/?domain=hass-hue-icons-integration)
- OR: Go to your integrations configuration, click Add Integration and find `hass-hue-icons-integration`
## Removing the plugin version:
- If you've been running the front end plugin of hass-hue-icons, please remove it before installing the integration, along with any entry in configuration.yaml
## 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-integration includes 71 Hue icons modelled upon the Hue iOS app for personal use
[//]: # (Start Hue Icons)
| 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: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 |
[//]: # (End Hue Icons)
### User Requested Hue Icons
hass-hue-icons includes 198 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.
[//]: # (Start Custom Icons)
| Icon | Name | Icon | Name
| :--- | :--- | :--- | :--- |
| | hue:adore-alt | | hue:adore-mirror |
| | hue:adore | | hue:amarant |
| | hue:amaze-alt | | hue:amaze |
| | hue:aura-group | | hue:aura |
| | hue:beyond-down | | hue:beyond-solid |
| | hue:beyond-up | | hue:beyond |
| | hue:bloom-group | | 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 | | hue:bulb-golfball-e14 |
| | hue:bulb-group-bollard-3 | | hue:bulb-group-bollard |
| | hue:bulb-group-candle-lightstrip | | hue:bulb-group-candle |
| | hue:bulb-group-ceiling-round | | hue:bulb-group-ceiling-square |
| | hue:bulb-group-centura-round | | hue:bulb-group-centura |
| | 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-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-par-38 | | hue:bulb-spot-off |
| | hue:bulb-sultan-off | | hue:button |
| | hue:ceiling-aurelle-circle | | 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 |
| | hue:ceiling-buratto | | hue:ceiling-cher-semiflush |
| | 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 |
| | hue:ceiling-infuse | | hue:ceiling-muscari |
| | hue:ceiling-rect | | hue:ceiling-still |
| | hue:ceiling-surimu | | hue:ceiling-xamento |
| | hue:centris-three | | hue:centris-two |
| | hue:centris | | hue:centura-round |
| | hue:centura-two | | hue:centura |
| | hue:daylo-wall | | hue:ensis-up |
| | hue:ensis | | hue:floor-lantern-group |
| | hue:floor-lantern-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-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-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 |
| | hue:go-off | | hue:gradient-lightstrip-wrap |
| | hue:gradient-lightstrip | | hue:gradient-tube-long |
| | hue:gradient-tube-short | | hue:liane |
| | hue:lightstrip-off | | hue:lightstrip-tv-alt |
| | hue:lightstrip-tv-off | | hue:lightstrip-tv |
| | hue:lightstrip-wrap | | hue:lily-two |
| | hue:lily-xl | | hue:lily |
| | hue:logo-alt | | hue:logo |
| | hue:motion-sensor-temperature | | hue:outdoor-motion-sensor-temperature |
| | hue:pedestal-econic | | hue:pendant-being |
| | hue:pendant-cher | | hue:pendant-long-up |
| | hue:pendant-muscari | | 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-double | | hue:pillar-spot |
| | hue:pillar-tuar | | hue:pillar-turaco-short |
| | hue:pillar-turaco-tall | | hue:play-bar-three |
| | hue:play-bar-two | | hue:play-bar-v-alt |
| | hue:play-bar-v-two-in | | hue:play-bar-v-two-out |
| | hue:play-bar-v-two | | hue:play-bar-v |
| | hue:plug-eu | | hue:plug-uk |
| | 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:sync-box-alt | | hue:sync-box |
| | 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 |
| | hue:wall-impress | | hue:wall-lucca-alt-below |
| | hue:wall-lucca-alt | | hue:wall-lucca |
| | hue:wall-nyro | | hue:wall-resonate |
| | hue:wall-switch-module | | hue:wall-tuar |
| | hue:wall-turaco | | hue:wellner-solid |
| | hue:wellner | | hue:wellness |
[//]: # (End Custom Icons)
### Icon Requests?
Your light or bulb group not there? Let me know what's missing by raising a [Custom Icon Request](https://github.com/arallsopp/hass-hue-icons/issues/new?assignees=arallsopp&labels=icon+request&template=custom-icon-request.md&title=Icon%20Request%20%5Bname%20of%20fixture%5D). I accept icon requests for hue and friends of hue fixtures, bulbs, switches, and infrastructure.
### Want to add your own non HUE svg icon?
- If the icon you want isn't related to hue, its likely I won't add it to this repo.
- However, if you have an svg file you'd like to use, you can do this locally by adding it to
`/my_icons/`. You will have to create this directory before use.
- Use your icon by typing `my:` into the icon chooser, followed by the filename without the extension
### 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'.
### Discussion:
There's a thread over at the [home assistant forums](https://community.home-assistant.io/t/created-custom-colorizable-hue-icons-as-a-lovelace-resource) 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.
## OpenHASP user?
I periodically update [hass-hue-icons-ttf.zip](https://github.com/arallsopp/hass-hue-icons/font/hass-hue-icons-ttf.zip) file in a zip at the original repo. Thanks to @nagyrobi for the suggestion.
## Thanks and Props
- @hulkhaugen and @thomasloven for the techniques. Be sure to check out thomas' amazing [list of integrations](https://github.com/thomasloven)
- @ludeeus for the installation guidance.
- Everyone who has helped make this repo so broad by raising an [Icon Request](https://github.com/arallsopp/hass-hue-icons/issues/new?assignees=arallsopp&labels=icon+request&template=custom-icon-request.md&title=Icon%20Request%20%5Bname%20of%20fixture%5D).
### Stargazers
##### The original plugin repo has these stargazers:
[](https://github.com/arallsopp/hass-hue-icons/stargazers)
##### This integration version has:
[](https://github.com/arallsopp/hass-hue-icons-integration/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][cc-by-nc-sa].
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.