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-magnifying-glass

Author: Gregor Cresnar

.flaticon-profile

Author: Lucy G

.flaticon-bag

Author: Gregor Cresnar

.flaticon-right-arrow

Author: Lyolya

.flaticon-left-arrow

Author: Lyolya

.flaticon-right-arrow-1

Author: Lucy G

.flaticon-left-arrow-1

Author: Lucy G

.flaticon-mail

Author: Freepik

.flaticon-flame

Author: Freepik

.flaticon-clock

Author: Lyolya

.flaticon-comment

Author: Freepik

.flaticon-chat

Author: Bryn Taylor

.flaticon-heart

Author: Gregor Cresnar

.flaticon-valentines-heart

Author: Freepik

.flaticon-filter

Author: Freepik

.flaticon-loading

Author: Minh Hoang

.flaticon-checked

Author: Freepik

.flaticon-tick

Author: Freepik

.flaticon-close

Author: Cole Bemis

.flaticon-circular-check-button

Author: Bryn Taylor

.flaticon-check

Author: Freepik

.flaticon-play-button

Author: Freepik

.flaticon-360-degrees

Author: Metropolicons

.flaticon-login

Author: Freepik

.flaticon-menu

Author: Google

.flaticon-menu-1

Author: Freepik

.flaticon-placeholder

Author: Freepik

.flaticon-metre

Author: Vitaly Gorbachev

.flaticon-share

Author: Gregor Cresnar

.flaticon-shuffle

Author: Gregor Cresnar

.flaticon-running

Author: Smashicons

.flaticon-recycle

Author: Icongeek26

.flaticon-instagram

Author: Freepik

.flaticon-delivery-truck

Author: Good Ware

.flaticon-closed-lock

Author: Elegant Themes

.flaticon-support

Author: Becris

.flaticon-diamond

Author: Freepik

.flaticon-high-heels

Author: Freepik

.flaticon-shirt

Author: Freepik

.flaticon-dress

Author: Freepik

.flaticon-shirt-1

Author: Freepik

.flaticon-glasses

Author: Kiranshastry

.flaticon-shopping-bag

Author: Freepik

.flaticon-trousers

Author: Darius Dan

.flaticon-user

Author: Freepik

.flaticon-magnifying-glass-1

Author: Vectors Market

.flaticon-shopping-bag-1

Author: Alexey Tretina

.flaticon-envelope

Author: Gregor Cresnar

.flaticon-instagram-1

Author: Freepik

.flaticon-rocket-ship

Author: Freepik

.flaticon-refresh

Author: Becris

.flaticon-return

Author: Smartline

.flaticon-padlock

Author: Freepik

.flaticon-random

Author: Hadrien

License and attribution:

Font generated by flaticon.com.

Under CC: Gregor Cresnar, Lucy G, Lyolya, Freepik, Bryn Taylor, Minh Hoang, Cole Bemis, Metropolicons, Google, Vitaly Gorbachev, Smashicons, Icongeek26, Good Ware, Elegant Themes, Becris, Kiranshastry, Darius Dan, Vectors Market, Alexey Tretina, Smartline, Hadrien

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="048-envelope" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="007-left-arrow-1" href="https://www.flaticon.com/authors/lucy-g">Lucy G</a>, <a data-file="010-clock" href="https://www.flaticon.com/authors/lyolya">Lyolya</a>, <a data-file="053-padlock" href="http://www.freepik.com">Freepik</a>, <a data-file="020-circular-check-button" href="https://www.flaticon.com/authors/bryn-taylor">Bryn Taylor</a>, <a data-file="016-loading" href="https://www.flaticon.com/authors/minh-hoang">Minh Hoang</a>, <a data-file="019-close" href="https://www.flaticon.com/authors/cole-bemis">Cole Bemis</a>, <a data-file="023-degrees" href="https://www.flaticon.com/authors/metropolicons">Metropolicons</a>, <a data-file="025-menu" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="028-metre" href="https://www.flaticon.com/authors/vitaly-gorbachev">Vitaly Gorbachev</a>, <a data-file="031-running" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="032-recycle" href="https://www.flaticon.com/authors/icongeek26">Icongeek26</a>, <a data-file="034-delivery-truck" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="035-closed-lock" href="https://www.flaticon.com/authors/elegant-themes">Elegant Themes</a>, <a data-file="051-refresh" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="042-glasses" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="044-trousers" href="https://www.flaticon.com/authors/darius-dan">Darius Dan</a>, <a data-file="046-magnifying-glass-1" href="https://www.flaticon.com/authors/vectors-market">Vectors Market</a>, <a data-file="047-shopping-bag-1" href="https://www.flaticon.com/authors/alexey-tretina">Alexey Tretina</a>, <a data-file="052-return" href="https://www.flaticon.com/authors/smartline">Smartline</a>, <a data-file="054-random" href="https://www.flaticon.com/authors/hadrien">Hadrien</a></p>

Examples:

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

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

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

<i class="flaticon-right-arrow"></i>