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

Author: Gregor Cresnar

.flaticon-map-placeholder

Author: Nice and Serious

.flaticon-cancel

Author: Hadrien

.flaticon-anchor

Author: Vectors Market

.flaticon-play-button

Author: Appzgear

.flaticon-transport

Author: Vignesh Oviyan

.flaticon-light-bulb

Author: Zlatko Najdenovski

.flaticon-stats

Author: Zlatko Najdenovski

.flaticon-diamond

Author: Freepik

.flaticon-target-2

Author: Freepik

.flaticon-target-1

Author: Freepik

.flaticon-dot-and-circle

Author: Dave Gandy

.flaticon-target

Author: Gregor Cresnar

.flaticon-competition

Author: Freepik

.flaticon-coffee-cup

Author: Vectors Market

.flaticon-people-1

Author: EpicCoders

.flaticon-business-1

Author: Smashicons

.flaticon-business

Author: Smashicons

.flaticon-travel-1

Author: Freepik

.flaticon-people

Author: Freepik

.flaticon-monitor-1

Author: Freepik

.flaticon-travel

Author: Becris

.flaticon-graphic-1

Author: Smashicons

.flaticon-money

Author: Gregor Cresnar

.flaticon-phone-call-1

Author: Freepik

.flaticon-idea

Author: Freepik

.flaticon-monitor

Author: Freepik

.flaticon-graphic

Author: Prosymbols

.flaticon-presentation

Author: Freepik

.flaticon-layers

Author: Freepik

.flaticon-chat-1

Author: Gregor Cresnar

.flaticon-envelope

Author: Gregor Cresnar

.flaticon-pie-chart

Author: Gregor Cresnar

.flaticon-headphones

Author: Gregor Cresnar

.flaticon-world-grid

Author: Freepik

.flaticon-send-mail

Author: Freepik

.flaticon-vision

Author: Freepik

.flaticon-chat

Author: Freepik

.flaticon-zoom

Author: Freepik

.flaticon-user

Author: Freepik

.flaticon-heart

Author: Freepik

.flaticon-house

Author: Freepik

.flaticon-settings

Author: Freepik

.flaticon-placeholder

Author: Freepik

.flaticon-phone-call

Author: Gregor Cresnar

.flaticon-home

Author: Freepik

.flaticon-rocket

Author: Freepik

.flaticon-placeholder-1

Author: Lucy G

License and attribution:

Font generated by flaticon.com.

Under CC: Freepik, Hadrien, Gregor Cresnar, Prosymbols, Lucy G, Smashicons, Becris, Zlatko Najdenovski, EpicCoders, Vectors Market, Dave Gandy, Vignesh Oviyan, Appzgear, Nice and Serious

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="021-monitor-1" href="http://www.freepik.com">Freepik</a>, <a data-file="003-cancel" href="https://www.flaticon.com/authors/hadrien">Hadrien</a>, <a data-file="001-cancel-1" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="028-graphic" href="https://www.flaticon.com/authors/prosymbols">Prosymbols</a>, <a data-file="048-placeholder-1" href="https://www.flaticon.com/authors/lucy-g">Lucy G</a>, <a data-file="017-business-1" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="022-travel" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="008-stats" href="https://www.flaticon.com/authors/zlatko-najdenovski">Zlatko Najdenovski</a>, <a data-file="016-people-1" href="https://www.flaticon.com/authors/epiccoders">EpicCoders</a>, <a data-file="004-anchor" href="https://www.flaticon.com/authors/vectors-market">Vectors Market</a>, <a data-file="012-dot-and-circle" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="006-transport" href="https://www.flaticon.com/authors/vignesh-oviyan">Vignesh Oviyan</a>, <a data-file="005-play-button" href="https://www.flaticon.com/authors/appzgear">Appzgear</a>, <a data-file="002-map-placeholder" href="https://www.flaticon.com/authors/nice-and-serious">Nice and Serious</a></p>

Examples:

<i class="flaticon-cancel-1"></i>

<i class="flaticon-map-placeholder"></i>

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

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