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-arroba-symbol

Author: Freepik

.flaticon-arrow-point-to-right

Author: Freepik

.flaticon-arrows

Author: Minh Hoang

.flaticon-arrows-1

Author: Freepik

.flaticon-arrows-2

Author: Amit Jakhu

.flaticon-arrows-3

Author: Hanan

.flaticon-arrows-4

Author: Freepik

.flaticon-black-male-user-symbol

Author: Freepik

.flaticon-car

Author: Freepik

.flaticon-car-service

Author: Freepik

.flaticon-circle

Author: Freepik

.flaticon-circle-1

Author: Freepik

.flaticon-computer

Author: Freepik

.flaticon-cross

Author: Lyolya

.flaticon-dates

Author: Dave Gandy

.flaticon-drop-silhouette

Author: Freepik

.flaticon-facebook-letter-logo

Author: SimpleIcon

.flaticon-favorite

Author: Freepik

.flaticon-favorite-1

Author: Freepik

.flaticon-favorite-2

Author: Chris Veigt

.flaticon-favorite-heart-button

Author: Google

.flaticon-float

Author: Vectors Market

.flaticon-folder

Author: Freepik

.flaticon-gasoline

Author: Freepik

.flaticon-gear

Author: Freepik

.flaticon-global-services

Author: Freepik

.flaticon-google-plus-logo

Author: Freepik

.flaticon-icon-109

Author: Freepik

.flaticon-icon-1283

Author: Freepik

.flaticon-icon-1393

Author: Freepik

.flaticon-improvement

Author: Freepik

.flaticon-increasing-zoom-interface-symbol

Author: GraphicsBay

.flaticon-interface

Author: Freepik

.flaticon-interface-1

Author: Freepik

.flaticon-interface-2

Author: Freepik

.flaticon-interface-3

Author: Hanan

.flaticon-keyboard-right-arrow-button

Author: Google

.flaticon-last-track-left-arrow

Author: Egor Rumyantsev

.flaticon-left

Author: Dave Gandy

.flaticon-left-arrow-angle

Author: Freepik

.flaticon-left-arrow-key

Author: Google

.flaticon-link

Author: Freepik

.flaticon-link-1

Author: Freepik

.flaticon-linkedin-logo

Author: SimpleIcon

.flaticon-lock

Author: Dave Gandy

.flaticon-magnifier-tool

Author: SimpleIcon

.flaticon-mail

Author: Freepik

.flaticon-map

Author: Freepik

.flaticon-mark

Author: Freepik

.flaticon-mark-1

Author: Lucy G

.flaticon-mark-2

Author: Hanan

.flaticon-money

Author: Sarfraz Shoukat

.flaticon-night

Author: Freepik

.flaticon-note

Author: Dave Gandy

.flaticon-office

Author: Freepik

.flaticon-paint

Author: Freepik

.flaticon-paint-1

Author: Freepik

.flaticon-paint-2

Author: Freepik

.flaticon-paper

Author: Freepik

.flaticon-people

Author: Freepik

.flaticon-people-1

Author: Freepik

.flaticon-right-arrow

Author: Lucy G

.flaticon-search

Author: Madebyoliver

.flaticon-shape

Author: AnhGreen

.flaticon-shape-1

Author: Dave Gandy

.flaticon-sign

Author: Freepik

.flaticon-social

Author: Freepik

.flaticon-social-1

Author: Freepik

.flaticon-speech-bubbles-comment-option

Author: Dave Gandy

.flaticon-swimming-pool

Author: Freepik

.flaticon-technology

Author: Bogdan Rosu

.flaticon-technology-1

Author: Freepik

.flaticon-technology-2

Author: Freepik

.flaticon-telephone

Author: Freepik

.flaticon-thumbs-up

Author: Stephen Hutchings

.flaticon-time

Author: Freepik

.flaticon-timing-belt

Author: Freepik

