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

Author: Freepik

.flaticon-percent

Author: Freepik

.flaticon-money-bag

Author: Gregor Cresnar

.flaticon-close

Author: Chanut

.flaticon-filter-results-button

Author: Google

.flaticon-pin

Author: Smashicons

.flaticon-street-view

Author: Freepik

.flaticon-photo-camera

Author: Dave Gandy

.flaticon-share

Author: Gregor Cresnar

.flaticon-printer

Author: Freepik

.flaticon-tick

Author: Freepik

.flaticon-play

Author: Freepik

.flaticon-college-graduation

Author: Freepik

.flaticon-heartbeat

Author: Freepik

.flaticon-front-of-bus

Author: Freepik

.flaticon-pdf

Author: Those Icons

.flaticon-document

Author: Good Ware

.flaticon-download

Author: Gregor Cresnar

.flaticon-smartphone-call

Author: Freepik

.flaticon-telephone

Author: Gregor Cresnar

.flaticon-black-back-closed-envelope-shape

Author: Freepik

.flaticon-layers

Author: Freepik

.flaticon-envelope

Author: Gregor Cresnar

.flaticon-home

Author: Freepik

.flaticon-heart

Author: Freepik

.flaticon-invoice

Author: Kiranshastry

.flaticon-magnifying-glass

Author: Gregor Cresnar

.flaticon-chat

Author: Gregor Cresnar

.flaticon-box

Author: Freepik

.flaticon-user

Author: Freepik

.flaticon-logout

Author: Freepik

.flaticon-view

Author: Kiranshastry

.flaticon-edit

Author: Gregor Cresnar

.flaticon-garbage

Author: Gregor Cresnar

.flaticon-reply

Author: Pixel perfect

.flaticon-left-arrow

Author: Freepik

.flaticon-transfer

Author: Gregor Cresnar

.flaticon-zoom-in

Author: Smashicons

.flaticon-drop-down-arrow

Author: Google

.flaticon-maps-and-flags

Author: Freepik

.flaticon-more

Author: Smashicons

.flaticon-transfer-1

Author: Gregor Cresnar

.flaticon-high-five

Author: Freepik

.flaticon-home-1

Author: Freepik

.flaticon-profit

Author: Eucalyp

.flaticon-next

Author: Freepik

.flaticon-arrows

Author: Lyolya

.flaticon-angle-arrow-down

Author: Dave Gandy

.flaticon-plus

Author: Freepik

.flaticon-mouse

Author: Kiranshastry

.flaticon-mouse-1

Author: Swifticons

.flaticon-back

Author: Freepik

.flaticon-download-1

Author: Freepik

.flaticon-upload

Author: Freepik

.flaticon-left-arrow-1

Author: Lyolya

.flaticon-right-arrow

Author: Lyolya

.flaticon-download-arrow

Author: Lyolya

.flaticon-house

Author: Smashicons

.flaticon-house-1

Author: Freepik

.flaticon-house-2

Author: Freepik

.flaticon-building

Author: ultimatearm

.flaticon-placeholder

Author: Freepik

.flaticon-play-button

Author: Smashicons

.flaticon-caret-down

Author: Dave Gandy

.flaticon-password

Author: Freepik

.flaticon-login

Author: Pixel perfect

.flaticon-user-1

Author: Pixel perfect

License and attribution:

Font generated by flaticon.com.

Under CC: Freepik, Gregor Cresnar, Chanut, Google, Smashicons, Dave Gandy, Those Icons, Good Ware, Kiranshastry, Pixel perfect, Eucalyp, Lyolya, Swifticons, ultimatearm

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="065-password" href="http://www.freepik.com">Freepik</a>, <a data-file="042-transfer-1" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="004-close" href="https://www.flaticon.com/authors/chanut">Chanut</a>, <a data-file="039-drop-down-arrow" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="063-play-button" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="064-caret-down" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="016-pdf" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="017-document" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="050-mouse" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="067-user-1" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="045-profit" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a>, <a data-file="057-download-arrow" href="https://www.flaticon.com/authors/lyolya">Lyolya</a>, <a data-file="051-mouse-1" href="https://www.flaticon.com/authors/swifticons">Swifticons</a>, <a data-file="061-building" href="https://www.flaticon.com/authors/ultimatearm">ultimatearm</a></p>

Examples:

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

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

<i class="flaticon-money-bag"></i>

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