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

Author: Kirill Kazachek

.flaticon-trophy

Author: Freepik

.flaticon-cup

Author: Smashicons

.flaticon-layers-3

Author: Those Icons

.flaticon-layers-2

Author: Creaticca Creative Agency

.flaticon-layers-1

Author: Freepik

.flaticon-arrows-17

Author: Freepik

.flaticon-arrows-16

Author: Smashicons

.flaticon-arrows-15

Author: Popcic

.flaticon-arrows-14

Author: Freepik

.flaticon-arrows-13

Author: Cole Bemis

.flaticon-arrows-12

Author: Dario Ferrando

.flaticon-arrows-11

Author: Dario Ferrando

.flaticon-arrows-10

Author: Freepik

.flaticon-arrows-9

Author: Freepik

.flaticon-arrows-8

Author: Freepik

.flaticon-arrows-7

Author: Smashicons

.flaticon-arrows-6

Author: Dario Ferrando

.flaticon-up-arrow

Author: Metropolicons

.flaticon-remove

Author: Dario Ferrando

.flaticon-menu

Author: Dario Ferrando

.flaticon-fullscreen

Author: Freepik

.flaticon-skip

Author: Retinaicons

.flaticon-previous

Author: Retinaicons

.flaticon-arrows-5

Author: Dario Ferrando

.flaticon-arrows-4

Author: Freepik

.flaticon-arrows-3

Author: Freepik

.flaticon-left-arrow-1

Author: Smashicons

.flaticon-arrows-2

Author: Smashicons

.flaticon-arrows-1

Author: Daniele De Santis

.flaticon-left-arrow

Author: Lyolya

.flaticon-right-arrow

Author: Lyolya

.flaticon-multimedia-2

Author: Freepik

.flaticon-multimedia-1

Author: Freepik

.flaticon-note-2

Author: Freepik

.flaticon-telephone

Author: Freepik

.flaticon-placeholder

Author: Freepik

.flaticon-headphones

Author: Gregor Cresnar

.flaticon-technology-2

Author: Freepik

.flaticon-technology-1

Author: Chris Veigt

.flaticon-computer-1

Author: Smashicons

.flaticon-graphic

Author: Freepik

.flaticon-edit

Author: Gregor Cresnar

.flaticon-networking

Author: Gregor Cresnar

.flaticon-businessman

Author: Gregor Cresnar

.flaticon-settings

Author: Gregor Cresnar

.flaticon-scheme

Author: Gregor Cresnar

.flaticon-bar-chart

Author: Gregor Cresnar

.flaticon-left

Author: Freepik

.flaticon-left-quotes-sign

Author: Freepik

.flaticon-social

Author: Gregor Cresnar

.flaticon-note-1

Author: Freepik

.flaticon-envelope

Author: Dave Gandy

.flaticon-technology

Author: Gregor Cresnar

.flaticon-phone-settings

Author: Google

.flaticon-old

Author: Freepik

.flaticon-computer

Author: Freepik

.flaticon-note

Author: Freepik

.flaticon-arrows

Author: Smashicons

.flaticon-favorite

Author: Google

.flaticon-signs

Author: Gregor Cresnar

.flaticon-can

Author: Gregor Cresnar

.flaticon-construction

Author: Freepik

.flaticon-cogwheel

Author: Good Ware

.flaticon-layers

Author: Kiranshastry

.flaticon-drawing-1

Author: Smashicons

.flaticon-drawing

Author: Smashicons

.flaticon-multimedia

Author: Iconnice

License and attribution:

Font generated by flaticon.com.

Under CC: Gregor Cresnar, Iconnice, Smashicons, Kiranshastry, Good Ware, Freepik, Google, Dave Gandy, Chris Veigt, Lyolya, Daniele De Santis, Dario Ferrando, Retinaicons, Metropolicons, Cole Bemis, Popcic, Creaticca Creative Agency, Those Icons, Kirill Kazachek

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="038-headphones" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="068-multimedia" href="https://www.flaticon.com/authors/iconnice">Iconnice</a>, <a data-file="003-cup" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="065-layers" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="064-cogwheel" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="002-trophy" href="http://www.freepik.com">Freepik</a>, <a data-file="055-phone-settings" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="053-envelope" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="040-technology-1" href="https://www.flaticon.com/authors/chris-veigt">Chris Veigt</a>, <a data-file="031-left-arrow" href="https://www.flaticon.com/authors/lyolya">Lyolya</a>, <a data-file="030-arrows-1" href="https://www.flaticon.com/authors/daniele-de-santis">Daniele De Santis</a>, <a data-file="012-arrows-12" href="https://www.flaticon.com/authors/dario-ferrando">Dario Ferrando</a>, <a data-file="023-skip" href="https://www.flaticon.com/authors/retinaicons">Retinaicons</a>, <a data-file="019-up-arrow" href="https://www.flaticon.com/authors/metropolicons">Metropolicons</a>, <a data-file="011-arrows-13" href="https://www.flaticon.com/authors/cole-bemis">Cole Bemis</a>, <a data-file="009-arrows-15" href="https://www.flaticon.com/authors/popcic">Popcic</a>, <a data-file="005-layers-2" href="https://www.flaticon.com/authors/creaticca-creative-agency">Creaticca Creative Agency</a>, <a data-file="004-layers-3" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="001-group" href="https://www.flaticon.com/authors/kirill-kazachek">Kirill Kazachek</a></p>

Examples:

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

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

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

<i class="flaticon-layers-3"></i>