Additional vector icons of various Crypto coins for Home Assistant. Request for other icons are welcome, refer below.
Hass-crypto-icons has not yet been accepted into the Home Assistant Community Store (HACS). Pleasae STAR this repository as it increases the chances it wil be added !
Not Yet, please STAR this repository so it might get added to the default HACS repositories !
- Copy
dist/hass-crypto-icons.js
into yourconfig/www
folder. - Go to Configuration -> Lovelace Dashboards -> Resources -> Add Resource
- set url as
/local/hass-crypto-icons.js
and Resource Type asJavascript Module
. - Add the following to your configuration.yaml, save and restart Home Assistant.
frontend:
extra_module_url:
- /local/hass-crypto-icons.js
- Save, restart Home Assistant.
- In your entity editor, specify an icon as
crypto:coin-TAG
- If you set
state_color: true
in your card, you'll see the icons get colorised based upon the current RGB setting. - They will show up in the new icon-picker from HA 2021-11.0 and onwards
title: Crypto
state_color: true
type: entities
entities:
- entity: sensor.crypto_dot
name: Polkadot
icon: crypto:dot
hass-crypto-icons initially includes 40 crypto coin icons based on various sources. Some of these have been hand drawn in Inkscape and others are reworked icons from the net.
I have added 10 more in v1-1-0 with the very nice TIME icon as a request.
I have added 10 more in v1-2-0 with the AMP, FLOKI and LRC icons as a request.
Shown in the button screenshot below are:
- icon + coin tag
- coin name
To show the icon the coin TAG is used; eg. crypto:ada
Version 1.1.0 added icons
Version 1.2.0 added icons
Version 1.3.0 added icons
Your crypto coin not there? You like another design? Let me know what's missing by raising a Custom Icon Request.
Currently there is no dedicated area to discuss this, if sufficient interest we can open one on the home assistant forums.
If you cannot see the new icons, or you get an empty box where you're expecting an icon, press CTRL-F5 when your browser window has focus.
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.
- based on original work of @arallsopp for which many thanks
- he received guidance from
-
- @hulkhaugen and @thomasloven for the technique.
-
- @ludeeus for the installation guidance.
- Everyone who has helped extending this repo by raising an Icon Request.
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.