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: <i class="flaticon-airplane49"></i> or <span class="flaticon-airplane49"></span>

.flaticon-24-hours

Author: Freepik

.flaticon-annual-calendar-symbol

Author: Freepik

.flaticon-arrows

Author: Dario Ferrando

.flaticon-building

Author: Darius Dan

.flaticon-clock

Author: Dario Ferrando

.flaticon-confirm-schedule

Author: Roundicons Freebies

.flaticon-construction

Author: Madebyoliver

.flaticon-cross

Author: Freepik

.flaticon-cup

Author: Zlatko Najdenovski

.flaticon-dollar-symbol

Author: Gregor Cresnar

.flaticon-drawing

Author: Eucalyp

.flaticon-e-mail-envelope

Author: Freepik

.flaticon-employee

Author: Metropolicons

.flaticon-idea

Author: Eucalyp

.flaticon-interface

Author: Madebyoliver

.flaticon-internet

Author: Retinaicons

.flaticon-lock-padlock-symbol-for-protect

Author: SimpleIcon

.flaticon-magnifying-glass

Author: Freepik

.flaticon-map-marker-point

Author: SimpleIcon

.flaticon-multimedia

Author: Iconnice

.flaticon-new-email-outline

Author: GraphicsBay

.flaticon-people

Author: Madebyoliver

.flaticon-people-1

Author: EpicCoders

.flaticon-right

Author: Freepik

.flaticon-search

Author: Lucy G

.flaticon-signs

Author: Dave Gandy

.flaticon-social

Author: Freepik

.flaticon-technology

Author: Gregor Cresnar

.flaticon-technology-1

Author: Madebyoliver

.flaticon-user-silhouette

Author: Freepik

License and attribution:

Font generated by flaticon.com.

Under CC: Darius Dan, Iconnice, Gregor Cresnar, Lucy G, Madebyoliver, Roundicons Freebies, Eucalyp, Freepik, Dario Ferrando, Retinaicons, Zlatko Najdenovski, EpicCoders, Metropolicons, Dave Gandy, SimpleIcon, GraphicsBay

Copy the Attribution License:

Font generated by <a href="http://www.flaticon.com">flaticon.com</a>. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="building" href="http://www.flaticon.com/authors/darius-dan">Darius Dan</a>, <a data-file="multimedia" href="http://www.flaticon.com/authors/iconnice">Iconnice</a>, <a data-file="dollar-symbol" href="http://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="search" href="http://www.flaticon.com/authors/lucy-g">Lucy G</a>, <a data-file="interface" href="http://www.flaticon.com/authors/madebyoliver">Madebyoliver</a>, <a data-file="confirm-schedule" href="http://www.flaticon.com/authors/roundicons-freebies">Roundicons Freebies</a>, <a data-file="idea" href="http://www.flaticon.com/authors/eucalyp">Eucalyp</a>, <a data-file="e-mail-envelope" href="http://www.freepik.com">Freepik</a>, <a data-file="arrows" href="http://www.flaticon.com/authors/dario-ferrando">Dario Ferrando</a>, <a data-file="internet" href="http://www.flaticon.com/authors/retinaicons">Retinaicons</a>, <a data-file="cup" href="http://www.flaticon.com/authors/zlatko-najdenovski">Zlatko Najdenovski</a>, <a data-file="people-1" href="http://www.flaticon.com/authors/epiccoders">EpicCoders</a>, <a data-file="employee" href="http://www.flaticon.com/authors/metropolicons">Metropolicons</a>, <a data-file="signs" href="http://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="lock-padlock-symbol-for-protect" href="http://www.flaticon.com/authors/simpleicon">SimpleIcon</a>, <a data-file="new-email-outline" href="http://www.flaticon.com/authors/graphicsbay">GraphicsBay</a></p>

Examples:

<i class="flaticon-24-hours"></i>

<i class="flaticon-annual-calendar-symbol"></i>

<i class="flaticon-arrows"></i>

<i class="flaticon-building"></i>