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:  or

.flaticon-lightbulb

Author: Freepik

.flaticon-mortarboard

Author: Zlatko Najdenovski

.flaticon-book

Author: Good Ware

.flaticon-placeholder

Author: Smashicons

.flaticon-email

Author: Smashicons

.flaticon-call

Author: Smashicons

.flaticon-graph

Author: photo3idea_studio

.flaticon-twitter

Author: Freepik

.flaticon-youtube

Author: Freepik

.flaticon-facebook

Author: Freepik

.flaticon-linkedin

Author: Smashicons

.flaticon-magnifying-glass

Author: Gregor Cresnar

.flaticon-mission

Author: Pixel perfect

.flaticon-internet

Author: Smashicons

.flaticon-house

Author: Those Icons

.flaticon-airplane-flight-in-circle-around-earth

Author: Freepik

.flaticon-credit-card

Author: itim2101

.flaticon-wallet

Author: Kiranshastry

.flaticon-shopping-bag

Author: User

.flaticon-bank

Author: srip

.flaticon-money-bag

Author: Gregor Cresnar

.flaticon-rss

Author: Freepik

.flaticon-subscribe

Author: Freepik

.flaticon-bank-building

Author: Freepik

License and attribution:

Font generated by flaticon.com.

Under CC: Freepik, Zlatko Najdenovski, Good Ware, Smashicons, photo3idea_studio, Gregor Cresnar, Pixel perfect, Those Icons, itim2101, Kiranshastry, srip, User

Copy the Attribution License:

Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="024-bank-building" href="http://www.freepik.com">Freepik</a>, <a data-file="002-mortarboard" href="https://www.flaticon.com/authors/zlatko-najdenovski">Zlatko Najdenovski</a>, <a data-file="003-book" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="014-internet" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="007-graph" href="https://www.flaticon.com/authors/photo3idea-studio">photo3idea_studio</a>, <a data-file="021-money-bag" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="013-mission" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="015-house" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="017-credit-card" href="https://www.flaticon.com/authors/itim2101">itim2101</a>, <a data-file="018-wallet" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="020-bank" href="https://www.flaticon.com/authors/srip">srip</a>, <a data-file="019-shopping-bag" href="https://www.flaticon.com/authors/user">User</a>

Examples: