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

Author: Pixel perfect

.flaticon-check

Author: Pixel perfect

.flaticon-logout

Author: Pixel perfect

.flaticon-phone-call

Author: Gregor Cresnar

.flaticon-mail

Author: Stockio

.flaticon-account

Author: Bombasticon Studio

.flaticon-right-arrows

Author: Handicon

.flaticon-back-arrow

Author: Handicon

.flaticon-placeholder

Author: Pixel perfect

.flaticon-email

Author: Freepik

.flaticon-phone-call-1

Author: Ilham Fitrotul Hayat

.flaticon-quote

Author: Icon Mela

.flaticon-calendar

Author: Freepik

.flaticon-like

Author: Freepik

.flaticon-like-1

Author: Freepik

.flaticon-vr-glasses

Author: Freepik

.flaticon-open-book

Author: Freepik

.flaticon-doctor-bag

Author: Royyan Wijaya

.flaticon-raw-food

Author: Freepik

.flaticon-coin-stack

Author: Sebastian Belalcazar

.flaticon-flag

Author: Bogdan Rosu

.flaticon-share

Author: Pixel perfect

.flaticon-share-1

Author: Ilham Fitrotul Hayat

.flaticon-coins

Author: Those Icons

.flaticon-coins-1

Author: Muhazdinata

.flaticon-transformation

Author: Nixxdsgn

.flaticon-video

Author: feen

.flaticon-calendar-silhouette

Author: inkubators

.flaticon-responsibility

Author: Freepik

.flaticon-vector

Author: Freepik

.flaticon-pin

Author: kmg design

.flaticon-handshake

Author: Freepik

.flaticon-shield

Author: Freepik

.flaticon-dress

Author: Freepik

.flaticon-left-quotes-sign

Author: Freepik

.flaticon-right-arrow

Author: Prosymbols Premium

.flaticon-left-arrow

Author: Prosymbols Premium

.flaticon-heart

Author: Freepik

.flaticon-next

Author: Kiranshastry

.flaticon-left-arrow-1

Author: Becris

.flaticon-sms-bubble-speech

Author: Google

.flaticon-profile

Author: Tanah Basah

.flaticon-heart-1

Author: Freepik

.flaticon-up-arrow

Author: Prosymbols Premium

.flaticon-down-arrow

Author: Prosymbols Premium

.flaticon-dots-menu

Author: Freepik

.flaticon-checkbox-mark

Author: Freepik

License and attribution:

Font generated by flaticon.com.

Under CC: Pixel perfect, Gregor Cresnar, Stockio, Bombasticon Studio, Handicon, Freepik, Ilham Fitrotul Hayat, Icon Mela, Royyan Wijaya, Sebastian Belalcazar, Bogdan Rosu, Those Icons, Muhazdinata, Nixxdsgn, feen, inkubators, kmg design, Prosymbols Premium, Kiranshastry, Becris, Google, Tanah Basah

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="share" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="phone-call" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="mail" href="https://www.flaticon.com/authors/stockio">Stockio</a>, <a data-file="account" href="https://www.flaticon.com/authors/bombasticon-studio">Bombasticon Studio</a>, <a data-file="back-arrow" href="https://www.flaticon.com/authors/handicon">Handicon</a>, <a data-file="checkbox-mark" href="http://www.freepik.com">Freepik</a>, <a data-file="share-1" href="https://www.flaticon.com/authors/ilham-fitrotul-hayat">Ilham Fitrotul Hayat</a>, <a data-file="quote" href="https://www.flaticon.com/authors/icon-mela">Icon Mela</a>, <a data-file="doctor-bag" href="https://www.flaticon.com/authors/royyan-wijaya">Royyan Wijaya</a>, <a data-file="coin-stack" href="https://www.flaticon.com/authors/sebastian-belalcazar">Sebastian Belalcazar</a>, <a data-file="flag" href="https://www.flaticon.com/authors/bogdan-rosu">Bogdan Rosu</a>, <a data-file="coins" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="coins-1" href="https://www.flaticon.com/authors/muhazdinata">Muhazdinata</a>, <a data-file="transformation" href="https://www.flaticon.com/authors/nixxdsgn">Nixxdsgn</a>, <a data-file="video" href="https://www.flaticon.com/authors/feen">feen</a>, <a data-file="calendar-silhouette" href="https://www.flaticon.com/authors/inkubators">inkubators</a>, <a data-file="pin" href="https://www.flaticon.com/authors/kmg-design">kmg design</a>, <a data-file="down-arrow" href="https://www.flaticon.com/authors/prosymbols-premium">Prosymbols Premium</a>, <a data-file="next" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="left-arrow-1" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="sms-bubble-speech" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="profile" href="https://www.flaticon.com/authors/tanah-basah">Tanah Basah</a></p>

Examples:

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

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

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

<i class="flaticon-phone-call"></i>

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

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

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

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

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

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

<i class="flaticon-phone-call-1"></i>

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

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

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

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

<i class="flaticon-vr-glasses"></i>

<i class="flaticon-open-book"></i>

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

<i class="flaticon-raw-food"></i>

<i class="flaticon-coin-stack"></i>

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