Flaticon WebFont

Font Demo

Instructions

1Copy the "Fonts" files and CSS files to your website CSS folder.
2Add the CSS link to your website source code on header. <head> ... <link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon.css"> ... </head>
3Use the icon class on "display: inline" elements:
Use example: <i class="flaticon-airplane49"></i> or <span class="flaticon-airplane49"></span>

.flaticon-magnifying-glass

Author: Gregor Cresnar

.flaticon-right-arrow

Author: Lucy G

.flaticon-down-arrow

Author: Lucy G

.flaticon-left-arrow

Author: Lucy G

.flaticon-checked

Author: Freepik

.flaticon-play-button

Author: Smashicons

.flaticon-twitter

Author: Freepik

.flaticon-whatsapp

Author: Freepik

.flaticon-youtube

Author: Freepik

.flaticon-linkedin

Author: Freepik

.flaticon-github

Author: Freepik

.flaticon-facebook-logo

Author: Freepik

.flaticon-apple

Author: Freepik

.flaticon-up-arrow

Author: Hadrien

.flaticon-phone-call

Author: Freepik

.flaticon-download-arrow

Author: Lyolya

.flaticon-left-arrow-1

Author: Lyolya

.flaticon-right-arrow-1

Author: Lyolya

.flaticon-user-1

Author: Freepik

.flaticon-calendar

Author: Smashicons

.flaticon-alarm-clock

Author: Smashicons

.flaticon-group

Author: Good Ware

.flaticon-add

Author: Smashicons

.flaticon-menu

Author: Google

.flaticon-list

Author: Freepik

.flaticon-shopping-cart

Author: Freepik

.flaticon-shopping-cart-1

Author: Freepik

.flaticon-shopping-cart-2

Author: Vectors Market

.flaticon-double-angle-pointing-to-right

Author: Dave Gandy

.flaticon-double-left-chevron

Author: Dave Gandy

.flaticon-right-quotation-mark

Author: Dave Gandy

.flaticon-quote-left

Author: Dave Gandy

.flaticon-quotes

Author: Icomoon

.flaticon-left-quote

Author: Freepik

.flaticon-reply-all-button

Author: Google

.flaticon-reply-arrow

Author: Dave Gandy

.flaticon-reply

Author: Dave Gandy

.flaticon-padlock

Author: Dave Gandy

.flaticon-heart

Author: Gregor Cresnar

.flaticon-favorite-heart-button

Author: Google

.flaticon-trophy

Author: Freepik

.flaticon-mic

Author: Freepik

.flaticon-salad

Author: monkik

.flaticon-layers

Author: Smashicons

.flaticon-discussion

Author: Freepik

.flaticon-businessmen

Author: Kiranshastry

.flaticon-startup

Author: Freepik

.flaticon-user

Author: Smashicons

.flaticon-comment

Author: Freepik

.flaticon-comment-1

Author: Smashicons

.flaticon-comment-2

Author: Smashicons

.flaticon-comment-3

Author: Smashicons

.flaticon-comment-4

Author: Smashicons

.flaticon-internet

Author: Good Ware

.flaticon-internet-1

Author: Smashicons

.flaticon-transportation-truck

Author: Freepik

.flaticon-delivery-truck

Author: Freepik

.flaticon-van

Author: pongsakornRed

.flaticon-clock

Author: Smashicons

.flaticon-time-passing

Author: Smashicons

.flaticon-hourglass

Author: Smashicons

.flaticon-lock

Author: Smashicons

.flaticon-tag

Author: Freepik

.flaticon-expand

Author: Hadrien

.flaticon-puzzle

Author: Freepik

.flaticon-laptop

Author: Freepik

.flaticon-shop

Author: Freepik

.flaticon-bathtub

Author: Pause08

.flaticon-high-heels

Author: Freepik

.flaticon-first-aid-kit

Author: Good Ware

.flaticon-fruit

Author: turkkub

.flaticon-cancel

Author: Hadrien

License and attribution:

Font generated by flaticon.com.

Under CC: Gregor Cresnar, Lucy G, Freepik, Smashicons, Hadrien, Lyolya, Dave Gandy, Google, monkik, Kiranshastry, Good Ware, pongsakornRed, Vectors Market, Icomoon, Pause08, turkkub

Copy the Attribution License:

Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="039-heart" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="004-left-arrow" href="https://www.flaticon.com/authors/lucy-g">Lucy G</a>, <a data-file="069-high-heels" href="http://www.freepik.com">Freepik</a>, <a data-file="023-add" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="072-cancel" href="https://www.flaticon.com/authors/hadrien">Hadrien</a>, <a data-file="018-right-arrow-1" href="https://www.flaticon.com/authors/lyolya">Lyolya</a>, <a data-file="037-reply" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="035-reply-all-button" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="043-salad" href="https://www.flaticon.com/authors/monkik">monkik</a>, <a data-file="046-businessmen" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="070-first-aid-kit" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="058-van" href="https://www.flaticon.com/authors/pongsakornred">pongsakornRed</a>, <a data-file="028-shopping-cart-2" href="https://www.flaticon.com/authors/vectors-market">Vectors Market</a>, <a data-file="033-quotes" href="https://www.flaticon.com/authors/icomoon">Icomoon</a>, <a data-file="068-bathtub" href="https://www.flaticon.com/authors/pause08">Pause08</a>, <a data-file="071-fruit" href="https://www.flaticon.com/authors/turkkub">turkkub</a></p>

Examples:

<i class="flaticon-magnifying-glass"></i>

<i class="flaticon-right-arrow"></i>

<i class="flaticon-down-arrow"></i>

<i class="flaticon-left-arrow"></i>