Giter VIP home page Giter VIP logo

hass-bha-icons's Introduction

hacs_badge

hass-bha-icons

Custom icon pack designed for Home Assistant.

Generic content

Preview ceiling-downlight
Preview ceiling-fan
Preview ceiling-fan-light
Preview ceiling-lamp
Preview ceiling-lamp-plafond
Preview ceiling-lamp-round
Preview ceiling-spot-lamp
Preview chandelier
Preview dome-light
Preview fan-speed-1
Preview fan-speed-2
Preview fan-speed-3
Preview fan-speed-4
Preview fan-speed-5
Preview fan-speed-6
Preview fan-speed-7
Preview fan-speed-8
Preview fan-speed-9
Preview floor-lamp
Preview floor-lamp-dual
Preview led-strip
Preview lightbulb-top
Preview lightbulb-top-outline
Preview light-string
Preview nas
Preview night-light
Preview outdoor-lamp
Preview outdoor-lamp-solo
Preview outdoor-lamp-variant
Preview mirror-lamp
Preview path-light
Preview smoke-detector
Preview spot-bulb
Preview spot-bulb-top
Preview stairs
Preview table-lamp-variant
Preview thermostat
Preview xmas-candle-bridge
Preview xmas-star

Brands / products

Preview adguard-home
Preview apple-tv
Preview asus
Preview b-hyve
Preview homeassistant
Preview matter
Preview nginx-proxy-manager
Preview node-red
Preview open-wrt
Preview phoscon
Preview plex
Preview qbittorrent
Preview radarr
Preview roborock
Preview sonarr
Preview tautulli
Preview transmission

Install

HACS

Add this repo via HACS as a plugin and install. See the HACS install guide for step by step instructions.

Manual

Copy the hass-bha-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-bha-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-bha-icons.js

Restart home-assistant.

Using

The icons uses the prefix bha:.

Example:

entities:
  - entity: light.floor_lamp
    icon: 'bha:floor-lamp'
    name: floor-lamp
  - entity: light.floor_lamp_dual
    icon: 'bha:floor-lamp-dual'
    name: floor-lamp-dual
  - entity: light.led_strip
    icon: 'bha:led-strip'
    name: led-strip
  - entity: light.outdoor_lamp_north
    icon: 'bha:outdoor-lamp'
    name: outdoor-lamp
  - entity: light.outdoor_lamp_west
    icon: 'bha:outdoor-lamp-variant'
    name: outdoor-lamp-variant
show_header_toggle: false
title: hass-bha-icons
type: entities

FAQ

Q: The icon ain't showing, it's just white space where it should be. What's up with that?

A: Probably related to cache. Try opening your instance in a incognito/private Window and see if your icon shows then. If yes, it's cache related. If not, spellcheck.

Thanks

Thanks to @thomasloven, as I used his hass-fontawesome as a template for this pack

Thanks to @prairiesnpr, @kmlucy, @GeorgeSG, @shbatm, @clemalex824 and @rautesamtr for their contributiuons

hass-bha-icons's People

Contributors

clemalex824 avatar georgesg avatar hulkhaugen avatar kmlucy avatar kongo09 avatar prairiesnpr avatar rautesamtr avatar shbatm avatar wrt54g avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hass-bha-icons's Issues

Icon will not show in header

I was having an issue with the Roborock icon not showing on a page header, but still showing in the regular lovelace cards. I was able to solve this issue by adding the following to my configuration.yaml:

frontend:
  extra_module_url:
    - /hacsfiles/hass-bha-icons/hass-bha-icons.js

I'm not sure if this can be fixed without adding that line to the config, or if the documentation should be updated.

Navigation icon not showing up

Hi. I have a navigation in the dashboard for my vacuum cleaner with phu:roborock icon.
Unfortunately most of the time the icon doesnt show up:
Screenshot 2021-09-16 at 05 46 09
As soon as i click edit dashboard the icon shows up again:
Screenshot 2021-09-16 at 05 46 43
I have tried different browsers (including new ones to ensure its not caching problem) and the HA IOS app - they are all showing similar behaviour.

Documentation update?

Any chance the the documentation could be updated to match the new version?
I did the manual install and while the system still works (BHA icons are working), it does not "auto display" the icons which is the purpose of the new version

Also not sure how to use generate_js.py is this to be installed in HA? is it needed for the new version or is it stand alone code?

Thanks Love this plugin!

Icons work in mobile app?

Hi,
I got your package installed in the end, thanks for your help.
Probably another daft questions but I noticed the icons don't appear in the mobile app, is that normal?

Thanks.
Dave.

Adding more icons

Hi,

I've expanded your icon set with some more lamp icons in a similar style that you've already made. Would you like me to create a PR to add those or are you happy with the ones you got?
2020-10-09 - epy5s

If you'd like I can pack those new icons together and create a PR.

Unexpected token..

Since updating to the latest version of ha and bha-icons I regularly get the following error:
https://192.168.178.112:8123/hacsfiles/hass-bha-icons/hass-bha-icons.js?hacstag=17980857697739:165:37 Uncaught SyntaxError: Unexpected token '.'

SVG path question

I want to add my own icons and succeeded more or less.
I added my own iconset and changed the name etc.
I have some png wich i converted to a svg. I downloaded this SVG and opened it with a tekst editor. Copied the part after d= and put this in my js file.
HA loads the JS, but the picture is shown as one black rectangle.. How is this possible?
It there something wrong with the path (aldo when i open the svg as a picture it shows right)?
Is there a good and easy converter fot converting PNG (or other pictures) to SVG,, directly working with HA?
And what settings?

Hoping someone could help me out with this.
Thanks in advance :-D

was working, but stopped - HA (2023.1.4)

I installed this earlier today and it was working for a little bit. Now I can't get any of the icons to load. Typing "bha" returns nothing. I tried reloading the integration and browser to no avail.

Helpful utility?

Howdo.

Thanks again for your help getting hass-hue-icons up and running.

As part of my work on that repo, I’ve been building a little utility to help locate icons in a front end library.

That utility accepts arguments for external libraries, such as yours. If you want to take a look, here it is:

https://arallsopp.github.io/hass-hue-icons/docs/build/tester/iconfinder.html?library=https://cdn.jsdelivr.net/gh/hulkhaugen/hass-bha-icons/dist/hass-bha-icons.js&map=BHA_ICONS_MAP

If you add keywords to your icons, these also become searchable (see mine, for example).

Feel free to modify/share/ignore :)

Request: TTF font release

Is there a way to convert/release this package in a TTF font file, just like MDI icons are? This would allow us to use them easily in openHASP.

Missing icons

I've read the FAQ about icons being replaced by white space. I've tried incognito mode but nothing change. I use HACS.
Do I have to provide something to help resolving this ?

Icons are not displayed after update

Hi!

Very strange, but today after updating to the version to this commit: e9feb79

Newly added icons are not displayed, and sometimes after the page is updated, those that were in the package before the current update also disappear.

image

            - type: light
              entity: light.yeelight_kitchen_ceiling
              icon: bha:ceiling-lamp-round
              name: Люстра
            - type: light
              entity: light.yeelight_kitchen_ceiling_nightlight
              icon: mdi:weather-night
              name: Ночник
            - type: light
              entity: light.kitchen_downlights_group
              icon: bha:ceiling-downlight
              name: Потолочные

Adding icons ?

Thank you so much for sharing your work.

I realized some icons and I want to offer them to you:

Tell me if you want one (or more) and I'll do a PR

20210408_002414
20210408_002438
20210408_002501

I use them like this:
20210408_003320
iMarkup_20210408_003252

Thanks again for sharing And show how to use your own icons

Sorry about my English

fan speed icons

It would be nice to have fan icons with speeds going up beyond 3 which is what mdi maxes out at. I can create these and send them to you if you're ok with it

icons don't show anymore

I've just updated to your latest version and now the icons don't show anymore in Lovelace. Nothing else changed.

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.