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-add-song

Author: Egor Rumyantsev

.flaticon-arrow-up

Author: Elegant Themes

.flaticon-avatar

Author: Eucalyp

.flaticon-black-male-user-symbol

Author: Freepik

.flaticon-buildings

Author: Vectors Market

.flaticon-calendar-small-page

Author: Freepik

.flaticon-calendar-with-spring-binder-and-date-blocks

Author: Dave Gandy

.flaticon-call-answer

Author: Freepik

.flaticon-clock

Author: Freepik

.flaticon-clock-1

Author: Madebyoliver

.flaticon-contract

Author: Freepik

.flaticon-credit-card-band-and-number

Author: Freepik

.flaticon-dentist

Author: Freepik

.flaticon-e-mail-envelope

Author: Freepik

.flaticon-earth-grid

Author: Chanut is Industries

.flaticon-email-envelope-back-symbol-on-phone-screen

Author: Freepik

.flaticon-engineer

Author: Freepik

.flaticon-facebook-placeholder-for-locate-places-on-maps

Author: SimpleIcon

.flaticon-folder

Author: Freepik

.flaticon-gasoline

Author: Vectors Market

.flaticon-global

Author: Vectors Market

.flaticon-interface

Author: Freepik

.flaticon-interface-1

Author: Freepik

.flaticon-interface-2

Author: Smartline

.flaticon-interface-3

Author: Elegant Themes

.flaticon-justice

Author: Freepik

.flaticon-left

Author: Freepik

.flaticon-medal

Author: Freepik

.flaticon-nature

Author: Freepik

.flaticon-nature-1

Author: Vectors Market

.flaticon-padlock

Author: Dave Gandy

.flaticon-pdf

Author: Icomoon

.flaticon-people

Author: Freepik

.flaticon-remove

Author: Hanan

.flaticon-round-clock

Author: Mario Purisic

.flaticon-science

Author: Recep Kutuk

.flaticon-sign

Author: Sebastien Gabriel

.flaticon-signs

Author: Freepik

.flaticon-star

Author: Gregor Cresnar

.flaticon-star-1

Author: Madebyoliver

.flaticon-technology

Author: Madebyoliver

.flaticon-technology-1

Author: Freepik

.flaticon-technology-2

Author: Freepik

.flaticon-tool

Author: SimpleIcon

.flaticon-tool-1

Author: Freepik

.flaticon-word

Author: Icomoon

.flaticon-flash

Author: Vignesh Oviyan

.flaticon-wrench

Author: Retinaicons

License and attribution:

Font generated by flaticon.com.

Under CC: Recep Kutuk, SimpleIcon, Sebastien Gabriel, Elegant Themes, Mario Purisic, Dave Gandy, Icomoon, Egor Rumyantsev, Hanan, Freepik, Freepik, Vectors Market, Eucalyp, Madebyoliver, Freepik, Chanut is Industries, Freepik, Freepik, Freepik, Smartline, Freepik, Gregor Cresnar, Freepik

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="science" href="http://www.flaticon.com/authors/recep-kutuk">Recep Kutuk</a>, <a data-file="facebook-placeholder-for-locate-places-on-maps" href="http://www.flaticon.com/authors/simpleicon">SimpleIcon</a>, <a data-file="sign" href="http://www.flaticon.com/authors/sebastien-gabriel">Sebastien Gabriel</a>, <a data-file="interface-3" href="http://www.flaticon.com/authors/elegant-themes">Elegant Themes</a>, <a data-file="round-clock" href="http://www.flaticon.com/authors/mario-purisic">Mario Purisic</a>, <a data-file="padlock" href="http://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="word" href="http://www.flaticon.com/authors/icomoon">Icomoon</a>, <a data-file="add-song" href="http://www.flaticon.com/authors/egor-rumyantsev">Egor Rumyantsev</a>, <a data-file="remove" href="http://www.flaticon.com/authors/hanan">Hanan</a>, <a data-file="ruler" href="http://www.freepik.com">Freepik</a>, <a data-file="tool-1" href="http://www.flaticon.com/authors/freepik">Freepik</a>, <a data-file="gasoline" href="http://www.flaticon.com/authors/vectors-market">Vectors Market</a>, <a data-file="avatar" href="http://www.flaticon.com/authors/eucalyp">Eucalyp</a>, <a data-file="star-1" href="http://www.flaticon.com/authors/madebyoliver">Madebyoliver</a>, <a data-file="technology-1" href="http://www.flaticon.com/authors/freepik">Freepik</a>, <a data-file="earth-grid" href="http://www.flaticon.com/authors/chanut-is-industries">Chanut is Industries</a>, <a data-file="interface-1" href="http://www.flaticon.com/authors/freepik">Freepik</a>, <a data-file="engineer" href="http://www.flaticon.com/authors/freepik">Freepik</a>, <a data-file="people" href="http://www.flaticon.com/authors/freepik">Freepik</a>, <a data-file="interface-2" href="http://www.flaticon.com/authors/smartline">Smartline</a>, <a data-file="signs" href="http://www.flaticon.com/authors/freepik">Freepik</a>, <a data-file="star" href="http://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="contract" href="http://www.flaticon.com/authors/freepik">Freepik</a></p>

Examples:

<i class="flaticon-add-song"></i>

<i class="flaticon-arrow-up"></i>

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

<i class="flaticon-black-male-user-symbol"></i>