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, Balraj Chana, Lyolya, Vectors Market, Gregor Cresnar, Smashicons, Elias Bikbulatov, Retinaicons, Creaticca Creative Agency, Those Icons, Pixel perfect, Tomas Knop, Prosymbols, Google, Smartline, Dimitry Miroliubov, Good Ware, Kiranshastry, Pixelmeetup, Vitaly Gorbachev, hirschwolf, turkkub, Becris, srip, phatplus, photo3idea_studio, Eucalyp, prettycons, dmitri13, Icongeek26, bqlqn, Ayub Irawan, Nikita Golubev, GOWI, Aficons studio, ariefstudio, th studio, iconixar, DinosoftLabs, Vector Stall, Vector Clans, Afian Rochmah Afif, surang
<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-dots-menu"></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-play-arrow"></i>
<i class="flaticon-menu-of-three-lines"></i>
<i class="flaticon-chat-bubbles-with-ellipsis"></i>
<i class="flaticon-arrow-pointing-to-right"></i>
<i class="flaticon-telephone"></i>
<i class="flaticon-big-anchor"></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-houses"></i>
<i class="flaticon-customer"></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-tag"></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-magnifying-glass-2"></i>
<i class="flaticon-upload"></i>
<i class="flaticon-avatar"></i>
<i class="flaticon-back"></i>
<i class="flaticon-share"></i>
<i class="flaticon-house"></i>
<i class="flaticon-cancel"></i>
<i class="flaticon-chat"></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-chat-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-2"></i>
<i class="flaticon-home"></i>
<i class="flaticon-play-button-1"></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-reverse"></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-2"></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-eye-1"></i>
<i class="flaticon-like-1"></i>
<i class="flaticon-location"></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-menu-2"></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-email-3"></i>
<i class="flaticon-quote"></i>
<i class="flaticon-menu-3"></i>
<i class="flaticon-email-4"></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-car"></i>
<i class="flaticon-like-2"></i>
<i class="flaticon-briefcase"></i>
<i class="flaticon-link"></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-pdf-1"></i>
<i class="flaticon-user-2"></i>
<i class="flaticon-phone-call"></i>
<i class="flaticon-cancel-1"></i>
<i class="flaticon-law"></i>
<i class="flaticon-legal-paper"></i>
<i class="flaticon-send"></i>
<i class="flaticon-quotation"></i>
<i class="flaticon-plus"></i>
<i class="flaticon-quote-2"></i>
<i class="flaticon-worldwide"></i>
<i class="flaticon-heart-1"></i>
<i class="flaticon-calendar"></i>
<i class="flaticon-clipboard"></i>
<i class="flaticon-email-5"></i>
<i class="flaticon-support"></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-headphones-1"></i>
<i class="flaticon-book"></i>
<i class="flaticon-phone"></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-faq"></i>
<i class="flaticon-planet-earth"></i>
<i class="flaticon-money"></i>
<i class="flaticon-pin"></i>