Skip to content

XusBadia/HomeAssistant-Zeus

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

35 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

hacs_badge

Zeus Icon Set

Zeus Icon Set for Home Assistant

2FA


Icon List

You can find a list of the icons in the official website: Zeus Icon Set

Here's a cheatsheet with all the icon names: Zeus Icon Set Cheatsheet

Install

HACS

I recommend installing Zeus Icon Set via Home Assistant Community Store

  1. Add the folowing to the frontend section of your configuration.yaml
frontend:
extra_module_url:
  - /local/community/HomeAssistant-Zeus/HomeAssistant-Zeus.js
  1. (optional) 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/community/HomeAssistant-Zeus/HomeAssistant-Zeus.js

Manual Installation

To add custom repositories please follow this guide. Set URL to https://github.com/XusBadia/HomeAssistant-Zeus and category to Lovelace.

  1. Download HomeAssistant-Zeus.js file from the latest release.

  2. Copy the HomeAssistant-Zeus.js file into <config>/www/ the directory where your configuration.yaml resides.

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

frontend:
  extra_module_url:
    - /local/HomeAssistant-Zeus.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/HomeAssistant-Zeus.js

Restart home-assistant.

Use

you can use icons by entering the prefix zeus:

Example of integration in the card

entities:
  - entity: light.bathroom
    icon: 'zeus:bath'
    name: Bathroom
  - entity: light.cleaning_closet
    icon: 'zeus:broom'
    name: Cleaning Closet
show_header_toggle: false
title: Zeus icons
type: entities

Customize the prefix

In case you want to create your own perfix you can edit the last line of the HomeAssistant-Zeus.js

  window.customIconsets["yourprefix"] = getIcon;

Don't see the icon?

It probably depends on the cache. Open Home assistant from an incognito window and check that the icon loads if yes then it depends on the cache, otherwise double check the installation

Special thanks to Emanuele (https://github.com/elax46/custom-brand-icons) since I took his Custom Brand Icons for HACS repository to get this one to work.