GithubHelp home page GithubHelp logo

hass-kongo09-icons's Introduction

hacs_badge

hass-kongo09-icons

Custom icon pack designed for Home Assistant for personal use

Content

Preview xmas_star
Preview xmas_stars
Preview circle
Preview roborock
Preview ceiling_light
Preview spot_light
Preview wall_light
Preview hanging_light
Preview pirce_light

Install

HACS

Add https://github.com/kongo09/hass-kongo09-icons as custom-repository for a Lovelace plugin in HACS

Manual

Copy the hass-kongo09-icons.js file into <config>/www/ where <config> is your home-assistant config directory (the directory where your configuration.yaml resides).

Add the folowing to the frontend section of your configuration.yaml

frontend:
  extra_module_url:
    - /local/hass-kongo09-icons.js

Or add the following to your lovelace configuration using the Raw Config editor under Configure UI or ui-lovelace.yaml if using YAML mode.

resources:
  - type: js
    url: /local/hass-kongo09-icons.js

Restart home-assistant.

Using

The icons uses the prefix kongo09:.

Example:

type: entity
entity: fan.air_ac2729
icon: 'kongo09:power_button'

Thanks

Thanks to @hulkhaugen, as I used his hass-bha-icons based on hass-fontawesome from @thomasloven as a template for this pack

hass-kongo09-icons's People

Contributors

georgesg avatar hulkhaugen avatar kmlucy avatar kongo09 avatar prairiesnpr avatar shbatm avatar

Watchers

 avatar

hass-kongo09-icons's Issues

SVG format

Hi,

first of all thank you for the module you've programmed! I try to use it so implement a custom icon into home assistant. Your code looks like this:

"xmas_star":
    "m12 23.127c-0.5926-2.6716-1.1852-5.3432....

I created my icon in inkscape and exported it as an "optimized SVG". After that my code looks like this:

"strawberry":
  "m105.88 54.479c-4.7214 0.03336-9.5807 0.26612-14.574...

It seems like home assistant doesn't recognize this format or something else is wrong with my SVG-code. Can you tell me how you created the SVG-code? Thanks a lot!

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.