Icons

You can download material icons directly from the this page

Icon using its textual name

This example uses a typographic feature called ligatures, which allows rendering of an icon glyph simply by using its textual name.

face

<i class="material-icons">face</i>
Icon using its numeric character references

For browsers that do not support ligatures, fall back to specifying the icons using numeric character references like the example below:

face

<i class="material-icons">&#xE87C;</i>

Icons Properties

Change Icon Color
face face face face
Change Icon Size
face

Tiny

face

Small

face

Medium

face

Large

Theme Customizer


Customize & Preview in Real Time

Menu Color Options

Layout Options

Navigation Color Options
Solid
Gradient

Solid

Gradient

Buy Now