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:  or

.flaticon-picture

Author: Smashicons

.flaticon-checked

Author: Smashicons

.flaticon-snowshoe-cat

Author: Freepik

.flaticon-ship

Author: Freepik

.flaticon-travel

Author: Chanut is Industries

.flaticon-technology

Author: Smashicons

.flaticon-multimedia

Author: Freepik

.flaticon-blocks-with-angled-cuts

Author: Freepik

.flaticon-bars

Author: Good Ware

.flaticon-personal-business-card-outline

Author: Freepik

.flaticon-phone-call

Author: Gregor Cresnar

.flaticon-heartbeat

Author: Pixel Buddha

.flaticon-house

Author: Freepik

.flaticon-delivery-truck

Author: Freepik

.flaticon-communication

Author: Vaadin

.flaticon-play-button

Author: Appzgear

.flaticon-call

Author: Those Icons

.flaticon-search

Author: Smashicons

License and attribution:

Font generated by flaticon.com.

Under CC: Those Icons, Appzgear, Vaadin, Freepik, Pixel Buddha, Gregor Cresnar, Good Ware, Smashicons, Chanut is Industries

Copy the Attribution License:

Font generated by <a href="http://www.flaticon.com">flaticon.com</a>. Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="017-call" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="016-play-button" href="https://www.flaticon.com/authors/appzgear">Appzgear</a>, <a data-file="015-communication" href="https://www.flaticon.com/authors/vaadin">Vaadin</a>, <a data-file="008-blocks-with-angled-cuts" href="http://www.freepik.com">Freepik</a>, <a data-file="012-heartbeat" href="https://www.flaticon.com/authors/pixel-buddha">Pixel Buddha</a>, <a data-file="011-phone-call" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="009-bars" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="001-picture" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="005-travel" href="https://www.flaticon.com/authors/chanut-is-industries">Chanut is Industries</a>

Examples: