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

Author: Freepik

.flaticon-home-interface

Author: Elegant Themes

.flaticon-download-arrow

Author: Lyolya

.flaticon-download

Author: Iconnice

.flaticon-cloud-computing

Author: Freepik

.flaticon-print-printer-tool-with-printed-paper-outlined-symbol

Author: Yannick

.flaticon-edit-a-document-interface-symbol-of-stroke

Author: Yannick

.flaticon-lock-outlined-padlock-symbol-for-security-interface

Author: Yannick

.flaticon-doc-file-format-symbol

Author: Freepik

.flaticon-pdf-2

Author: Smashicons

.flaticon-list

Author: Smashicons

.flaticon-folder-1

Author: Smashicons

.flaticon-folder

Author: Smashicons

.flaticon-file

Author: Smashicons

.flaticon-creative

Author: Good Ware

.flaticon-teacher-lecture-in-front-an-auditory

Author: Freepik

.flaticon-class-group

Author: Freepik

.flaticon-books-stack

Author: Freepik

.flaticon-pencil

Author: Freepik

.flaticon-university-lecture

Author: Freepik

.flaticon-school

Author: Payungkead

.flaticon-graduate-student-avatar

Author: Freepik

.flaticon-college-graduation

Author: Freepik

.flaticon-back

Author: Gregor Cresnar

.flaticon-next

Author: Gregor Cresnar

.flaticon-hotel

Author: Smashicons

.flaticon-open-book

Author: Zlatko Najdenovski

.flaticon-running

Author: Freepik

.flaticon-linkedin

Author: Roundicons

.flaticon-twitter

Author: Roundicons

.flaticon-facebook

Author: Roundicons

.flaticon-youtube

Author: Roundicons

.flaticon-placeholder-2

Author: Smashicons

.flaticon-placeholder-1

Author: Freepik

.flaticon-placeholder

Author: Smashicons

.flaticon-auricular-phone-symbol-in-a-circle

Author: SimpleIcon

.flaticon-mail

Author: Iconnice

.flaticon-smartphone

Author: Smashicons

.flaticon-phone-call

Author: Gregor Cresnar

License and attribution:

Font generated by flaticon.com.

Under CC: Gregor Cresnar, Smashicons, Iconnice, SimpleIcon, Freepik, Roundicons, Zlatko Najdenovski, Payungkead, Good Ware, Yannick, Lyolya, Elegant Themes

Copy the Attribution License:

Font generated by <a href="http://www.flaticon.com">flaticon.com</a>. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="029-back" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="013-pdf-2" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="006-download" href="https://www.flaticon.com/authors/iconnice">Iconnice</a>, <a data-file="041-auricular-phone-symbol-in-a-circle" href="https://www.flaticon.com/authors/simpleicon">SimpleIcon</a>, <a data-file="001-idea" href="http://www.freepik.com">Freepik</a>, <a data-file="034-linkedin" href="https://www.flaticon.com/authors/roundicons">Roundicons</a>, <a data-file="032-open-book" href="https://www.flaticon.com/authors/zlatko-najdenovski">Zlatko Najdenovski</a>, <a data-file="026-school" href="https://www.flaticon.com/authors/payungkead">Payungkead</a>, <a data-file="020-creative" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="008-print-printer-tool-with-printed-paper-outlined-symbol" href="https://www.flaticon.com/authors/yannick">Yannick</a>, <a data-file="005-download-arrow" href="https://www.flaticon.com/authors/lyolya">Lyolya</a>, <a data-file="002-home-interface" href="https://www.flaticon.com/authors/elegant-themes">Elegant Themes</a></p>

Examples:

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

<i class="flaticon-home-interface"></i>

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

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