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-shopping-cart

Author: Freepik

.flaticon-clock

Author: Iconnice

.flaticon-tick-inside-circle

Author: Google

.flaticon-speech-bubble

Author: Freepik

.flaticon-click

Author: Freepik

.flaticon-grid

Author: Google

.flaticon-web-programming

Author: Icongeek26

.flaticon-computer

Author: Freepik

.flaticon-bar-graph-on-a-rectangle

Author: Dave Gandy

.flaticon-memo

Author: Freepik

.flaticon-book

Author: Good Ware

.flaticon-ruler

Author: Smashicons

.flaticon-goal

Author: Freepik

.flaticon-photo-camera

Author: EpicCoders

.flaticon-dog

Author: Freepik

.flaticon-heartbeat

Author: Freepik

.flaticon-musical-note

Author: Gregor Cresnar

.flaticon-pattern

Author: Freepik

.flaticon-users

Author: Smashicons

.flaticon-umbrella

Author: Smashicons

.flaticon-add

Author: Smashicons

.flaticon-aeroplane

Author: Kirill Kazachek

.flaticon-help

Author: Iconnice

.flaticon-right-arrow

Author: Lyolya

.flaticon-left-arrow

Author: Lyolya

.flaticon-briefcase

Author: Those Icons

.flaticon-graduation-hat

Author: Freepik

.flaticon-lifebuoy

Author: srip

.flaticon-phone-call

Author: Gregor Cresnar

.flaticon-home

Author: Iconnice

.flaticon-phone-call-1

Author: Iconnice

.flaticon-time

Author: Smashicons

.flaticon-clock-1

Author: Good Ware

.flaticon-clock-2

Author: Lyolya

License and attribution:

Font generated by flaticon.com.

Under CC: Google, Iconnice, Freepik, Icongeek26, Dave Gandy, Good Ware, Smashicons, EpicCoders, Gregor Cresnar, Kirill Kazachek, Lyolya, Those Icons, srip

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="006-grid" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="031-phone-call-1" href="https://www.flaticon.com/authors/iconnice">Iconnice</a>, <a data-file="027-graduation-hat" href="http://www.freepik.com">Freepik</a>, <a data-file="007-web-programming" href="https://www.flaticon.com/authors/icongeek26">Icongeek26</a>, <a data-file="009-bar-graph-on-a-rectangle" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="033-clock-1" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="032-time" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="014-photo-camera" href="https://www.flaticon.com/authors/epiccoders">EpicCoders</a>, <a data-file="029-phone-call" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="022-aeroplane" href="https://www.flaticon.com/authors/kirill-kazachek">Kirill Kazachek</a>, <a data-file="034-clock-2" href="https://www.flaticon.com/authors/lyolya">Lyolya</a>, <a data-file="026-briefcase" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="028-lifebuoy" href="https://www.flaticon.com/authors/srip">srip</a></p>

Examples:

<i class="flaticon-shopping-cart"></i>

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

<i class="flaticon-tick-inside-circle"></i>

<i class="flaticon-speech-bubble"></i>