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: Gregor Cresnar, Freepik, th studio, Kiranshastry, Mayor Icons, Kharisma, Dave Gandy, kmg design, Arkinasi, Eucalyp, Smashicons, Debi Alpa Nugraha, bqlqn, Pixel perfect, Ilham Fitrotul Hayat, Bingge Liu, Yogi Aprelliyanto, reussy, HAJICON, bayu015, Dreamstale, srip, juicy_fish, Swifticons, Konkapp, netscript, Good Ware, BomSymbols, Icongeek26, phatplus, flatart_icons, iconixar, dreamicons, POD Gladiator, Stockio, inkubators, Vaadin, nawicon, SBTS2018, vectorsmarket15, Becris, prettycons, Prosymbols Premium, justicon, dDara, Elias Bikbulatov, catkuro, lakonicon, noomtah, LAFS, Darius Dan, Witdhawaty, Assia Benkerroum , mynamepong, Muhammad Ali, Pause08, smashingstocks, Deeksha Pahariya, Riskywas
<i class="flaticon-phone-call"></i>
<i class="flaticon-email"></i>
<i class="flaticon-arroba"></i>
<i class="flaticon-search"></i>
<i class="flaticon-search-1"></i>
<i class="flaticon-menu"></i>
<i class="flaticon-left-arrow"></i>
<i class="flaticon-right-arrow"></i>
<i class="flaticon-right-arrow-1"></i>
<i class="flaticon-left-arrow-1"></i>
<i class="flaticon-quote"></i>
<i class="flaticon-quote-1"></i>
<i class="flaticon-left-quote"></i>
<i class="flaticon-left-quote-1"></i>
<i class="flaticon-quote-left"></i>
<i class="flaticon-right-quote-sign"></i>
<i class="flaticon-up"></i>
<i class="flaticon-up-2"></i>
<i class="flaticon-customer-service"></i>
<i class="flaticon-technical-support"></i>
<i class="flaticon-quotation"></i>
<i class="flaticon-link"></i>
<i class="flaticon-link-1"></i>
<i class="flaticon-link-2"></i>
<i class="flaticon-link-3"></i>
<i class="flaticon-shopping-cart"></i>
<i class="flaticon-shopping-cart-1"></i>
<i class="flaticon-comment"></i>
<i class="flaticon-checkmark"></i>
<i class="flaticon-cross"></i>
<i class="flaticon-close"></i>
<i class="flaticon-cross-1"></i>
<i class="flaticon-check"></i>
<i class="flaticon-check-1"></i>
<i class="flaticon-checkbox"></i>
<i class="flaticon-conversation"></i>
<i class="flaticon-plus"></i>
<i class="flaticon-plus-1"></i>
<i class="flaticon-plus-2"></i>
<i class="flaticon-add"></i>
<i class="flaticon-add-1"></i>
<i class="flaticon-image"></i>
<i class="flaticon-image-gallery"></i>
<i class="flaticon-about"></i>
<i class="flaticon-about-1"></i>
<i class="flaticon-action"></i>
<i class="flaticon-call-to-action"></i>
<i class="flaticon-flag"></i>
<i class="flaticon-flag-1"></i>
<i class="flaticon-slider"></i>
<i class="flaticon-image-1"></i>
<i class="flaticon-price-tag"></i>
<i class="flaticon-tag"></i>
<i class="flaticon-discount"></i>
<i class="flaticon-portfolio"></i>
<i class="flaticon-portfolio-1"></i>
<i class="flaticon-gallery"></i>
<i class="flaticon-image-gallery-1"></i>
<i class="flaticon-attach"></i>
<i class="flaticon-offer"></i>
<i class="flaticon-pricing"></i>
<i class="flaticon-megaphone"></i>
<i class="flaticon-promotion"></i>
<i class="flaticon-sections"></i>
<i class="flaticon-t"></i>
<i class="flaticon-blog"></i>
<i class="flaticon-brifcase"></i>
<i class="flaticon-listing"></i>
<i class="flaticon-note"></i>
<i class="flaticon-files"></i>
<i class="flaticon-question"></i>
<i class="flaticon-question-mark"></i>
<i class="flaticon-question-mark-1"></i>
<i class="flaticon-working-time"></i>
<i class="flaticon-working"></i>
<i class="flaticon-placeholder"></i>
<i class="flaticon-map"></i>
<i class="flaticon-phone"></i>
<i class="flaticon-telephone"></i>
<i class="flaticon-maps-and-flags"></i>
<i class="flaticon-map-1"></i>
<i class="flaticon-mail-inbox-app"></i>
<i class="flaticon-phone-call-1"></i>
<i class="flaticon-telephone-1"></i>
<i class="flaticon-iphone"></i>
<i class="flaticon-time"></i>