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

Author: Those Icons

.flaticon-medal

Author: Gregor Cresnar

.flaticon-four-black-squares

Author: Dave Gandy

.flaticon-calendar

Author: Freepik

.flaticon-search-for-a-person-interface-symbol-of-a-magnifier-on-a-man-shape

Author: Freepik

.flaticon-computer

Author: Freepik

.flaticon-maps-and-flags

Author: Freepik

.flaticon-money-bag-with-dollar-symbol

Author: Freepik

.flaticon-briefcase-frontal-view

Author: Freepik

.flaticon-apps

Author: Freepik

.flaticon-brush

Author: mynamepong

.flaticon-bars

Author: Good Ware

.flaticon-mortarboard

Author: Zlatko Najdenovski

.flaticon-doctor-stethoscope

Author: Freepik

.flaticon-computer-graphic

Author: Smartline

.flaticon-login

Author: Gregor Cresnar

.flaticon-add-user

Author: Recep Kutuk

License and attribution:

Font generated by flaticon.com.

Under CC: Recep Kutuk, Gregor Cresnar, Smartline, Freepik, Zlatko Najdenovski, Good Ware, mynamepong, Dave Gandy, 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="017-add-user" href="https://www.flaticon.com/authors/recep-kutuk">Recep Kutuk</a>, <a data-file="002-medal" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="015-computer-graphic" href="https://www.flaticon.com/authors/smartline">Smartline</a>, <a data-file="004-calendar" href="http://www.freepik.com">Freepik</a>, <a data-file="013-mortarboard" href="https://www.flaticon.com/authors/zlatko-najdenovski">Zlatko Najdenovski</a>, <a data-file="012-bars" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="011-brush" href="https://www.flaticon.com/authors/mynamepong">mynamepong</a>, <a data-file="003-four-black-squares" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="001-lock" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>

Examples: