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

Author: Freepik

.flaticon-menu

Author: Smashicons

.flaticon-search

Author: Kiranshastry

.flaticon-basket

Author: Kiranshastry

.flaticon-pin

Author: Those Icons

.flaticon-paper-plane

Author: Pixel perfect

.flaticon-next

Author: Roundicons

.flaticon-back

Author: Roundicons

.flaticon-left-arrow

Author: Those Icons

.flaticon-right-arrow

Author: Those Icons

.flaticon-youtube

Author: Pixel perfect

.flaticon-vegetable

Author: Eucalyp

.flaticon-water

Author: Freepik

.flaticon-healthcare

Author: Freepik

.flaticon-mortarboard

Author: Freepik

.flaticon-physics

Author: Prosymbols

.flaticon-maternity

Author: Freepik

.flaticon-more

Author: Pixel perfect

.flaticon-gift

Author: Freepik

.flaticon-gift-1

Author: Freepik

.flaticon-play

Author: Pixel perfect

.flaticon-quote

Author: Freepik

.flaticon-user

Author: Freepik

.flaticon-user-1

Author: Freepik

.flaticon-tools-and-utensils

Author: Freepik

.flaticon-packard-bell

Author: Freepik

.flaticon-book

Author: Freepik

.flaticon-dollar-sign-symbol-bold-text

Author: Freepik

.flaticon-arrowsoutline

Author: Lyolya

.flaticon-clocks

Author: Freepik

.flaticon-folder

Author: Freepik

.flaticon-email

Author: Freepik

.flaticon-seo-and-web

Author: Freepik

.flaticon-diamond

Author: Freepik

.flaticon-box

Author: Freepik

.flaticon-call

Author: Those Icons

.flaticon-business

Author: Freepik

.flaticon-idea

Author: Freepik

.flaticon-seo-and-web-1

Author: Freepik

.flaticon-weapons

Author: Freepik

.flaticon-bars-chart

Author: Freepik

.flaticon-arrows

Author: Freepik

.flaticon-food

Author: Freepik

.flaticon-gym

Author: Freepik

.flaticon-interface

Author: Those Icons

.flaticon-plus

Author: Pixel perfect

.flaticon-signs

Author: Becris

.flaticon-left-quote

Author: Freepik

.flaticon-right-quote

Author: Freepik

.flaticon-checked

Author: Those Icons

.flaticon-check

Author: Pixel perfect

.flaticon-tick

Author: Freepik

.flaticon-like

Author: Freepik

.flaticon-like-1

Author: Freepik

.flaticon-heart-1

Author: Freepik

.flaticon-quote-left

Author: Dave Gandy

.flaticon-multimedia

Author: Freepik

.flaticon-world

Author: Freepik

.flaticon-edit

Author: Freepik

.flaticon-star

Author: Pixel perfect

.flaticon-star-1

Author: Pixel perfect

.flaticon-copy

Author: Freepik

.flaticon-book-1

Author: Freepik

.flaticon-gear

Author: Freepik

.flaticon-calendar

Author: Freepik

.flaticon-tag

Author: Freepik

.flaticon-document

Author: Freepik

.flaticon-bell

Author: Freepik

.flaticon-lock

Author: Freepik

.flaticon-real-estate

Author: Freepik

.flaticon-chat

Author: Freepik

.flaticon-attach

Author: Freepik

.flaticon-upload

Author: Freepik

.flaticon-document-1

Author: Freepik

.flaticon-shield

Author: Freepik

.flaticon-share

Author: Freepik

.flaticon-null

Author: Freepik

.flaticon-null-1

Author: Freepik

.flaticon-null-2

Author: Freepik

.flaticon-close

Author: Roundicons

.flaticon-close-1

Author: Pixel perfect

.flaticon-credit-card

Author: Freepik

License and attribution:

Font generated by flaticon.com.

Under CC: Freepik, Smashicons, Kiranshastry, Those Icons, Pixel perfect, Roundicons, Eucalyp, Prosymbols, Lyolya, Becris, Dave Gandy

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="082-credit-card" href="http://www.freepik.com">Freepik</a>, <a data-file="002-menu" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="004-basket" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="050-checked" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="081-close-1" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="080-close" href="https://www.flaticon.com/authors/roundicons">Roundicons</a>, <a data-file="012-vegetable" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a>, <a data-file="016-physics" href="https://www.flaticon.com/authors/prosymbols">Prosymbols</a>, <a data-file="029-arrowsoutline" href="https://www.flaticon.com/authors/lyolya">Lyolya</a>, <a data-file="047-signs" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="056-quote-left" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a></p>

Examples:

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

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

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

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