Flaticon Webfont

Webfont Instructions

1. Copy the "Fonts" files and CSS files to your website CSS folder.
2. Add 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>
3. Use the icon class on "display: inline" elements:
Use example: <i class="flaticon-airplane49"></i> or <span class="flaticon-airplane49"></span>

.flaticon-search-interface-symbol

Author: Catalin Fertu

.flaticon-arrow-down

Author: Muhammad Ali

.flaticon-arrow-up

Author: Muhammad Ali

.flaticon-arrow-right

Author: Muhammad Ali

.flaticon-arrow-left

Author: Muhammad Ali

.flaticon-tick

Author: Muhammad Ali

.flaticon-addition

Author: Muhammad Ali

.flaticon-remove

Author: Becris

.flaticon-menu-bar

Author: Evan Gerard K

.flaticon-sun

Author: Freepik

.flaticon-moon

Author: Good Ware

.flaticon-user

Author: Sergei Kokota

.flaticon-shopping-basket

Author: Those Icons

.flaticon-flash

Author: fjstudio

.flaticon-graph

Author: Smashicons

.flaticon-heart

Author: Vlad Szirka

.flaticon-chat

Author: flatart_icons

.flaticon-share

Author: Freepik

.flaticon-play

Author: Roundicons

.flaticon-envelope

Author: Freepik

.flaticon-black-check-box-with-white-check

Author: Google

.flaticon-open

Author: Freepik

.flaticon-paper-plane

Author: Pixel perfect

.flaticon-facebook

Author: NajmunNahar

.flaticon-twitter

Author: Pixel perfect

.flaticon-youtube

Author: Freepik

.flaticon-behance

Author: NajmunNahar

.flaticon-vimeo

Author: NajmunNahar

.flaticon-linkedin

Author: NajmunNahar

.flaticon-tumblr

Author: NajmunNahar

.flaticon-right-arrow

Author: kmg design

.flaticon-left

Author: kmg design

.flaticon-instagram

Author: edt.im

.flaticon-user-1

Author: Freepik

.flaticon-share-1

Author: Freepik

.flaticon-printer

Author: Freepik

.flaticon-checked

Author: Kiranshastry

License and attribution:

Font generated by flaticon.com.

Under CC: Catalin Fertu, Muhammad Ali, Becris, Evan Gerard K, Freepik, Good Ware, Sergei Kokota, Those Icons, fjstudio, Smashicons, Vlad Szirka, flatart_icons, Roundicons, Google, Pixel perfect, NajmunNahar, kmg design, edt.im, Kiranshastry

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="search-interface-symbol" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a>, <a data-file="addition" href="https://www.flaticon.com/authors/muhammad-ali">Muhammad Ali</a>, <a data-file="remove" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="menu-bar" href="https://www.flaticon.com/authors/evan-gerard-k">Evan Gerard K</a>, <a data-file="printer" href="http://www.freepik.com">Freepik</a>, <a data-file="moon" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="user" href="https://www.flaticon.com/authors/sergei-kokota">Sergei Kokota</a>, <a data-file="shopping-basket" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="flash" href="https://www.flaticon.com/authors/fjstudio">fjstudio</a>, <a data-file="graph" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="heart" href="https://www.flaticon.com/authors/vlad-szirka">Vlad Szirka</a>, <a data-file="chat" href="https://www.flaticon.com/authors/flatart-icons">flatart_icons</a>, <a data-file="play" href="https://www.flaticon.com/authors/roundicons">Roundicons</a>, <a data-file="black-check-box-with-white-check" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="twitter" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="tumblr" href="https://www.flaticon.com/authors/najmunnahar">NajmunNahar</a>, <a data-file="left" href="https://www.flaticon.com/authors/kmg-design">kmg design</a>, <a data-file="instagram" href="https://www.flaticon.com/authors/edtim">edt.im</a>, <a data-file="checked" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a></p>

Examples:

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

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

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

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

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

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

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

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

<i class="flaticon-menu-bar"></i>

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

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

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

<i class="flaticon-shopping-basket"></i>

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

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