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-inclined-rocket

Author: Freepik

.flaticon-atomic-structure-1

Author: Freepik

.flaticon-atomic-structure

Author: Freepik

.flaticon-shield

Author: Gregor Cresnar

.flaticon-layers

Author: Freepik

.flaticon-note

Author: Freepik

.flaticon-application

Author: Freepik

.flaticon-rocket-ship

Author: Freepik

.flaticon-stats

Author: Gregor Cresnar

.flaticon-circular-clock-tool

Author: Freepik

.flaticon-signs

Author: Freepik

.flaticon-travel

Author: Tomas Knop

.flaticon-email

Author: Freepik

.flaticon-envelope

Author: Gregor Cresnar

.flaticon-technology

Author: Gregor Cresnar

.flaticon-telephone

Author: Gregor Cresnar

.flaticon-people

Author: Nikita Golubev

.flaticon-happiness

Author: Freepik

.flaticon-business

Author: Freepik

.flaticon-meeting

Author: Becris

.flaticon-cup

Author: Freepik

.flaticon-competition

Author: Freepik

.flaticon-first-prize-trophy

Author: Freepik

.flaticon-add

Author: Smashicons

.flaticon-tool

Author: Sherzod Mirzaakhmedov

.flaticon-graphic-2

Author: Smashicons

.flaticon-graphic-3

Author: Prosymbols

.flaticon-connection

Author: DinosoftLabs

.flaticon-money

Author: Freepik

.flaticon-graphic

Author: Smashicons

.flaticon-graphic-1

Author: Freepik

.flaticon-line-graph

Author: Freepik

.flaticon-ascendant-bars-graphic

Author: SimpleIcon

.flaticon-presentation

Author: Freepik

License and attribution:

Font generated by flaticon.com.

Under CC: Smashicons, Freepik, SimpleIcon, DinosoftLabs, Gregor Cresnar, Sherzod Mirzaakhmedov, Becris, Nikita Golubev, Tomas Knop, Prosymbols

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="024-add" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="010-circular-clock-tool" href="http://www.freepik.com">Freepik</a>, <a data-file="033-ascendant-bars-graphic" href="https://www.flaticon.com/authors/simpleicon">SimpleIcon</a>, <a data-file="028-connection" href="https://www.flaticon.com/authors/dinosoftlabs">DinosoftLabs</a>, <a data-file="009-stats" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="025-tool" href="https://www.flaticon.com/authors/sherzod-mirzaakhmedov">Sherzod Mirzaakhmedov</a>, <a data-file="020-meeting" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="017-people" href="https://www.flaticon.com/authors/nikita-golubev">Nikita Golubev</a>, <a data-file="012-travel" href="https://www.flaticon.com/authors/tomas-knop">Tomas Knop</a>, <a data-file="027-graphic-3" href="https://www.flaticon.com/authors/prosymbols">Prosymbols</a></p>

Examples:

<i class="flaticon-inclined-rocket"></i>

<i class="flaticon-atomic-structure-1"></i>

<i class="flaticon-atomic-structure"></i>

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