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-play-arrow

Author: Google

.flaticon-right-arrow

Author: Lucy G

.flaticon-back

Author: Gregor Cresnar

.flaticon-message

Author: Good Ware

.flaticon-down-arrow

Author: Lucy G

.flaticon-industry

Author: Smashicons

.flaticon-helmet

Author: srip

.flaticon-apartment

Author: Smashicons

.flaticon-happy

Author: Freepik

.flaticon-broken-house

Author: Freepik

.flaticon-roof

Author: Freepik

.flaticon-roof-1

Author: Darius Dan

.flaticon-roof-2

Author: Freepik

.flaticon-roof-3

Author: Freepik

.flaticon-roof-4

Author: Smashicons

.flaticon-call-answer

Author: Freepik

.flaticon-facebook-placeholder-for-locate-places-on-maps

Author: SimpleIcon

.flaticon-maps-and-flags

Author: Freepik

.flaticon-mail

Author: Iconnice

License and attribution:

Font generated by flaticon.com.

Under CC: Google, Lucy G, Gregor Cresnar, Good Ware, Smashicons, srip, Freepik, Darius Dan, SimpleIcon, Iconnice

Copy the Attribution License:

Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="001-play-arrow" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="005-down-arrow" href="https://www.flaticon.com/authors/lucy-g">Lucy G</a>, <a data-file="003-back" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="004-message" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="015-roof-4" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="007-helmet" href="https://www.flaticon.com/authors/srip">srip</a>, <a data-file="018-maps-and-flags" href="http://www.freepik.com">Freepik</a>, <a data-file="012-roof-1" href="https://www.flaticon.com/authors/darius-dan">Darius Dan</a>, <a data-file="017-facebook-placeholder-for-locate-places-on-maps" href="https://www.flaticon.com/authors/simpleicon">SimpleIcon</a>, <a data-file="019-mail" href="https://www.flaticon.com/authors/iconnice">Iconnice</a>

Examples: