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-trophy"></i>
<i class="flaticon-car-wash"></i>
<i class="flaticon-air-blower"></i>
<i class="flaticon-car-wash-1"></i>
<i class="flaticon-car-wash-2"></i>
<i class="flaticon-fuel"></i>
<i class="flaticon-repair"></i>
<i class="flaticon-document"></i>
<i class="flaticon-next"></i>
<i class="flaticon-arrows"></i>
<i class="flaticon-group"></i>
<i class="flaticon-group-1"></i>
<i class="flaticon-group-2"></i>
<i class="flaticon-left-quote"></i>
<i class="flaticon-search"></i>
<i class="flaticon-left-quote-1"></i>
<i class="flaticon-right-quote"></i>
<i class="flaticon-file"></i>
<i class="flaticon-file-1"></i>
<i class="flaticon-pdf"></i>
<i class="flaticon-doc"></i>
<i class="flaticon-jpg"></i>
<i class="flaticon-files"></i>
<i class="flaticon-file-2"></i>
<i class="flaticon-file-3"></i>
<i class="flaticon-file-4"></i>
<i class="flaticon-doc-1"></i>
<i class="flaticon-pdf-1"></i>
<i class="flaticon-file-5"></i>
<i class="flaticon-target"></i>
<i class="flaticon-money-bag"></i>
<i class="flaticon-balance"></i>
<i class="flaticon-balance-1"></i>
<i class="flaticon-buckingham-palace"></i>
<i class="flaticon-parthenon"></i>
<i class="flaticon-factory"></i>
<i class="flaticon-factory-1"></i>
<i class="flaticon-factory-2"></i>
<i class="flaticon-factory-3"></i>
<i class="flaticon-factory-4"></i>
<i class="flaticon-bus"></i>
<i class="flaticon-suitcase"></i>
<i class="flaticon-suitcase-1"></i>
<i class="flaticon-portfolio"></i>
<i class="flaticon-train"></i>
<i class="flaticon-train-1"></i>
<i class="flaticon-business-and-trade"></i>
<i class="flaticon-building"></i>
<i class="flaticon-park"></i>
<i class="flaticon-police-car"></i>
<i class="flaticon-police-car-1"></i>
<i class="flaticon-police-car-2"></i>
<i class="flaticon-beer-tap"></i>
<i class="flaticon-graduation-cap"></i>
<i class="flaticon-heart"></i>
<i class="flaticon-signpost"></i>
<i class="flaticon-signpost-1"></i>
<i class="flaticon-alarm-clock"></i>
<i class="flaticon-calendar"></i>
<i class="flaticon-pin"></i>
<i class="flaticon-goal"></i>
<i class="flaticon-money-bag-2"></i>
<i class="flaticon-balance-2"></i>
<i class="flaticon-fair"></i>
<i class="flaticon-train-2"></i>
<i class="flaticon-architecture-and-city"></i>
<i class="flaticon-tree"></i>
<i class="flaticon-police-car-3"></i>
<i class="flaticon-farmer"></i>
<i class="flaticon-bank"></i>
<i class="flaticon-briefcase"></i>
<i class="flaticon-factory-5"></i>
<i class="flaticon-school-bus"></i>
<i class="flaticon-mortarboard"></i>
<i class="flaticon-pulse"></i>
<i class="flaticon-signpost-2"></i>
<i class="flaticon-jogging"></i>
<i class="flaticon-directions"></i>
<i class="flaticon-trees"></i>
<i class="flaticon-bridge"></i>
<i class="flaticon-checked"></i>
<i class="flaticon-tree-1"></i>
<i class="flaticon-credit-card"></i>
<i class="flaticon-files-1"></i>
<i class="flaticon-pdf-2"></i>
<i class="flaticon-image-file"></i>
<i class="flaticon-newsletter"></i>
<i class="flaticon-conversation"></i>
<i class="flaticon-file-6"></i>
<i class="flaticon-google-docs"></i>
<i class="flaticon-spray"></i>
<i class="flaticon-car-wash-3"></i>
<i class="flaticon-vacuum-cleaner"></i>
<i class="flaticon-car"></i>
<i class="flaticon-car-wash-4"></i>
<i class="flaticon-bathing"></i>
<i class="flaticon-mechanic"></i>
<i class="flaticon-clean"></i>
<i class="flaticon-ventilator"></i>
<i class="flaticon-steering-wheel"></i>
<i class="flaticon-seat"></i>
<i class="flaticon-mat"></i>
<i class="flaticon-car-1"></i>
<i class="flaticon-tire"></i>
<i class="flaticon-like"></i>
<i class="flaticon-medal"></i>
<i class="flaticon-information"></i>
<i class="flaticon-open"></i>
<i class="flaticon-meetup"></i>
<i class="flaticon-browser"></i>
<i class="flaticon-mouse"></i>