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-allah-word

Author: Freepik

.flaticon-multiply

Author: Smashicons

.flaticon-clock

Author: Google

.flaticon-plus

Author: Freepik

.flaticon-minus

Author: Freepik

.flaticon-play-button

Author: Freepik

.flaticon-play-button-1

Author: Freepik

.flaticon-star-of-favorites-outline

Author: Freepik

.flaticon-next

Author: Smashicons

.flaticon-search

Author: Those Icons

.flaticon-bag

Author: Kiranshastry

.flaticon-quote

Author: Freepik

.flaticon-star

Author: Pixel perfect

.flaticon-favourite

Author: Freepik

.flaticon-quote-1

Author: Pixelmeetup

.flaticon-next-1

Author: bqlqn

.flaticon-file

Author: prettycons

.flaticon-doc

Author: Vitaly Gorbachev

.flaticon-link

Author: Smashicons

.flaticon-call

Author: Smashicons

.flaticon-pin

Author: Prosymbols

.flaticon-calendar

Author: Prosymbols

.flaticon-verified

Author: Freepik

.flaticon-user

Author: Freepik

.flaticon-maps-and-flags

Author: Freepik

.flaticon-mail

Author: Freepik

.flaticon-tick

Author: Freepik

.flaticon-check

Author: Becris

.flaticon-quote-2

Author: Pixel perfect

.flaticon-confirmation

Author: bqlqn

.flaticon-telephone

Author: Gregor Cresnar

.flaticon-email

Author: Freepik

.flaticon-pin-1

Author: Those Icons

.flaticon-placeholder

Author: Freepik

.flaticon-down-arrow

Author: Google

.flaticon-quote-3

Author: Google

.flaticon-open-archive

Author: Freepik

.flaticon-send

Author: Those Icons

.flaticon-phone

Author: bqlqn

.flaticon-envelope

Author: Those Icons

.flaticon-pin-2

Author: Freepik

.flaticon-left-quotes-sign

Author: Freepik

.flaticon-phone-call

Author: Pixel perfect

.flaticon-tag

Author: Gregor Cresnar

.flaticon-search-interface-symbol

Author: Catalin Fertu

.flaticon-at

Author: Alfredo Hernandez

.flaticon-at-1

Author: Anatoly

.flaticon-basket

Author: Freepik

.flaticon-reply

Author: Pixel perfect

.flaticon-earth-grid-symbol

Author: Freepik

.flaticon-twitter

Author: Pixel perfect

.flaticon-alarm-clock

Author: srip

.flaticon-up-arrow

Author: Pixel perfect

.flaticon-user-1

Author: Freepik

.flaticon-speech-bubble-comment

Author: Pavel Kozlov

.flaticon-left-arrow-1

Author: Lyolya

.flaticon-map-marker

Author: Freepik

.flaticon-comment

Author: Freepik

.flaticon-phone-call-2

Author: hirschwolf

.flaticon-maps-and-flags-1

Author: Freepik

.flaticon-walk

Author: Becris

.flaticon-chat-1

Author: Smashicons

.flaticon-chat-2

Author: Smashicons

.flaticon-chat-3

Author: Smashicons

.flaticon-phone-call-1

Author: Pixel perfect

.flaticon-calendar-1

Author: Becris

.flaticon-money

Author: Gregor Cresnar

.flaticon-payment-method

Author: Gregor Cresnar

.flaticon-sharing

Author: Pixel perfect

.flaticon-quote-4

Author: Pixel perfect

.flaticon-quote-5

Author: Pixel perfect

License and attribution:

Font generated by flaticon.com.

Under CC: Freepik, Smashicons, Google, Those Icons, Kiranshastry, Pixel perfect, Pixelmeetup, bqlqn, prettycons, Vitaly Gorbachev, Prosymbols, Becris, Gregor Cresnar, Catalin Fertu, Alfredo Hernandez, Anatoly, srip, Pavel Kozlov, Lyolya, hirschwolf

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="064-maps-and-flags-1" href="http://www.freepik.com">Freepik</a>, <a data-file="068-chat-3" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="036-quote-3" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="040-envelope" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="011-bag" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="075-quote-5" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="015-quote-1" href="https://www.flaticon.com/authors/pixelmeetup">Pixelmeetup</a>, <a data-file="039-phone" href="https://www.flaticon.com/authors/bqlqn">bqlqn</a>, <a data-file="017-file" href="https://www.flaticon.com/authors/prettycons">prettycons</a>, <a data-file="018-doc" href="https://www.flaticon.com/authors/vitaly-gorbachev">Vitaly Gorbachev</a>, <a data-file="022-calendar" href="https://www.flaticon.com/authors/prosymbols">Prosymbols</a>, <a data-file="065-walk" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="072-payment-method" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="047-search-interface-symbol" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a>, <a data-file="048-at" href="https://www.flaticon.com/authors/alfredo-hernandez">Alfredo Hernandez</a>, <a data-file="049-at-1" href="https://www.flaticon.com/authors/anatoly">Anatoly</a>, <a data-file="055-alarm-clock" href="https://www.flaticon.com/authors/srip">srip</a>, <a data-file="059-speech-bubble-comment" href="https://www.flaticon.com/authors/pavel-kozlov">Pavel Kozlov</a>, <a data-file="060-left-arrow-1" href="https://www.flaticon.com/authors/lyolya">Lyolya</a>, <a data-file="063-phone-call-2" href="https://www.flaticon.com/authors/hirschwolf">hirschwolf</a></p>

Examples:

<i class="flaticon-allah-word"></i>

<i class="flaticon-multiply"></i>

<i class="flaticon-clock"></i>

<i class="flaticon-plus"></i>