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

Author: Smashicons

.flaticon-magnifying-glass

Author: Gregor Cresnar

.flaticon-search-1

Author: Smashicons

.flaticon-search-2

Author: Smashicons

.flaticon-plus-symbol

Author: Lyolya

.flaticon-add-plus-button

Author: Google

.flaticon-add

Author: srip

.flaticon-plus

Author: Freepik

.flaticon-plus-1

Author: Freepik

.flaticon-plus-2

Author: Gregor Cresnar

.flaticon-add-circular-button

Author: Robin Kylander

.flaticon-add-1

Author: Smashicons

.flaticon-square-add-button

Author: Google

.flaticon-shopping-cart

Author: Vectors Market

.flaticon-shopping-cart-1

Author: Gregor Cresnar

.flaticon-shopping-cart-2

Author: Stephen Hutchings

.flaticon-shopping-cart-3

Author: Google

.flaticon-shopping-cart-4

Author: Freepik

.flaticon-shopping-online

Author: Icongeek26

.flaticon-shopping-bag

Author: Gregor Cresnar

.flaticon-bag

Author: Iconnice

.flaticon-cart

Author: Anton Saputro

.flaticon-bag-1

Author: Roundicons

.flaticon-bag-2

Author: Good Ware

.flaticon-supermarket

Author: Freepik

.flaticon-next

Author: Gregor Cresnar

.flaticon-back

Author: Gregor Cresnar

.flaticon-play-button

Author: Smashicons

.flaticon-play-button-1

Author: Smashicons

.flaticon-play-button-2

Author: Smashicons

.flaticon-down-arrow

Author: Lucy G

.flaticon-next-1

Author: Iconnice

.flaticon-back-1

Author: Iconnice

.flaticon-upload

Author: Freepik

.flaticon-chevron

Author: Freepik

.flaticon-download

Author: Iconnice

.flaticon-user

Author: Freepik

.flaticon-profile

Author: Lucy G

.flaticon-man-user

Author: Freepik

.flaticon-users

Author: Smashicons

.flaticon-group-profile-users

Author: Dave Gandy

.flaticon-eye-open

Author: Dave Gandy

.flaticon-time

Author: Smashicons

.flaticon-close

Author: Alfredo Hernandez

License and attribution:

Font generated by flaticon.com.

Under CC: Smashicons, Gregor Cresnar, Lyolya, Google, srip, Freepik, Robin Kylander, Vectors Market, Stephen Hutchings, Icongeek26, Iconnice, Anton Saputro, Roundicons, Good Ware, Lucy G, Dave Gandy, Alfredo Hernandez

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="043-time" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="027-back" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="005-plus-symbol" href="https://www.flaticon.com/authors/lyolya">Lyolya</a>, <a data-file="017-shopping-cart-3" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="007-add" href="https://www.flaticon.com/authors/srip">srip</a>, <a data-file="039-man-user" href="http://www.freepik.com">Freepik</a>, <a data-file="011-add-circular-button" href="https://www.flaticon.com/authors/robin-kylander">Robin Kylander</a>, <a data-file="014-shopping-cart" href="https://www.flaticon.com/authors/vectors-market">Vectors Market</a>, <a data-file="016-shopping-cart-2" href="https://www.flaticon.com/authors/stephen-hutchings">Stephen Hutchings</a>, <a data-file="019-shopping-online" href="https://www.flaticon.com/authors/icongeek26">Icongeek26</a>, <a data-file="036-download" href="https://www.flaticon.com/authors/iconnice">Iconnice</a>, <a data-file="022-cart" href="https://www.flaticon.com/authors/anton-saputro">Anton Saputro</a>, <a data-file="023-bag-1" href="https://www.flaticon.com/authors/roundicons">Roundicons</a>, <a data-file="024-bag-2" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="038-profile" href="https://www.flaticon.com/authors/lucy-g">Lucy G</a>, <a data-file="042-eye-open" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="044-close" href="https://www.flaticon.com/authors/alfredo-hernandez">Alfredo Hernandez</a></p>

Examples:

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

<i class="flaticon-magnifying-glass"></i>

<i class="flaticon-search-1"></i>

<i class="flaticon-search-2"></i>