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

Author: Freepik

.flaticon-tags-outline

Author: Elegant Themes

.flaticon-share

Author: Madebyoliver

.flaticon-money-bag

Author: Gregor Cresnar

.flaticon-like-2

Author: Gregor Cresnar

.flaticon-pencil

Author: Freepik

.flaticon-pen

Author: Recep Kutuk

.flaticon-home

Author: Iconnice

.flaticon-signs

Author: Madebyoliver

.flaticon-search

Author: Madebyoliver

.flaticon-shopping-cart

Author: Freepik

.flaticon-like-1

Author: Madebyoliver

.flaticon-back

Author: Dinosoft

.flaticon-message

Author: Freepik

.flaticon-smartphone

Author: Freepik

.flaticon-picture

Author: Icomoon

.flaticon-settings

Author: Gregor Cresnar

.flaticon-house-outline

Author: Icon Works

.flaticon-chat

Author: Madebyoliver

.flaticon-calendar

Author: Madebyoliver

.flaticon-like

Author: Madebyoliver

.flaticon-construction

Author: Eucalyp

.flaticon-school-bus

Author: Madebyoliver

.flaticon-expand

Author: Cursor Creative

.flaticon-microphone

Author: Freepik

.flaticon-people-1

Author: Popcic

.flaticon-people

Author: Zlatko Najdenovski

.flaticon-alarm-clock

Author: Madebyoliver

.flaticon-phone-call

Author: Freepik

.flaticon-student

Author: Zlatko Najdenovski

.flaticon-symbols

Author: Freepik

.flaticon-line-chart

Author: Freepik

.flaticon-world

Author: Webalys Freebies

.flaticon-avatar

Author: Dimitry Miroliubov

License and attribution:

Font generated by flaticon.com.

Under CC: Dimitry Miroliubov, Webalys Freebies, Freepik, Zlatko Najdenovski, Madebyoliver, Popcic, Cursor Creative, Eucalyp, Icon Works, Gregor Cresnar, Icomoon, Dinosoft, Iconnice, Recep Kutuk, Elegant Themes

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="034-avatar" href="http://www.flaticon.com/authors/dimitry-miroliubov">Dimitry Miroliubov</a>, <a data-file="033-world" href="http://www.flaticon.com/authors/webalys-freebies">Webalys Freebies</a>, <a data-file="001-book" href="http://www.freepik.com">Freepik</a>, <a data-file="027-people" href="http://www.flaticon.com/authors/zlatko-najdenovski">Zlatko Najdenovski</a>, <a data-file="003-share" href="http://www.flaticon.com/authors/madebyoliver">Madebyoliver</a>, <a data-file="026-people-1" href="http://www.flaticon.com/authors/popcic">Popcic</a>, <a data-file="024-expand" href="http://www.flaticon.com/authors/cursor-creative">Cursor Creative</a>, <a data-file="022-construction" href="http://www.flaticon.com/authors/eucalyp">Eucalyp</a>, <a data-file="018-house-outline" href="http://www.flaticon.com/authors/icon-works">Icon Works</a>, <a data-file="004-money-bag" href="http://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="016-picture" href="http://www.flaticon.com/authors/icomoon">Icomoon</a>, <a data-file="013-back" href="http://www.flaticon.com/authors/dinosoft">Dinosoft</a>, <a data-file="008-home" href="http://www.flaticon.com/authors/iconnice">Iconnice</a>, <a data-file="007-pen" href="http://www.flaticon.com/authors/recep-kutuk">Recep Kutuk</a>, <a data-file="002-tags-outline" href="http://www.flaticon.com/authors/elegant-themes">Elegant Themes</a></p>

Examples:

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

<i class="flaticon-tags-outline"></i>

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

<i class="flaticon-money-bag"></i>