Webfont Instructions
<head>
...
<link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon_collection_name.css">
...
</head>
3. Use the icon class on "display: inline" elements:
Use example: <i class="flaticon-airplane49"></i> or <span class="flaticon-airplane49"></span>
<i class="flaticon-play-button"></i>
<i class="flaticon-play-button-arrowhead"></i>
<i class="flaticon-earth-with-thin-waves-pattern"></i>
<i class="flaticon-circle-with-rhombs-pattern"></i>
<i class="flaticon-gmail-logo"></i>
<i class="flaticon-maps-and-flags"></i>
<i class="flaticon-call"></i>
<i class="flaticon-plus"></i>
<i class="flaticon-play"></i>
<i class="flaticon-rating"></i>
<i class="flaticon-rating-1"></i>
<i class="flaticon-user"></i>
<i class="flaticon-management"></i>
<i class="flaticon-menu"></i>
<i class="flaticon-star"></i>
<i class="flaticon-bullhorn"></i>
<i class="flaticon-security"></i>
<i class="flaticon-left-arrow"></i>
<i class="flaticon-dashboard"></i>
<i class="flaticon-app-development"></i>
<i class="flaticon-software-development"></i>
<i class="flaticon-minus"></i>
<i class="flaticon-content-management"></i>
<i class="flaticon-technical-support"></i>
<i class="flaticon-handshake"></i>
<i class="flaticon-download"></i>
<i class="flaticon-ux"></i>
<i class="flaticon-ux-design"></i>
<i class="flaticon-right-arrow"></i>
<i class="flaticon-chat"></i>
<i class="flaticon-calendar"></i>
<i class="flaticon-pattern"></i>
<i class="flaticon-system"></i>
<i class="flaticon-completed-task"></i>