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

Author: Freepik

.flaticon-arrows-1

Author: Freepik

.flaticon-arrows-2

Author: Freepik

.flaticon-arrows-3

Author: Freepik

.flaticon-arrows-4

Author: Freepik

.flaticon-box

Author: Freepik

.flaticon-business

Author: Puppets

.flaticon-business-1

Author: Puppets

.flaticon-coins

Author: Puppets

.flaticon-commerce

Author: Freepik

.flaticon-computer

Author: Puppets

.flaticon-computer-1

Author: Puppets

.flaticon-cross

Author: Freepik

.flaticon-fashion

Author: Puppets

.flaticon-favorite

Author: Nice and Serious

.flaticon-game

Author: Puppets

.flaticon-gear

Author: Nice and Serious

.flaticon-interface

Author: Freepik

.flaticon-interface-1

Author: Freepik

.flaticon-interface-2

Author: Freepik

.flaticon-interface-3

Author: Puppets

.flaticon-interface-4

Author: Freepik

.flaticon-internet

Author: Freepik

.flaticon-locked

Author: Nice and Serious

.flaticon-mark

Author: Freepik

.flaticon-medical

Author: Nice and Serious

.flaticon-money

Author: Vectors Market

.flaticon-nation

Author: Nice and Serious

.flaticon-note

Author: Freepik

.flaticon-note-1

Author: Nice and Serious

.flaticon-other

Author: Plainicon

.flaticon-people

Author: Puppets

.flaticon-people-1

Author: Puppets

.flaticon-people-2

Author: Freepik

.flaticon-placeholder

Author: Freepik

.flaticon-recycle

Author: Nice and Serious

.flaticon-school

Author: Puppets

.flaticon-screen

Author: Puppets

.flaticon-shapes

Author: Bogdan Rosu

.flaticon-sheet

Author: Puppets

.flaticon-signs

Author: Freepik

.flaticon-social

Author: Elegant Themes

.flaticon-social-1

Author: Elegant Themes

.flaticon-social-2

Author: Zurb

.flaticon-social-3

Author: Freepik

.flaticon-social-4

Author: Freepik

.flaticon-social-5

Author: Situ Herrera

.flaticon-social-network

Author: Freepik

.flaticon-squares

Author: Freepik

.flaticon-technology

Author: Puppets

.flaticon-technology-1

Author: Puppets

.flaticon-technology-2

Author: Plainicon

.flaticon-technology-3

Author: Nice and Serious

.flaticon-time

Author: Freepik

.flaticon-tool

Author: Martin Maricak

.flaticon-transport

Author: Freepik

.flaticon-typography

Author: Freepik

.flaticon-video

Author: SimpleIcon

.flaticon-weather

Author: Puppets

.flaticon-weather-1

Author: Puppets

.flaticon-work

Author: Puppets

License and attribution:

Font generated by flaticon.com.

Under CC: Elegant Themes, Zurb, SimpleIcon, Puppets, Situ Herrera, Plainicon, Nice and Serious, Martin Maricak, Bogdan Rosu, Freepik, Vectors Market

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="social-1" href="http://www.flaticon.com/authors/elegant-themes">Elegant Themes</a>, <a data-file="social-2" href="http://www.flaticon.com/authors/zurb">Zurb</a>, <a data-file="video" href="http://www.flaticon.com/authors/simpleicon">SimpleIcon</a>, <a data-file="screen" href="http://www.flaticon.com/authors/puppets">Puppets</a>, <a data-file="social-5" href="http://www.flaticon.com/authors/situ-herrera">Situ Herrera</a>, <a data-file="technology-2" href="http://www.flaticon.com/authors/plainicon">Plainicon</a>, <a data-file="recycle" href="http://www.flaticon.com/authors/nice-and-serious">Nice and Serious</a>, <a data-file="tool" href="http://www.flaticon.com/authors/martin-maricak">Martin Maricak</a>, <a data-file="shapes" href="http://www.flaticon.com/authors/bogdan-rosu">Bogdan Rosu</a>, <a data-file="arrows-4" href="http://www.freepik.com">Freepik</a>, <a data-file="money" href="http://www.flaticon.com/authors/vectors-market">Vectors Market</a></p>

Examples:

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

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

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

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