Additional icons for use in the Home Assistant UI. I initially created this component to add icons for self hosted services I use which weren't available in any other HA icon set. Additional icons have been added where the icons that are available were either out of date (i.e. when the branding had changed but the icon set hadn't been updated to reflect it) or where the available icons had issues (such as poor cropping making them look smaller than other icons in the dashboard).
Whilst this component and the icons within are intended for my own use, feel free to use them in your Home Assistant instance also.
If you would like to add more icons, please raise an issue in the Github repository and I'll consider adding. Alternatively, add the icons yourself and raise a pull request.
If you just want to show your appreciation, you can sponsor the project or send a one off donation using the links below:
It is advised to install this Home Assistant plug-in via HACS (the Home Assistant Community Store). If you have HACS installed already you can click this button to quickly add this repository to HACS and open the page ready to install.
Alternatively, you can follow the below steps to add this repository to HACS manually as a custom repository and install the plug-in:
- Ensure HACS is already installed on Home Assistant https://hacs.xyz/docs/use/
- In Home Assistant, navigate to HACS.
- Select the 3 dots icon in the top right and choose Custom repositories
- Enter
https://github.com/MattFryer/Hass-Custom-Icons
as the repository and select the type of Dashboard. Click on Add. - Custom Icons Pack should now be shown just like any other HACS components when searching for it. Click on Custom Icons Pack, then in the bottom right click DOWNLOAD then in the popup window that opens click DOWNLOAD again.
- Once download and installation is complete, confirm you wish to RELOAD the UI
By default the icons can only be used inside Lovelace dashboards. To use the icons site wide, such as for custom sidebar links, add the following to the frontend
section of your Home Assistant configuration.yaml
file:
frontend:
extra_module_url:
- /hacsfiles/hass-custom-icons/hass-custom-icons.js
Tip
For the icons to be shown correctly, you may need to refresh your browser a couple of times after installation or updating the component.
Below are all of the currently available icons in this component and their codes to add them to your Home Assistant dashboards. The component supports browsing and searching for icons in the Home Assistant visual editor, just like when using the in-built Home Assistant MDI icons. Alternatively, you can enter the specific icon code (including the cust:
prefix) when using the YAML code editor instead.