Coder Social home page Coder Social logo

crypto-icons's Introduction

hass-crypto-icons

Additional vector icons of various Crypto coins for Home Assistant. Request for other icons are welcome, refer below. header-bar

CC BY-NC-SA 4.0 CC BY-NC-SA 4.0

Installation

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 !

HACS:

Not Yet, please STAR this repository so it might get added to the default HACS repositories !

Manual:

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

Usage

  • 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

Example:

title: Crypto
state_color: true
type: entities
entities:
  - entity: sensor.crypto_dot
    name: Polkadot
    icon: crypto:dot

Icons

Crypto Icons

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

icons v1.0.0AJ

icons v1.0.0KZ

icons v1.0.0circular

Version 1.1.0 added icons

icons v1.1.0

Version 1.2.0 added icons

icons v1.2.0

Version 1.3.0 added icons

icons v1.3.0

Icon Requests?

Your crypto coin not there? You like another design? Let me know what's missing by raising a Custom Icon Request.

Discussion:

Currently there is no dedicated area to discuss this, if sufficient interest we can open one on the home assistant forums.

Troubleshooting:

Can't see the icons?

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.

Still can't 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.

Thanks and

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

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.

crypto-icons's People

Contributors

gh2user avatar dfanica avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.