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

Author: Freepik

.flaticon-drawing

Author: Smashicons

.flaticon-group

Author: Kirill Kazachek

.flaticon-businessman

Author: Gregor Cresnar

.flaticon-arrows

Author: Smashicons

.flaticon-arrows-1

Author: Smashicons

.flaticon-left-arrow

Author: Smashicons

.flaticon-arrows-2

Author: Smashicons

.flaticon-layers

Author: Those Icons

.flaticon-arrows-3

Author: Freepik

.flaticon-arrows-4

Author: Freepik

.flaticon-left-arrow-1

Author: Lyolya

.flaticon-right-arrow

Author: Lyolya

.flaticon-note

Author: Freepik

.flaticon-favorite

Author: Google

.flaticon-left

Author: Freepik

.flaticon-left-quotes-sign

Author: Freepik

.flaticon-envelope

Author: Dave Gandy

.flaticon-remove

Author: Dario Ferrando

.flaticon-multimedia

Author: Iconnice

.flaticon-technology

Author: Gregor Cresnar

.flaticon-social

Author: Gregor Cresnar

.flaticon-edit

Author: Gregor Cresnar

.flaticon-signs

Author: Gregor Cresnar

.flaticon-can

Author: Gregor Cresnar

.flaticon-check

Author: Freepik

.flaticon-social-1

Author: Lucy G

.flaticon-circle

Author: Freepik

.flaticon-cross

Author: Freepik

.flaticon-agenda

Author: Smashicons

.flaticon-business

Author: Freepik

.flaticon-pencil

Author: Freepik

.flaticon-construction-1

Author: Freepik

.flaticon-profile

Author: Smashicons

.flaticon-suitcase

Author: Smashicons

.flaticon-connection

Author: DinosoftLabs

.flaticon-travel

Author: Freepik

.flaticon-people

Author: Iconnice

.flaticon-signs-1

Author: Freepik

.flaticon-location-pin

Author: Freepik

.flaticon-play-button

Author: Smashicons

.flaticon-diamond

Author: Smashicons

.flaticon-magnifying-glass

Author: Gregor Cresnar

.flaticon-play-button-1

Author: Smashicons

.flaticon-play-button-2

Author: Freepik

.flaticon-quote

Author: Freepik

.flaticon-right-quote-symbol

Author: Freepik

.flaticon-add-plus-button

Author: Google

.flaticon-minus

Author: Eleonor Wang

.flaticon-tick

Author: Google

.flaticon-tick-box

Author: Freepik

.flaticon-clock

Author: Lyolya

.flaticon-time

Author: Smashicons

.flaticon-phone-call

Author: Iconnice

.flaticon-mail

Author: Lyolya

.flaticon-mail-1

Author: Smashicons

.flaticon-right

Author: Freepik

.flaticon-back

Author: Cole Bemis

.flaticon-computer

Author: Freepik

.flaticon-computer-1

Author: Pixel perfect

.flaticon-cctv

Author: Freepik

.flaticon-shield

Author: Freepik

.flaticon-shield-1

Author: Freepik

.flaticon-wall

Author: smalllikeart

.flaticon-lock

Author: Smashicons

.flaticon-padlock

Author: Freepik

.flaticon-firewall

Author: Freepik

.flaticon-pin-code

Author: Smashicons

.flaticon-control

Author: Freepik

.flaticon-monitor

Author: Webalys Freebies

.flaticon-conference

Author: Becris

.flaticon-cinema

Author: Prosymbols

.flaticon-view

Author: Smashicons

.flaticon-eye

Author: Freepik

.flaticon-warning

Author: Chris Veigt

.flaticon-add

Author: Smashicons

.flaticon-picture

Author: Smashicons

.flaticon-list

Author: Smashicons

.flaticon-home

Author: Smashicons

.flaticon-file

Author: Smashicons

.flaticon-video-player

Author: Smashicons

.flaticon-plus

Author: Smashicons

.flaticon-star

Author: Smashicons

.flaticon-idea

Author: Smashicons

.flaticon-file-1

Author: Smashicons

.flaticon-user

Author: Smashicons

.flaticon-success

Author: Smashicons

.flaticon-clock-1

Author: Smashicons

.flaticon-like

Author: Smashicons

.flaticon-placeholder

Author: Smashicons

.flaticon-search

Author: Smashicons

.flaticon-smartphone

Author: Smashicons

.flaticon-calendar

Author: Smashicons

.flaticon-stopwatch

Author: Smashicons

.flaticon-substract

Author: Smashicons

License and attribution:

Font generated by flaticon.com.

Under CC: Freepik, Smashicons, Kirill Kazachek, Gregor Cresnar, Those Icons, Lyolya, Google, Dave Gandy, Dario Ferrando, Iconnice, Lucy G, DinosoftLabs, Eleonor Wang, Cole Bemis, Pixel perfect, smalllikeart, Webalys Freebies, Becris, Prosymbols, Chris Veigt

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="074-eye" href="http://www.freepik.com">Freepik</a>, <a data-file="095-substract" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="003-group" href="https://www.flaticon.com/authors/kirill-kazachek">Kirill Kazachek</a>, <a data-file="043-magnifying-glass" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="009-layers" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="055-mail" href="https://www.flaticon.com/authors/lyolya">Lyolya</a>, <a data-file="050-tick" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="018-envelope" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="019-remove" href="https://www.flaticon.com/authors/dario-ferrando">Dario Ferrando</a>, <a data-file="054-phone-call" href="https://www.flaticon.com/authors/iconnice">Iconnice</a>, <a data-file="027-social-1" href="https://www.flaticon.com/authors/lucy-g">Lucy G</a>, <a data-file="036-connection" href="https://www.flaticon.com/authors/dinosoftlabs">DinosoftLabs</a>, <a data-file="049-minus" href="https://www.flaticon.com/authors/eleonor-wang">Eleonor Wang</a>, <a data-file="058-back" href="https://www.flaticon.com/authors/cole-bemis">Cole Bemis</a>, <a data-file="060-computer-1" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="064-wall" href="https://www.flaticon.com/authors/smalllikeart">smalllikeart</a>, <a data-file="070-monitor" href="https://www.flaticon.com/authors/webalys-freebies">Webalys Freebies</a>, <a data-file="071-conference" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="072-cinema" href="https://www.flaticon.com/authors/prosymbols">Prosymbols</a>, <a data-file="075-warning" href="https://www.flaticon.com/authors/chris-veigt">Chris Veigt</a></p>

Examples:

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

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

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

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