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-arrows

Author: Freepik

.flaticon-computer

Author: Freepik

.flaticon-notepad

Author: Smashicons

.flaticon-diamond

Author: Freepik

.flaticon-right-arrow

Author: Lyolya

.flaticon-download-arrow

Author: Lyolya

.flaticon-up-arrow

Author: Lyolya

.flaticon-user

Author: Nice and Serious

.flaticon-round-chart

Author: Icon Works

.flaticon-quote-left

Author: Dave Gandy

.flaticon-note

Author: Smashicons

.flaticon-plus

Author: Smashicons

.flaticon-bar-chart

Author: Freepik

.flaticon-check

Author: Freepik

.flaticon-drawing

Author: Dimitry Miroliubov

.flaticon-layers

Author: Freepik

.flaticon-smartphone

Author: Freepik

.flaticon-business

Author: Swifticons

.flaticon-bar-chart2

Author: Gregor Cresnar

.flaticon-square

Author: Freepik

.flaticon-play-button

Author: Smashicons

License and attribution:

Font generated by flaticon.com.

Under CC: Smashicons, Freepik, Gregor Cresnar, Swifticons, Dimitry Miroliubov, Dave Gandy, Icon Works, Nice and Serious, Lyolya

Copy the Attribution License:

Font generated by <a href="http://www.flaticon.com">flaticon.com</a>. Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="003-notepad" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="001-arrows" href="http://www.freepik.com">Freepik</a>, <a data-file="019-bar-chart2" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="018-business" href="https://www.flaticon.com/authors/swifticons">Swifticons</a>, <a data-file="015-drawing" href="https://www.flaticon.com/authors/dimitry-miroliubov">Dimitry Miroliubov</a>, <a data-file="010-quote-left" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="009-round-chart" href="https://www.flaticon.com/authors/icon-works">Icon Works</a>, <a data-file="008-user" href="https://www.flaticon.com/authors/nice-and-serious">Nice and Serious</a>, <a data-file="005-right-arrow" href="https://www.flaticon.com/authors/lyolya">Lyolya</a>

Examples: