telmo / homeassistant-cupertino-icons

Apple iOS-like Cupertino style icons for Home Assistant

Home Assistant Cupertino Icons

Apple iOS-like Cupertino style icons for Home Assistant!

                       
                       

Install

HACS (Recommended)

1. Go to the HACS tab
2. Frontend
3. Menu > Custom Repository
4. Paste this repo's URL
5. Select Lovelace in the dropdown
6. Install cupertino-icons
7. Reload frontend cache

The icons should be usable in Home Assistant now. If it doesnt show up, try refreshing the page, private browsing or restart Home Assistant

Manual

1. Clone this repo
2. Copy dist/HomeAssistant-Cupertino-Icons.js to {HOMEASSISTANT_ROOT_DIR}/www/
3. Home Assistant > Settings > Lovelace Dashboards > Resources > Add
   • URL: /local/HomeAssistant-Cupertino-Icons.js
   • Resource Type: JavaScript Module

The icons should be usable in Home Assistant now. If it doesnt show up, try refreshing the page, private browsing or restart Home Assistant

Usage

Prefix: ios
Eg: ios:lightbulb-fill | ios:cloud-moon-rain | ios:bed-double-fill

Icon Reference

P.S.: with only 1216 icons, the iconset is rather small compared to MDI and incredibly limited. The new SF Pro Symbols v2.0+ now has a total of over 2000+ icons. Update coming soon.

v2.0.1 Update
Home Assistant Cupertino Icons has now been updated to SF Symbols v2.1!

It now supports 2441 Icons! (Copyrighted icons excluded)

SF Symbols v2.1 | Apple
SF Symbols Reference | SFSymbols.com

You may download the MacOS App from Apple for a better reference.

Note: underscores(_) and dots(.) must be swapped with hipens(-)

---

To Do

☑️ Upgrade to SF Pro Symbols v2.1