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

Author: Freepik

.flaticon-support

Author: Good Ware

.flaticon-block

Author: Freepik

.flaticon-credit-card

Author: Pixel perfect

.flaticon-play-button

Author: Those Icons

.flaticon-search

Author: Those Icons

.flaticon-play-button-1

Author: Those Icons

.flaticon-credit-card-1

Author: Smashicons

.flaticon-user

Author: Smashicons

.flaticon-lock

Author: Smashicons

.flaticon-lightning

Author: Freepik

.flaticon-flash

Author: Iconnice

.flaticon-credit-card-2

Author: Gregor Cresnar

.flaticon-shopping-cart

Author: Vectors Market

.flaticon-credit-card-3

Author: Vectors Market

.flaticon-technology

Author: Freepik

.flaticon-24-hours-support

Author: Freepik

.flaticon-black-and-white-credit-cards

Author: Freepik

.flaticon-like-heart-outline

Author: Fermam Aziz

.flaticon-search-magnifier-interface-symbol

Author: Linh Pham

.flaticon-key

Author: SimpleIcon

.flaticon-credit-cards

Author: Freepik

.flaticon-play

Author: Yannick

.flaticon-flower

Author: Freepik

.flaticon-flower-1

Author: Freepik

.flaticon-flower-2

Author: Freepik

.flaticon-flower-3

Author: Freepik

.flaticon-help

Author: Iconnice

License and attribution:

Font generated by flaticon.com.

Under CC: Freepik, Good Ware, Pixel perfect, Those Icons, Smashicons, Iconnice, Gregor Cresnar, Vectors Market, Fermam Aziz, Linh Pham, SimpleIcon, Yannick

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="030-flower-3" href="http://www.freepik.com">Freepik</a>, <a data-file="003-support" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="005-credit-card" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="008-play-button-1" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="012-lock" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="031-help" href="https://www.flaticon.com/authors/iconnice">Iconnice</a>, <a data-file="016-credit-card-2" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="018-credit-card-3" href="https://www.flaticon.com/authors/vectors-market">Vectors Market</a>, <a data-file="022-like-heart-outline" href="https://www.flaticon.com/authors/fermam-aziz">Fermam Aziz</a>, <a data-file="023-search-magnifier-interface-symbol" href="https://www.flaticon.com/authors/linh-pham">Linh Pham</a>, <a data-file="024-key" href="https://www.flaticon.com/authors/simpleicon">SimpleIcon</a>, <a data-file="026-play" href="https://www.flaticon.com/authors/yannick">Yannick</a></p>

Examples:

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

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

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

<i class="flaticon-credit-card"></i>