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>
Under CC: Freepik, Dave Gandy, Lyolya, Vectors Market, Gregor Cresnar, Smashicons, Elias Bikbulatov, Retinaicons, Those Icons, Pixel perfect, Tomas Knop, Prosymbols, Google, Smartline, Stockio, Maxim Basinski Premium, Good Ware, Kiranshastry, Pixelmeetup, hirschwolf, Becris, srip, phatplus, Vitaly Gorbachev, prettycons, dmitri13, Icongeek26, juicy_fish, noomtah, deemakdaksina, bqlqn, nawicon, ghost_icon, Ayub Irawan, iconixar, Prosymbols Premium, photo3idea_studio, BomSymbols, SBTS2018, Arafat Uddin, ariefstudio, winnievinzence, Soremba, Uniconlabs, DinosoftLabs, rukanicon, heyLuiso, Barudaklier, Mayor Icons
<i class="flaticon-play-button"></i>
<i class="flaticon-straight-quotes"></i>
<i class="flaticon-blocks-with-angled-cuts"></i>
<i class="flaticon-home-page"></i>
<i class="flaticon-magnifying-glass"></i>
<i class="flaticon-angle-arrow-pointing-to-right"></i>
<i class="flaticon-media-play-symbol"></i>
<i class="flaticon-quotation-mark"></i>
<i class="flaticon-right-quotes-symbol"></i>
<i class="flaticon-left-quotes-sign"></i>
<i class="flaticon-gear"></i>
<i class="flaticon-graduate-cap"></i>
<i class="flaticon-world"></i>
<i class="flaticon-male-job-search-symbol"></i>
<i class="flaticon-play-arrow"></i>
<i class="flaticon-chat-bubbles-with-ellipsis"></i>
<i class="flaticon-arrow-pointing-to-right"></i>
<i class="flaticon-space-rocket-launch"></i>
<i class="flaticon-telephone"></i>
<i class="flaticon-repairing-service"></i>
<i class="flaticon-big-anchor"></i>
<i class="flaticon-security"></i>
<i class="flaticon-shopping-bag"></i>
<i class="flaticon-plus-symbol"></i>
<i class="flaticon-right-arrow"></i>
<i class="flaticon-left-arrow"></i>
<i class="flaticon-email"></i>
<i class="flaticon-magnifying-glass-1"></i>
<i class="flaticon-user"></i>
<i class="flaticon-money-bag"></i>
<i class="flaticon-dollar-symbol"></i>
<i class="flaticon-garbage"></i>
<i class="flaticon-next"></i>
<i class="flaticon-placeholder"></i>
<i class="flaticon-heart"></i>
<i class="flaticon-settings"></i>
<i class="flaticon-like"></i>
<i class="flaticon-upload"></i>
<i class="flaticon-avatar"></i>
<i class="flaticon-share"></i>
<i class="flaticon-house"></i>
<i class="flaticon-cancel"></i>
<i class="flaticon-headphones"></i>
<i class="flaticon-shopping-cart"></i>
<i class="flaticon-envelope"></i>
<i class="flaticon-menu"></i>
<i class="flaticon-menu-1"></i>
<i class="flaticon-multiply"></i>
<i class="flaticon-search"></i>
<i class="flaticon-unlink"></i>
<i class="flaticon-left-quote"></i>
<i class="flaticon-right-quote"></i>
<i class="flaticon-wifi"></i>
<i class="flaticon-paper-plane"></i>
<i class="flaticon-pdf"></i>
<i class="flaticon-edit"></i>
<i class="flaticon-eye"></i>
<i class="flaticon-placeholder-1"></i>
<i class="flaticon-chat"></i>
<i class="flaticon-home"></i>
<i class="flaticon-megaphone"></i>
<i class="flaticon-padlock"></i>
<i class="flaticon-message"></i>
<i class="flaticon-down-arrow"></i>
<i class="flaticon-next-1"></i>
<i class="flaticon-mail"></i>
<i class="flaticon-secure-shield"></i>
<i class="flaticon-tick"></i>
<i class="flaticon-maps-and-flags"></i>
<i class="flaticon-tick-1"></i>
<i class="flaticon-user-1"></i>
<i class="flaticon-bar-chart"></i>
<i class="flaticon-right"></i>
<i class="flaticon-left"></i>
<i class="flaticon-call"></i>
<i class="flaticon-play-button-1"></i>
<i class="flaticon-search-1"></i>
<i class="flaticon-call-1"></i>
<i class="flaticon-hand-shake"></i>
<i class="flaticon-map"></i>
<i class="flaticon-briefcase"></i>
<i class="flaticon-eye-1"></i>
<i class="flaticon-like-1"></i>
<i class="flaticon-location"></i>
<i class="flaticon-job-search"></i>
<i class="flaticon-down-arrow-1"></i>
<i class="flaticon-up-arrow"></i>
<i class="flaticon-left-arrow-1"></i>
<i class="flaticon-right-arrow-1"></i>
<i class="flaticon-list"></i>
<i class="flaticon-email-1"></i>
<i class="flaticon-next-2"></i>
<i class="flaticon-medal"></i>
<i class="flaticon-email-2"></i>
<i class="flaticon-quote"></i>
<i class="flaticon-menu-2"></i>
<i class="flaticon-idea"></i>
<i class="flaticon-email-3"></i>
<i class="flaticon-clock"></i>
<i class="flaticon-full-screen"></i>
<i class="flaticon-reply-all"></i>
<i class="flaticon-megaphone-1"></i>
<i class="flaticon-bar-chart-1"></i>
<i class="flaticon-car"></i>
<i class="flaticon-like-2"></i>
<i class="flaticon-iphone"></i>
<i class="flaticon-link"></i>
<i class="flaticon-user-2"></i>
<i class="flaticon-group"></i>
<i class="flaticon-sketch"></i>
<i class="flaticon-placeholder-2"></i>
<i class="flaticon-graduation-cap"></i>
<i class="flaticon-checked"></i>
<i class="flaticon-wall-clock"></i>
<i class="flaticon-line-chart"></i>
<i class="flaticon-checked-1"></i>
<i class="flaticon-quote-1"></i>
<i class="flaticon-play"></i>
<i class="flaticon-teamwork"></i>
<i class="flaticon-user-3"></i>
<i class="flaticon-phone-call"></i>
<i class="flaticon-cancel-1"></i>
<i class="flaticon-coffee-cup"></i>
<i class="flaticon-law"></i>
<i class="flaticon-legal-paper"></i>
<i class="flaticon-quotation"></i>
<i class="flaticon-support"></i>
<i class="flaticon-plus"></i>
<i class="flaticon-app-store"></i>
<i class="flaticon-heart-1"></i>
<i class="flaticon-calendar"></i>
<i class="flaticon-clipboard"></i>
<i class="flaticon-email-4"></i>
<i class="flaticon-support-1"></i>
<i class="flaticon-car-1"></i>
<i class="flaticon-map-1"></i>
<i class="flaticon-left-arrow-2"></i>
<i class="flaticon-check"></i>
<i class="flaticon-down-arrow-2"></i>
<i class="flaticon-time"></i>
<i class="flaticon-next-3"></i>
<i class="flaticon-shopping-bag-1"></i>
<i class="flaticon-loupe"></i>
<i class="flaticon-shield"></i>
<i class="flaticon-briefcase-1"></i>
<i class="flaticon-stats"></i>
<i class="flaticon-planet-earth"></i>
<i class="flaticon-pin"></i>
<i class="flaticon-conversation"></i>
<i class="flaticon-network"></i>
<i class="flaticon-checked-2"></i>
<i class="flaticon-scroll"></i>
<i class="flaticon-call-2"></i>
<i class="flaticon-portfolio"></i>
<i class="flaticon-trophy"></i>
<i class="flaticon-shield-1"></i>
<i class="flaticon-shopping-cart-1"></i>
<i class="flaticon-timetable"></i>
<i class="flaticon-squares"></i>
<i class="flaticon-partnership"></i>
<i class="flaticon-presentation"></i>
<i class="flaticon-product"></i>
<i class="flaticon-document"></i>