Webfont Instructions
<head>
...
<link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon.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-arrow-down-sign-to-navigate"></i>
<i class="flaticon-arrow-point-to-right"></i>
<i class="flaticon-arrowhead-thin-outline-to-the-left"></i>
<i class="flaticon-navigate-up-arrow"></i>
<i class="flaticon-loupe"></i>
<i class="flaticon-heartbeat"></i>
<i class="flaticon-home"></i>
<i class="flaticon-bar-chart"></i>
<i class="flaticon-steering-wheel"></i>
<i class="flaticon-plus"></i>
<i class="flaticon-up-arrow"></i>
<i class="flaticon-money-bag"></i>
<i class="flaticon-bar-chart-1"></i>
<i class="flaticon-donut-chart"></i>
<i class="flaticon-call"></i>
<i class="flaticon-heartbeat-1"></i>
<i class="flaticon-pair-of-molars"></i>
<i class="flaticon-pharmacy"></i>
<i class="flaticon-happy"></i>
<i class="flaticon-airplane"></i>
<i class="flaticon-smartphone"></i>
<i class="flaticon-apple"></i>
<i class="flaticon-blocks-with-angled-cuts"></i>
<i class="flaticon-black-placeholder-variant"></i>
<i class="flaticon-heart"></i>
<i class="flaticon-like"></i>
<i class="flaticon-play-button-arrowhead"></i>
<i class="flaticon-link"></i>
<i class="flaticon-secure-shield"></i>
<i class="flaticon-globe"></i>
<i class="flaticon-handshake"></i>
<i class="flaticon-worldwide"></i>
<i class="flaticon-piggy-bank"></i>
<i class="flaticon-dollar"></i>
<i class="flaticon-planet-earth"></i>
<i class="flaticon-money"></i>
<i class="flaticon-car"></i>
<i class="flaticon-hand"></i>
<i class="flaticon-wallet"></i>
<i class="flaticon-high"></i>
<i class="flaticon-lamp"></i>
<i class="flaticon-computer-mouse"></i>
<i class="flaticon-shield"></i>
<i class="flaticon-news"></i>
<i class="flaticon-speech-bubble"></i>
<i class="flaticon-information"></i>
<i class="flaticon-email"></i>
<i class="flaticon-placeholder"></i>
<i class="flaticon-phone-call"></i>
<i class="flaticon-telephone"></i>
<i class="flaticon-checked"></i>
<i class="flaticon-pin"></i>
<i class="flaticon-shipped"></i>
<i class="flaticon-settings"></i>
<i class="flaticon-house"></i>
<i class="flaticon-cancel"></i>
<i class="flaticon-play-button"></i>
<i class="flaticon-star"></i>
<i class="flaticon-check"></i>
<i class="flaticon-remove"></i>
<i class="flaticon-question"></i>
<i class="flaticon-info"></i>
<i class="flaticon-warning"></i>
<i class="flaticon-healthcare"></i>
<i class="flaticon-red-cross"></i>
<i class="flaticon-insurance"></i>
<i class="flaticon-shopping-bag"></i>
<i class="flaticon-shopping-bag-1"></i>
<i class="flaticon-home-1"></i>
<i class="flaticon-bookmark"></i>
<i class="flaticon-filter"></i>
<i class="flaticon-copy"></i>
<i class="flaticon-share"></i>
<i class="flaticon-settings-1"></i>
<i class="flaticon-user"></i>
<i class="flaticon-settings-2"></i>
<i class="flaticon-plugin"></i>
<i class="flaticon-shield-1"></i>
<i class="flaticon-mail"></i>
<i class="flaticon-chat"></i>
<i class="flaticon-information-1"></i>
<i class="flaticon-cloud-computing"></i>
<i class="flaticon-right-arrow"></i>
<i class="flaticon-left-arrow"></i>
<i class="flaticon-up-chevron"></i>
<i class="flaticon-down-chevron"></i>
<i class="flaticon-right-arrow-1"></i>
<i class="flaticon-right-arrow-2"></i>
<i class="flaticon-right-chevron"></i>
<i class="flaticon-left-chevron"></i>
<i class="flaticon-telegram"></i>
<i cl