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-technology-1

Author: Dimitry Miroliubov

.flaticon-folder

Author: Freepik

.flaticon-gasoline

Author: Madebyoliver

.flaticon-arrows-2

Author: Dario Ferrando

.flaticon-shape

Author: Dave Gandy

.flaticon-back

Author: GraphBerry

.flaticon-remove

Author: Hanan

.flaticon-add

Author: Hanan

.flaticon-medal

Author: Pixel perfect

.flaticon-landscape

Author: Freepik

.flaticon-people

Author: Nikita Golubev

.flaticon-technology

Author: Gregor Cresnar

.flaticon-envelope

Author: Dave Gandy

.flaticon-clock

Author: Bogdan Rosu

.flaticon-left

Author: Freepik

.flaticon-arrows-1

Author: Lyolya

.flaticon-science

Author: Vectors Market

.flaticon-damper

Author: Madebyoliver

.flaticon-halloween

Author: Madebyoliver

.flaticon-download-to-storage-drive

Author: Dave Gandy

.flaticon-cup

Author: Freepik

.flaticon-office

Author: Freepik

.flaticon-arrows

Author: Stephen Hutchings

.flaticon-phone

Author: Google

License and attribution:

Font generated by flaticon.com.

Under CC: Stephen Hutchings, Google, Freepik, Dave Gandy, Madebyoliver, Vectors Market, Lyolya, Bogdan Rosu, Gregor Cresnar, Nikita Golubev, Pixel perfect, Hanan, GraphBerry, Dario Ferrando, Dimitry Miroliubov

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="023-arrows" href="http://www.flaticon.com/authors/stephen-hutchings">Stephen Hutchings</a>, <a data-file="024-phone" href="http://www.flaticon.com/authors/google">Google</a>, <a data-file="002-folder" href="http://www.freepik.com">Freepik</a>, <a data-file="005-shape" href="http://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="003-gasoline" href="http://www.flaticon.com/authors/madebyoliver">Madebyoliver</a>, <a data-file="017-science" href="http://www.flaticon.com/authors/vectors-market">Vectors Market</a>, <a data-file="016-arrows-1" href="http://www.flaticon.com/authors/lyolya">Lyolya</a>, <a data-file="014-clock" href="http://www.flaticon.com/authors/bogdan-rosu">Bogdan Rosu</a>, <a data-file="012-technology" href="http://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="011-people" href="http://www.flaticon.com/authors/nikita-golubev">Nikita Golubev</a>, <a data-file="009-medal" href="http://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="007-remove" href="http://www.flaticon.com/authors/hanan">Hanan</a>, <a data-file="006-back" href="http://www.flaticon.com/authors/graphberry">GraphBerry</a>, <a data-file="004-arrows-2" href="http://www.flaticon.com/authors/dario-ferrando">Dario Ferrando</a>, <a data-file="001-technology-1" href="http://www.flaticon.com/authors/dimitry-miroliubov">Dimitry Miroliubov</a>

Examples: