npm install @mdi/font
<span class="mdi mdi-name"></span>
Click the icon, hex codepoint, or name below to copy the value to your clipboard.
Deprecated icons will be removed in a future major release.
The helper CSS classes are listed below.
mdi-18px
mdi-24px
mdi-36px
mdi-48px
mdi-rotate-45
mdi-rotate-90
mdi-rotate-135
mdi-rotate-180
mdi-rotate-225
mdi-rotate-270
mdi-rotate-315
mdi-flip-h
mdi-flip-v
Note: We do not include the ability to use mdi-flip-*
and
mdi-rotate-*
at the same time.
mdi-spin
mdi-spin
mdi-light
mdi-light mdi-inactive
mdi-dark
mdi-dark mdi-inactive