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

Author: Those Icons

.flaticon-call-cost-symbol

Author: Freepik

.flaticon-calendar

Author: Freepik

.flaticon-substract

Author: Madebyoliver

.flaticon-add

Author: Madebyoliver

.flaticon-telephone

Author: Gregor Cresnar

.flaticon-clock

Author: Chanut is Industries

.flaticon-envelope

Author: Dave Gandy

.flaticon-location-cursor

Author: Stephen Hutchings

.flaticon-approve

Author: Freepik

.flaticon-cubes

Author: Freepik

.flaticon-salad

Author: Madebyoliver

.flaticon-ux-design

Author: Freepik

.flaticon-mother

Author: Freepik

.flaticon-editor

Author: Freepik

.flaticon-first-aid-kit

Author: Cursor Creative

.flaticon-open-book-top-view

Author: Freepik

.flaticon-professor

Author: Zlatko Najdenovski

License and attribution:

Font generated by flaticon.com.

Under CC: Zlatko Najdenovski, Freepik, Cursor Creative, Madebyoliver, Stephen Hutchings, Dave Gandy, Chanut is Industries, Gregor Cresnar, Those Icons

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="018-professor" href="https://www.flaticon.com/authors/zlatko-najdenovski">Zlatko Najdenovski</a>, <a data-file="002-call-cost-symbol" href="http://www.freepik.com">Freepik</a>, <a data-file="016-first-aid-kit" href="https://www.flaticon.com/authors/cursor-creative">Cursor Creative</a>, <a data-file="004-substract" href="https://www.flaticon.com/authors/madebyoliver">Madebyoliver</a>, <a data-file="009-location-cursor" href="https://www.flaticon.com/authors/stephen-hutchings">Stephen Hutchings</a>, <a data-file="008-envelope" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="007-clock" href="https://www.flaticon.com/authors/chanut-is-industries">Chanut is Industries</a>, <a data-file="006-telephone" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="001-location" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>

Examples: