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

Author: srip

.flaticon-home

Author: Freepik

.flaticon-open-email-message

Author: Freepik

.flaticon-email

Author: Freepik

.flaticon-clock

Author: Those Icons

.flaticon-clock-1

Author: Pixel perfect

.flaticon-send

Author: Google

.flaticon-search

Author: Those Icons

.flaticon-loupe

Author: Pixel perfect

.flaticon-search-1

Author: Those Icons

.flaticon-air-freight

Author: Freepik

.flaticon-report

Author: Kiranshastry

.flaticon-signature

Author: srip

.flaticon-letter

Author: Smashicons

.flaticon-call

Author: Those Icons

.flaticon-manager

Author: Freepik

.flaticon-management

Author: Freepik

.flaticon-tie

Author: Freepik

.flaticon-idea

Author: Smashicons

.flaticon-payment-method

Author: srip

.flaticon-bill

Author: srip

.flaticon-bank

Author: Smashicons

.flaticon-work

Author: srip

.flaticon-employee

Author: Freepik

.flaticon-flight

Author: xnimrodx

.flaticon-accept

Author: Freepik

.flaticon-form

Author: Freepik

.flaticon-document

Author: Vignesh Oviyan

.flaticon-copy

Author: Pixel perfect

.flaticon-group-of-users-silhouette

Author: Freepik

.flaticon-globe

Author: Freepik

.flaticon-plane

Author: Pixel perfect

.flaticon-visa

Author: Freepik

.flaticon-geography

Author: prettycons

.flaticon-flight-1

Author: xnimrodx

.flaticon-airport

Author: Freepik

.flaticon-flight-2

Author: Smashicons

.flaticon-bus-stop

Author: Freepik

.flaticon-bus

Author: Smartline

.flaticon-bus-1

Author: Pixel perfect

.flaticon-london

Author: Freepik

.flaticon-bus-2

Author: Freepik

.flaticon-visa-1

Author: Darius Dan

.flaticon-files

Author: Smartline

.flaticon-elearning

Author: Freepik

.flaticon-online-class

Author: Eucalyp

.flaticon-class

Author: itim2101

.flaticon-conversation

Author: Freepik

.flaticon-negociation

Author: Freepik

.flaticon-boss

Author: Freepik

.flaticon-seminar

Author: Freepik

.flaticon-quote

Author: Google

.flaticon-phone

Author: Freepik

.flaticon-pin

Author: Those Icons

.flaticon-email-1

Author: Freepik

.flaticon-email-2

Author: Freepik

.flaticon-envelope

Author: Gregor Cresnar

.flaticon-checked

Author: Those Icons

.flaticon-tick

Author: Freepik

.flaticon-home-2

Author: Freepik

.flaticon-long-arrow-pointing-to-the-right

Author: Dave Gandy

.flaticon-long-right-arrow

Author: Vaadin

License and attribution:

Font generated by flaticon.com.

Under CC: Freepik, srip, Those Icons, Pixel perfect, Google, Kiranshastry, Smashicons, xnimrodx, Vignesh Oviyan, prettycons, Smartline, Darius Dan, Eucalyp, itim2101, Gregor Cresnar, Dave Gandy, Vaadin

Copy the Attribution License:

Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="061-home-2" href="http://www.freepik.com">Freepik</a>, <a data-file="023-work" href="https://www.flaticon.com/authors/srip">srip</a>, <a data-file="059-checked" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="040-bus-1" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="053-quote" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="012-report" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="037-flight-2" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="035-flight-1" href="https://www.flaticon.com/authors/xnimrodx">xnimrodx</a>, <a data-file="028-document" href="https://www.flaticon.com/authors/vignesh-oviyan">Vignesh Oviyan</a>, <a data-file="034-geography" href="https://www.flaticon.com/authors/prettycons">prettycons</a>, <a data-file="044-files" href="https://www.flaticon.com/authors/smartline">Smartline</a>, <a data-file="043-visa-1" href="https://www.flaticon.com/authors/darius-dan">Darius Dan</a>, <a data-file="047-online-class" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a>, <a data-file="048-class" href="https://www.flaticon.com/authors/itim2101">itim2101</a>, <a data-file="058-envelope" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="062-long-arrow-pointing-to-the-right" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="063-long-right-arrow" href="https://www.flaticon.com/authors/vaadin">Vaadin</a></p>

Examples:

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

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

<i class="flaticon-open-email-message"></i>

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