MATERIAL DESIGN ICONIC FONT 2.2.0

Material Design Iconic Font is a full suite of official material design icons (created and maintained by Google), with additional community-designed icons and brands icons for easy scalable vector graphics on websites or desktop.

Page Demo Plugin Website

Basic Examples

Font icons can be used as direct CSS prefix with icon name or as SCSS mixins.

<i class="zmdi zmdi-[icon name]"></i>


<!-- Examples -->
<i class="zmdi zmdi-search"></i>
<i class="zmdi zmdi-home"></i>
<i class="zmdi zmdi-plus"></i>
@include font-icon([Icon Unicode], [Font Size]);


<!-- Examples -->
@include font-icon("\f119", 2rem);
@include font-icon("\f110", 0.5rem);
@include font-icon("\f114", 1.75rem);

Requirements:

  • /vendors/bower_components/xxx