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>

.flaticons-right

Author: Smartline

.flaticons-skip

Author: Google

.flaticons-separation

Author: Freepik

.flaticons-microphone

Author: Kiranshastry

.flaticons-transfer

Author: Freepik

.flaticons-size

Author: Freepik

.flaticons-loop

Author: Pixel perfect

.flaticons-button

Author: Google

.flaticons-volume-2

Author: Those Icons

.flaticons-volume

Author: Those Icons

.flaticons-volume-3

Author: Those Icons

.flaticons-mute

Author: Pixel perfect

.flaticons-mute-1

Author: Icongeek26

.flaticons-volume-1

Author: Those Icons

.flaticons-mute-2

Author: DinosoftLabs

.flaticons-bell

Author: Freepik

.flaticons-notification

Author: Pixel perfect

.flaticons-silence

Author: Freepik

.flaticons-mute-microphone

Author: Vaadin

.flaticons-chat

Author: Freepik

.flaticons-missed-call

Author: Smashicons

.flaticons-merge

Author: Google

.flaticons-end

Author: Those Icons

.flaticons-contact

Author: Smashicons

.flaticons-help

Author: Those Icons

.flaticons-phone-call-1

Author: Pixel perfect

.flaticons-phone

Author: Freepik

.flaticons-incoming-call

Author: Freepik

.flaticons-phone-2

Author: Freepik

.flaticons-emergency-call

Author: Freepik

.flaticons-call-2

Author: Pixel perfect

.flaticons-call-3

Author: Freepik

.flaticons-telephone

Author: Pixel perfect

.flaticons-user

Author: bqlqn

.flaticons-phone-1

Author: Freepik

.flaticons-telephone-1

Author: Freepik

.flaticons-customer-service

Author: Freepik

.flaticons-merge-call

Author: Those Icons

.flaticons-phone-call

Author: Freepik

.flaticons-call

Author: Freepik

.flaticons-call-1

Author: Pixel perfect

.flaticons-phone-3

Author: Freepik

.flaticons-split-call

Author: Those Icons

.flaticons-healthcare-and-medical

Author: Freepik

.flaticons-update-arrows

Author: Freepik

.flaticons-around

Author: Freepik

.flaticons-shuffle

Author: Freepik

.flaticons-two-arrows

Author: Freepik

.flaticons-round-arrows

Author: Freepik

.flaticons-double-angle-pointing-to-right

Author: Dave Gandy

License and attribution:

Font generated by flaticon.com.

Under CC: Google, Kiranshastry, Those Icons, Pixel perfect, Freepik, Smartline, Icongeek26, DinosoftLabs, Vaadin, Smashicons, Dave Gandy, bqlqn

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="022-merge" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="004-microphone" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>, <a data-file="025-help" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="033-telephone" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="044-healthcare-and-medical" href="http://www.freepik.com">Freepik</a>, <a data-file="001-right" href="https://www.flaticon.com/authors/smartline">Smartline</a>, <a data-file="013-mute-1" href="https://www.flaticon.com/authors/icongeek26">Icongeek26</a>, <a data-file="015-mute-2" href="https://www.flaticon.com/authors/dinosoftlabs">DinosoftLabs</a>, <a data-file="019-mute-microphone" href="https://www.flaticon.com/authors/vaadin">Vaadin</a>, <a data-file="024-contact" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="050-double-angle-pointing-to-right" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="034-user" href="https://www.flaticon.com/authors/bqlqn">bqlqn</a></p>

Examples:

<i class="flaticons-right"></i>

<i class="flaticons-skip"></i>

<i class="flaticons-separation"></i>

<i class="flaticons-microphone"></i>