Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
hass:account
hass:alert
hass:alert-circle
hass:altimeter
hass:apple-safari
hass:apps
hass:arrow-bottom-left
hass:arrow-down
hass:arrow-left
hass:arrow-right
hass:arrow-top-right
hass:arrow-up
hass:autorenew
hass:battery
hass:battery-
hass:battery-alert
hass:battery-outline
hass:battery-unknown
hass:bell
hass:bell-outline
hass:bell-plus
hass:bell-ring
hass:bell-sleep
hass:bookmark
hass:brightness-
hass:broom
hass:calendar
hass:calendar-clock
hass:cast
hass:cast-connected
hass:chart-line
hass:checkbox-marked-circle
hass:chevron-down
hass:chevron-left
hass:chevron-right
hass:chevron-up
hass:clock
hass:clock-fast
hass:close
hass:cloud-upload
hass:code-tags
hass:comment-alert
hass:content-save
hass:crop-portrait
hass:cursor-pointer
hass:delete
hass:door-closed
hass:door-open
hass:dots-vertical
hass:drawing
hass:emoticon
hass:emoticon-dead
hass:emoticon-poop
hass:exit-to-app
hass:eye
hass:eye-off
hass:fan
hass:file-document
hass:file-word-box
hass:file-xml
hass:fire
hass:flash
hass:flash-off
hass:flower
hass:format-list-bulleted
hass:garage
hass:garage-open
hass:gauge
hass:google-circles-communities
hass:google-pages
hass:help-circle
hass:home
hass:home-assistant
hass:home-automation
hass:home-map-marker
hass:home-outline
hass:home-variant
hass:image-filter-center-focus
hass:image-filter-frames
hass:information-outline
hass:leaf
hass:lightbulb
hass:link
hass:lock
hass:lock-open
hass:login-variant
hass:mailbox
hass:map-marker
hass:menu
hass:menu-down
hass:menu-up
hass:microphone
hass:music-note
hass:music-note-off
hass:nature
hass:notification-clear-all
hass:open-in-new
hass:pause
hass:pencil
hass:play
hass:play-pause
hass:playlist-play
hass:plus
hass:poll-box
hass:power
hass:power-plug
hass:power-plug-off
hass:power-sleep
hass:radio-tower
hass:radiobox-blank
hass:ray-vertex
hass:refresh
hass:remote
hass:robot-vacuum
hass:rotate-left
hass:rotate-right
hass:run
hass:security
hass:send
hass:server-network
hass:server-network-off
hass:settings
hass:shield-check
hass:shield-home
hass:shield-lock
hass:shield-outline
hass:skip-next
hass:skip-previous
hass:sleep
hass:snowflake
hass:square
hass:square-outline
hass:stop
hass:text-to-speech
hass:textbox
hass:thermometer
hass:thermostat
hass:timer
hass:timer-off
hass:timer-sand
hass:tooltip-account
hass:vibrate
hass:video
hass:volume-high
hass:volume-medium
hass:volume-off
hass:walk
hass:water
hass:water-off
hass:water-percent
hass:weather-cloudy
hass:weather-fog
hass:weather-hail
hass:weather-lightning
hass:weather-lightning-rainy
hass:weather-night
hass:weather-partlycloudy
hass:weather-pouring
hass:weather-rainy
hass:weather-snowy
hass:weather-snowy-rainy
hass:weather-sunny
hass:weather-windy
hass:weather-windy-variant
hass:white-balance-sunny
hass:window-closed
hass:window-open
hass:z-wave
@manasmsp

This comment has been minimized.

Copy link

@manasmsp manasmsp commented Sep 11, 2020

square

@serginho73

This comment has been minimized.

Copy link

@serginho73 serginho73 commented Oct 12, 2020

Just discovered a new icons...
hass:television
hass:television-off
hass:television-box

@kittyscastle

This comment has been minimized.

Copy link

