Material Icons
Material Icons
<span class="mdi mdi-name"></span>

Extras

The helper CSS classes are listed below.

Size

mdi-18px mdi-24px mdi-36px mdi-48px

Rotate

mdi-rotate-45 mdi-rotate-90 mdi-rotate-135 mdi-rotate-180 mdi-rotate-225 mdi-rotate-270 mdi-rotate-315

Flip

mdi-flip-h mdi-flip-v

Note: We do not include the ability to use mdi-flip-* and mdi-rotate-* at the same time.

Spin

mdi-spin mdi-spin

Tools

Select Color

Modes

light

light

dark

dark

Backgrounds

default

Default

bg-1

Bg-1

bg-2

Bg-2

bg-3

Bg-3

bg-4

Bg-4

bg-5

Bg-5

Box Design

default

Default

box-1

Box-1

box-2

Box-2

box-3

Box-3