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:  or

.flaticon-cancel

Author: Lucy G

.flaticon-close

Author: Chanut is Industries

.flaticon-menu

Author: Cole Bemis

.flaticon-instagram-logo

Author: Freepik

.flaticon-airplane-flight

Author: Freepik

.flaticon-google-plus-logo

Author: Freepik

.flaticon-facebook-logo

Author: Freepik

.flaticon-social-twitter-circular-button

Author: Alessio Atzeni

.flaticon-social-facebook-circular-button

Author: Alessio Atzeni

.flaticon-twitter-logo-silhouette

Author: Elegant Themes

.flaticon-google-plus-circular-button

Author: Linh Pham

.flaticon-facebook-letter-logo

Author: SimpleIcon

.flaticon-caret-arrow-up

Author: Dave Gandy

.flaticon-tumblr-logo

Author: Dave Gandy

.flaticon-pinterest-logo

Author: Elegant Themes

.flaticon-days

Author: Freepik

.flaticon-pinterest-social-logo

Author: Alessio Atzeni

License and attribution:

Font generated by flaticon.com.

Under CC: Freepik, Elegant Themes, Dave Gandy, SimpleIcon, Linh Pham, Alessio Atzeni, Cole Bemis, Chanut is Industries, Lucy G

Copy the Attribution License:

Font generated by <a href="http://www.flaticon.com">flaticon.com</a>. Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="004-instagram-logo" href="http://www.freepik.com">Freepik</a>, <a data-file="015-pinterest-logo" href="https://www.flaticon.com/authors/elegant-themes">Elegant Themes</a>, <a data-file="013-caret-arrow-up" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="012-facebook-letter-logo" href="https://www.flaticon.com/authors/simpleicon">SimpleIcon</a>, <a data-file="011-google-plus-circular-button" href="https://www.flaticon.com/authors/linh-pham">Linh Pham</a>, <a data-file="008-social-twitter-circular-button" href="https://www.flaticon.com/authors/alessio-atzeni">Alessio Atzeni</a>, <a data-file="003-menu" href="https://www.flaticon.com/authors/cole-bemis">Cole Bemis</a>, <a data-file="002-close" href="https://www.flaticon.com/authors/chanut-is-industries">Chanut is Industries</a>, <a data-file="001-cancel" href="https://www.flaticon.com/authors/lucy-g">Lucy G</a>

Examples: