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

Author: Balraj Chana

.flaticon-layout-design-with-footer

Author: Freepik

.flaticon-blogging

Author: Freepik

.flaticon-network

Author: prettycons

.flaticon-menu

Author: Smashicons

.flaticon-note

Author: Freepik

.flaticon-text-width

Author: Dave Gandy

.flaticon-facebook-logo-button

Author: Bogdan Rosu

.flaticon-plus

Author: Gregor Cresnar

.flaticon-contact

Author: EpicCoders

.flaticon-slider

Author: Smashicons

.flaticon-list

Author: Smashicons

.flaticon-folder

Author: Smashicons

.flaticon-pictures

Author: Freepik

.flaticon-layout

Author: Nikita Golubev

.flaticon-visibility

Author: Freepik

.flaticon-magnifying-glass

Author: Vectors Market

.flaticon-image

Author: Freepik

.flaticon-newsletter

Author: Swifticons

.flaticon-header-1

Author: Those Icons

.flaticon-miscellaneous

Author: Freepik

License and attribution:

Font generated by flaticon.com.

Under CC: Balraj Chana, Freepik, prettycons, Smashicons, Dave Gandy, Bogdan Rosu, EpicCoders, Gregor Cresnar, Nikita Golubev, Vectors Market, Swifticons, Those Icons

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="001-header" href="https://www.flaticon.com/authors/balraj-chana">Balraj Chana</a>, <a data-file="021-miscellaneous" href="http://www.freepik.com">Freepik</a>, <a data-file="004-network" href="https://www.flaticon.com/authors/prettycons">prettycons</a>, <a data-file="012-list" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="007-text-width" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="008-facebook-logo-button" href="https://www.flaticon.com/authors/bogdan-rosu">Bogdan Rosu</a>, <a data-file="010-contact" href="https://www.flaticon.com/authors/epiccoders">EpicCoders</a>, <a data-file="009-plus" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="015-layout" href="https://www.flaticon.com/authors/nikita-golubev">Nikita Golubev</a>, <a data-file="017-magnifying-glass" href="https://www.flaticon.com/authors/vectors-market">Vectors Market</a>, <a data-file="019-newsletter" href="https://www.flaticon.com/authors/swifticons">Swifticons</a>, <a data-file="020-header-1" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>

Examples: