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

Author: Google

.flaticon-arrows-6

Author: Freepik

.flaticon-gear

Author: Egor Rumyantsev

.flaticon-search

Author: Egor Rumyantsev

.flaticon-technology

Author: Freepik

.flaticon-arrows-5

Author: Popcic

.flaticon-close-1

Author: Eleonor Wang

.flaticon-ruler

Author: Smashicons

.flaticon-time

Author: Smashicons

.flaticon-shapes

Author: Chanut is Industries

.flaticon-trash-can

Author: Freepik

.flaticon-communication

Author: Freepik

.flaticon-arrows-4

Author: Gregor Cresnar

.flaticon-information

Author: Freepik

.flaticon-left-arrow

Author: Alfredo Hernandez

.flaticon-social-1

Author: Freepik

.flaticon-circle-2

Author: Dave Gandy

.flaticon-arrows-3

Author: Dave Gandy

.flaticon-circle-1

Author: Dave Gandy

.flaticon-letter

Author: Dave Gandy

.flaticon-needle-with-thread-to-sew-clothes

Author: Freepik

.flaticon-close

Author: Dave Gandy

.flaticon-double-angle-pointing-to-right

Author: Dave Gandy

.flaticon-up-arrow

Author: Alfredo Hernandez

.flaticon-magic-wand

Author: Dave Gandy

.flaticon-double-left-chevron

Author: Dave Gandy

.flaticon-next

Author: Dave Gandy

.flaticon-shopping-cart-black-shape

Author: Dave Gandy

.flaticon-social

Author: Dave Gandy

.flaticon-home

Author: Dave Gandy

.flaticon-calendar

Author: Smashicons

.flaticon-right-arrow

Author: Alfredo Hernandez

.flaticon-down-arrow

Author: Alfredo Hernandez

.flaticon-arrows-2

Author: Freepik

.flaticon-circle

Author: Freepik

.flaticon-plus-sign

Author: Freepik

.flaticon-double-up-arrow-angles

Author: Freepik

.flaticon-arrows-1

Author: Freepik

.flaticon-arrows

Author: Freepik

.flaticon-commerce

Author: Icomoon

.flaticon-arrow

Author: Dave Gandy

License and attribution:

Font generated by flaticon.com.

Under CC: Dave Gandy, Icomoon, Freepik, Alfredo Hernandez, Smashicons, Gregor Cresnar, Chanut is Industries, Eleonor Wang, Popcic, Egor Rumyantsev, Google

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="017-circle-2" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="040-commerce" href="https://www.flaticon.com/authors/icomoon">Icomoon</a>, <a data-file="002-arrows-6" href="http://www.freepik.com">Freepik</a>, <a data-file="015-left-arrow" href="https://www.flaticon.com/authors/alfredo-hernandez">Alfredo Hernandez</a>, <a data-file="008-ruler" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="013-arrows-4" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="010-shapes" href="https://www.flaticon.com/authors/chanut-is-industries">Chanut is Industries</a>, <a data-file="007-close-1" href="https://www.flaticon.com/authors/eleonor-wang">Eleonor Wang</a>, <a data-file="006-arrows-5" href="https://www.flaticon.com/authors/popcic">Popcic</a>, <a data-file="003-gear" href="https://www.flaticon.com/authors/egor-rumyantsev">Egor Rumyantsev</a>, <a data-file="001-paint" href="https://www.flaticon.com/authors/google">Google</a></p>

Examples:

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

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

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

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