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

Author: Freepik

.flaticon-mail

Author: Iconnice

.flaticon-headset

Author: Freepik

.flaticon-right-arrow

Author: Lucy G

.flaticon-right-quotes-symbol

Author: Freepik

.flaticon-start

Author: Daniel Bruce

.flaticon-round-help-button

Author: Freepik

.flaticon-phone-receiver

Author: Zurb

.flaticon-id-card

Author: Smashicons

.flaticon-briefcase

Author: Those Icons

.flaticon-next-1

Author: Eleonor Wang

.flaticon-next

Author: Gregor Cresnar

.flaticon-left-quotes-sign

Author: Freepik

.flaticon-close-envelope

Author: Yannick

.flaticon-supermarket

Author: Freepik

.flaticon-user-silhouette

Author: Freepik

.flaticon-delivery-truck

Author: Freepik

.flaticon-coin

Author: Freepik

.flaticon-checked

Author: Eleonor Wang

.flaticon-repeat

Author: Stephen Hutchings

.flaticon-delete

Author: Freepik

License and attribution:

Font generated by flaticon.com.

Under CC: Freepik, Iconnice, Daniel Bruce, Smashicons, Zurb, Those Icons, Gregor Cresnar, Eleonor Wang, Yannick, Stephen Hutchings, Lucy G

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="021-delete" href="http://www.freepik.com">Freepik</a>, <a data-file="002-mail" href="https://www.flaticon.com/authors/iconnice">Iconnice</a>, <a data-file="006-start" href="https://www.flaticon.com/authors/daniel-bruce">Daniel Bruce</a>, <a data-file="009-id-card" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="008-phone-receiver" href="https://www.flaticon.com/authors/zurb">Zurb</a>, <a data-file="010-briefcase" href="https://www.flaticon.com/authors/those-icons">Those Icons</a>, <a data-file="012-next" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="019-checked" href="https://www.flaticon.com/authors/eleonor-wang">Eleonor Wang</a>, <a data-file="014-close-envelope" href="https://www.flaticon.com/authors/yannick">Yannick</a>, <a data-file="020-repeat" href="https://www.flaticon.com/authors/stephen-hutchings">Stephen Hutchings</a>, <a data-file="004-right-arrow" href="https://www.flaticon.com/authors/lucy-g">Lucy G</a>

Examples: