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

Author: Freepik

.flaticon-animal

Author: Freepik

.flaticon-arrows

Author: Freepik

.flaticon-arrows-1

Author: Freepik

.flaticon-baby

Author: Iconnice

.flaticon-baby-1

Author: Chanut is Industries

.flaticon-baby-food

Author: Freepik

.flaticon-baby-plate-with-apple-drawing

Author: Freepik

.flaticon-book

Author: Gregor Cresnar

.flaticon-book-hand-drawn-open-pages

Author: Freepik

.flaticon-calendar

Author: Freepik

.flaticon-calendar-1

Author: Madebyoliver

.flaticon-class-hand-drawn-persons-group

Author: Freepik

.flaticon-classroom

Author: Freepik

.flaticon-facebook-letter-logo-in-a-square-hand-drawn-outline

Author: Freepik

.flaticon-fashion

Author: Madebyoliver

.flaticon-father-with-children-raising-arms

Author: Freepik

.flaticon-food

Author: Madebyoliver

.flaticon-football

Author: Freepik

.flaticon-hand-drawn-google-plus-logo

Author: Freepik

.flaticon-instagram-hand-drawn-logo

Author: Freepik

.flaticon-kids-couple

Author: Freepik

.flaticon-left-arrow-hand-drawn-triangular-shape

Author: Freepik

.flaticon-left-quote-sketch

Author: Freepik

.flaticon-left-quotes-sign

Author: Freepik

.flaticon-location

Author: Freepik

.flaticon-mark

Author: Freepik

.flaticon-megaphone-hand-drawn-tool-outline

Author: Freepik

.flaticon-music

Author: Freepik

.flaticon-people

Author: Freepik

.flaticon-people-1

Author: Freepik

.flaticon-people-2

Author: Freepik

.flaticon-people-3

Author: Freepik

.flaticon-people-4

Author: Freepik

.flaticon-people-5

Author: Freepik

.flaticon-people-6

Author: Freepik

.flaticon-people-7

Author: Freepik

.flaticon-people-8

Author: Freepik

.flaticon-people-9

Author: Freepik

.flaticon-right-arrow-hand-drawn-outline

Author: Freepik

.flaticon-school

Author: Freepik

.flaticon-smile-hand-drawn-emoticon

Author: Freepik

.flaticon-social

Author: Freepik

.flaticon-squares

Author: Freepik

.flaticon-symbols

Author: Freepik

.flaticon-symbols-1

Author: Freepik

.flaticon-tool

Author: Madebyoliver

.flaticon-tool-1

Author: Situ Herrera

.flaticon-transport

Author: Freepik

.flaticon-transport-1

Author: Vignesh Oviyan

.flaticon-twitter-hand-drawn-logo

Author: Freepik

.flaticon-yelp-draw-logo

Author: Freepik

License and attribution:

Font generated by flaticon.com.

Under CC: Iconnice, Situ Herrera, Freepik, Madebyoliver, Freepik, Gregor Cresnar, Freepik, Freepik, Freepik, Freepik, Chanut is Industries, Freepik, Vignesh Oviyan

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="baby" href="http://www.flaticon.com/authors/iconnice">Iconnice</a>, <a data-file="tool-1" href="http://www.flaticon.com/authors/situ-herrera">Situ Herrera</a>, <a data-file="football" href="http://www.flaticon.com/authors/freepik">Freepik</a>, <a data-file="calendar-1" href="http://www.flaticon.com/authors/madebyoliver">Madebyoliver</a>, <a data-file="people" href="http://www.flaticon.com/authors/freepik">Freepik</a>, <a data-file="book" href="http://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="transport" href="http://www.flaticon.com/authors/freepik">Freepik</a>, <a data-file="baby-food" href="http://www.flaticon.com/authors/freepik">Freepik</a>, <a data-file="yelp-draw-logo" href="http://www.freepik.com">Freepik</a>, <a data-file="animal" href="http://www.flaticon.com/authors/freepik">Freepik</a>, <a data-file="baby-1" href="http://www.flaticon.com/authors/chanut-is-industries">Chanut is Industries</a>, <a data-file="squares" href="http://www.flaticon.com/authors/freepik">Freepik</a>, <a data-file="transport-1" href="http://www.flaticon.com/authors/vignesh-oviyan">Vignesh Oviyan</a></p>

Examples:

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

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

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

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