.flaticon-tool

Author: Freepik

.flaticon-tool-1

Author: Freepik

.flaticon-transport

Author: Freepik

.flaticon-transport-1

Author: Freepik

.flaticon-transport-2

Author: Freepik

.flaticon-twitter-logo-silhouette

Author: Elegant Themes

.flaticon-up-arrow

Author: Hadrien

.flaticon-user

Author: Gregor Cresnar

.flaticon-valentines-heart

Author: Freepik

.flaticon-water-bomb-city-supplier

Author: Freepik

.flaticon-water-drop-in-a-rounded-square

Author: OCHA

.flaticon-wrench

Author: Elegant Themes

.flaticon-zoom-in-button

Author: Freepik

.flaticon-zoom-plus-sign

Author: Victor Erixon

License and attribution:

Font generated by flaticon.com.

Under CC: Elegant Themes, Dave Gandy, Victor Erixon, Bogdan Rosu, Lyolya, Lucy G, Hadrien, Minh Hoang, Google, OCHA, SimpleIcon, Chris Veigt, AnhGreen, Sarfraz Shoukat, Amit Jakhu, Hanan, GraphicsBay, Egor Rumyantsev, Stephen Hutchings, Freepik, Vectors Market, Madebyoliver, Gregor Cresnar

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="twitter-logo-silhouette" href="http://www.flaticon.com/authors/elegant-themes">Elegant Themes</a>, <a data-file="dates" href="http://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="zoom-plus-sign" href="http://www.flaticon.com/authors/victor-erixon">Victor Erixon</a>, <a data-file="technology" href="http://www.flaticon.com/authors/bogdan-rosu">Bogdan Rosu</a>, <a data-file="cross" href="http://www.flaticon.com/authors/lyolya">Lyolya</a>, <a data-file="right-arrow" href="http://www.flaticon.com/authors/lucy-g">Lucy G</a>, <a data-file="up-arrow" href="http://www.flaticon.com/authors/hadrien">Hadrien</a>, <a data-file="arrows" href="http://www.flaticon.com/authors/minh-hoang">Minh Hoang</a>, <a data-file="left-arrow-key" href="http://www.flaticon.com/authors/google">Google</a>, <a data-file="water-drop-in-a-rounded-square" href="http://www.flaticon.com/authors/ocha">OCHA</a>, <a data-file="linkedin-logo" href="http://www.flaticon.com/authors/simpleicon">SimpleIcon</a>, <a data-file="favorite-2" href="http://www.flaticon.com/authors/chris-veigt">Chris Veigt</a>, <a data-file="shape" href="http://www.flaticon.com/authors/anhgreen">AnhGreen</a>, <a data-file="money" href="http://www.flaticon.com/authors/sarfraz-shoukat">Sarfraz Shoukat</a>, <a data-file="arrows-2" href="http://www.flaticon.com/authors/amit-jakhu">Amit Jakhu</a>, <a data-file="interface-3" href="http://www.flaticon.com/authors/hanan">Hanan</a>, <a data-file="increasing-zoom-interface-symbol" href="http://www.flaticon.com/authors/graphicsbay">GraphicsBay</a>, <a data-file="last-track-left-arrow" href="http://www.flaticon.com/authors/egor-rumyantsev">Egor Rumyantsev</a>, <a data-file="thumbs-up" href="http://www.flaticon.com/authors/stephen-hutchings">Stephen Hutchings</a>, <a data-file="black-male-user-symbol" href="http://www.freepik.com">Freepik</a>, <a data-file="float" href="http://www.flaticon.com/authors/vectors-market">Vectors Market</a>, <a data-file="search" href="http://www.flaticon.com/authors/madebyoliver">Madebyoliver</a>, <a data-file="user" href="http://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a></p>

Examples:

<i class="flaticon-arroba-symbol"></i>

<i class="flaticon-arrow-point-to-right"></i>

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

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