@kittyscastle kittyscastle commented Oct 30, 2020

TL, thank you for starting this list! I tried to find the location of the icons, to look them up visually. Are these packaged in HA or downloaded as needed?

@thomasloven

This comment has been minimized.

Copy link
Owner Author

@thomasloven thomasloven commented Oct 30, 2020

They are packaged with Home Assistant.

However, nearly all icons are exactly the same as you get with mdi:icon-name, so this list was just made for fun.

@danielbrunt57

This comment has been minimized.

Copy link

@danielbrunt57 danielbrunt57 commented Nov 17, 2020

Here are 190 total I just grep'd from HA/core and HA/frontend + the lists above...

hass:account
hass:alert
hass:alert-circle
hass:altimeter
hass:apple-safari
hass:apps
hass:arrow-bottom-left
hass:arrow-down
hass:arrow-left
hass:arrow-right
hass:arrow-top-right
hass:arrow-up
hass:autorenew
hass:battery
hass:battery-
hass:battery-alert
hass:battery-outline
hass:battery-unknown
hass:bell
hass:bell-outline
hass:bell-plus
hass:bell-ring
hass:bell-sleep
hass:bookmark
hass:brightness-
hass:brightness-5
hass:broom
hass:calendar
hass:calendar-clock
hass:cancel
hass:cast
hass:cast-connected
hass:chart-line
hass:check
hass:checkbox-marked-circle
hass:check-circle-outline
hass:chevron-down
hass:chevron-left
hass:chevron-right
hass:chevron-up
hass:clock
hass:clock-fast
hass:close
hass:cloud-upload
hass:code-tags
hass:cog
hass:comment-alert
hass:content-save
hass:crop-portrait
hass:cursor-pointer
hass:delete
hass:door-closed
hass:door-open
hass:dots-horizontal
hass:dots-vertical
hass:drawing
hass:emoticon
hass:emoticon-dead
hass:emoticon-poop
hass:exit-to-app
hass:eye
hass:eye-off
hass:fan
hass:file-document
hass:file-multiple
hass:file-word-box
hass:file-xml
hass:filter-variant
hass:fire
hass:flash
hass:flash-off
hass:flower
hass:format-list-bulleted
hass:garage
hass:garage-open
hass:gauge
hass:google-circles-communities
hass:google-pages
hass:hammer
hass:help-circle
hass:home
hass:home-assistant
hass:home-automation
hass:home-map-marker
hass:home-outline
hass:home-variant
hass:image-filter-center-focus
hass:image-filter-frames
hass:information-outline
hass:leaf
hass:lightbulb
hass:link
hass:lock
hass:lock-open
hass:login-variant
hass:mailbox
hass:map-marker
hass:menu
hass:menu-down
hass:menu-up
hass:microphone
hass:music-note
hass:music-note-off
hass:nature
hass:notification-clear-all
hass:open-in-new
hass:original-icon
hass:palette
hass:pause
hass:pencil
hass:pencil-off
hass:play
hass:playlist-play
hass:play-pause
hass:plus
hass:plus-circle
hass:poll-box
hass:power
hass:power-plug
hass:power-plug-off
hass:power-sleep
hass:radiobox-blank
hass:radio-tower
hass:ray-vertex
hass:refresh
hass:remote
hass:robot-vacuum
hass:rotate-left
hass:rotate-right
hass:run
hass:security
hass:send
hass:server-network
hass:server-network-off
hass:settings
hass:shield-check
hass:shield-home
hass:shield-lock
hass:shield-outline
hass:skip-next
hass:skip-previous
hass:sleep
hass:snowflake
hass:square
hass:square-outline
hass:stop
hass:target-variant
hass:television
hass:television-box
hass:television-off
hass:textbox
hass:text-to-speech
hass:thermometer
hass:thermostat
hass:timer
hass:timer-off
hass:timer-sand
hass:tooltip-account
hass:undo
hass:user-icon
hass:vibrate
hass:video
hass:view-dashboard
hass:volume-high
hass:volume-medium
hass:volume-minus
hass:volume-off
hass:volume-plus
hass:walk
hass:water
hass:water-off
hass:water-percent
hass:weather-cloudy
hass:weather-fog
hass:weather-hail
hass:weather-lightning
hass:weather-lightning-rainy
hass:weather-night
hass:weather-partlycloudy
hass:weather-pouring
hass:weather-rainy
hass:weather-snowy
hass:weather-snowy-rainy
hass:weather-sunny
hass:weather-windy
hass:weather-windy-variant
hass:white-balance-sunny
hass:window-closed
hass:window-open
hass:z-wave
@Evilfraggle

This comment has been minimized.

Copy link

@Evilfraggle Evilfraggle commented Nov 22, 2020

hass:disc

@shahonseven

This comment has been minimized.

Copy link

@shahonseven shahonseven commented Nov 23, 2020

hass:alarm
hass:car
hass:fish
hass:cellphone
hass:phone
hass:washing-machine

@ukmgranger

This comment has been minimized.

Copy link

@ukmgranger ukmgranger commented Nov 28, 2020

hass:unicorn

@TheArcturian

This comment has been minimized.

Copy link

@TheArcturian TheArcturian commented Dec 30, 2020

How can you see the visual appearance of all these icons at the same time?

@thomasloven

This comment has been minimized.

Copy link
Owner Author

@thomasloven thomasloven commented Dec 30, 2020

They are packaged with Home Assistant.

However, nearly all icons are exactly the same as you get with mdi:icon-name, so this list was just made for fun.

@TheArcturian

This comment has been minimized.

Copy link

@TheArcturian TheArcturian commented Dec 31, 2020

So this page shows me similar icons in a glance then:
https://materialdesignicons.com/cdn/2.0.46/

Makes it easier to choose the different icons.

@danielbrunt57

This comment has been minimized.

Copy link

@danielbrunt57 danielbrunt57 commented Dec 31, 2020

Yes and I use my browser search to find instances that contain say "light" or "cactus" or ???

EDIT
I did not look at your URL. See next post for the most current mdi icon list...

@dpalita

This comment has been minimized.

Copy link

@dpalita dpalita commented Jan 4, 2021

@TheArcturian just in case, your link is for an old version, you can find the latest link at https://materialdesignicons.com/cheatsheet (there are a lot more icons in the 5.4.55 release than in the 2.0.46)

@oywino

This comment has been minimized.

Copy link

@oywino oywino commented Jan 16, 2021

Are there any advantages in using hass:icon instead of mdi:icon ?

@thomasloven

This comment has been minimized.

Copy link
Owner Author

@thomasloven thomasloven commented Jan 16, 2021

None at all.

hass: is for internal use. Users shall use mdi:.

@oywino

This comment has been minimized.

Copy link

@oywino oywino commented Jan 16, 2021

I have used hass: everywhere. If that can lead to difficulties - shouldn't it be a warning somewhere in the docs ?
(just the thought of having to go through everything and change it - makes me sweat) 🤢

@danielbrunt57

This comment has been minimized.

Copy link

@danielbrunt57 danielbrunt57 commented Jan 18, 2021

AFAIK, hass : or mdi: can be used interchangeably...

@danielbrunt57

This comment has been minimized.

Copy link

@danielbrunt57 danielbrunt57 commented Jan 18, 2021

FEI, the syntax in HA is use an mdi icon that's listed as mdi-gamepad-variant-outline would be mdi:gamepad-variant-outline...

@catfishapbt

This comment has been minimized.

Copy link

@catfishapbt catfishapbt commented Feb 7, 2021

hass:blinds

@dziobas83

This comment has been minimized.

Copy link

@dziobas83 dziobas83 commented Feb 24, 2021

hass:led-strip
hass:led-strip-variant

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment