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

devsdesign: Freepik

.flaticon-flower

devsdesign: Freepik

.flaticon-timer

devsdesign: Freepik

.flaticon-suitcase

devsdesign:

.flaticon-chess-piece

devsdesign:

.flaticon-clock

devsdesign:

.flaticon-time-call

devsdesign: Smashicons

.flaticon-phone

devsdesign: Smashicons

.flaticon-call

devsdesign: Smashicons

.flaticon-email

devsdesign: Smashicons

.flaticon-location

devsdesign: Smashicons

.flaticon-send

devsdesign: Smashicons

.flaticon-bag

devsdesign: Freepik

.flaticon-supermarket

devsdesign: smalllikeart

.flaticon-basket

devsdesign: Those Icons

.flaticon-shopping-bag

devsdesign: Those Icons

.flaticon-right-arrow

devsdesign: Lyolya

.flaticon-left-arrow

devsdesign: Lyolya

.flaticon-back

devsdesign: Gregor Cresnar

.flaticon-right-arrow-1

devsdesign: Lucy G

.flaticon-next

devsdesign: Iconnice

.flaticon-back-1

devsdesign: Iconnice

.flaticon-upload

devsdesign: Iconnice

.flaticon-next-1

devsdesign: srip

.flaticon-ui

devsdesign: srip

.flaticon-next-2

devsdesign: Gregor Cresnar

.flaticon-back-2

devsdesign: Freepik

.flaticon-play-button

devsdesign: Smashicons

.flaticon-play-button-1

devsdesign: Freepik

.flaticon-picture

devsdesign:

.flaticon-image

devsdesign: Freepik

.flaticon-gallery

devsdesign: Kiranshastry

.flaticon-pictures

devsdesign: Freepik

.flaticon-unlink

devsdesign: Smashicons

.flaticon-link

devsdesign: Smashicons

.flaticon-link-1

devsdesign: Creaticca Creative Agency

.flaticon-link-2

devsdesign: Chanut

.flaticon-speaker

devsdesign: Smashicons

.flaticon-speaker-1

devsdesign: Smashicons

.flaticon-picture-1

devsdesign: Smashicons

.flaticon-picture-2

devsdesign: Good Ware

.flaticon-right-quote

devsdesign: Elias Bikbulatov

.flaticon-error

devsdesign: Smashicons

.flaticon-cross

devsdesign: Freepik

.flaticon-search

devsdesign: Smashicons

.flaticon-shopping-bag-1

devsdesign: Roundicons

.flaticon-eye

devsdesign: Freepik

.flaticon-user

devsdesign: Smashicons

.flaticon-user-1

devsdesign: EpicCoders

.flaticon-clock-1

devsdesign: Iconnice

.flaticon-comment

devsdesign: Smashicons

.flaticon-folder

devsdesign: Smashicons

.flaticon-price-tag

devsdesign: Smashicons

License and attribution:

Font generated by flaticon.com.

Under CC: Freepik, Smashicons, smalllikeart, Those Icons, Lyolya, Gregor Cresnar, Lucy G, Iconnice, srip, Kiranshastry, Creaticca Creative Agency, Chanut, Good Ware, Elias Bikbulatov, Roundicons, EpicCoders,

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="048-eye" href="http://www.freepik.com">Freepik</a>, <a data-file="054-price-tag" href="https://www.flaticon.com/devsdesigns/smashicons">Smashicons</a>, <a data-file="015-supermarket" href="https://www.flaticon.com/devsdesigns/smalllikeart">smalllikeart</a>, <a data-file="017-shopping-bag" href="https://www.flaticon.com/devsdesigns/those-icons">Those Icons</a>, <a data-file="019-left-arrow" href="https://www.flaticon.com/devsdesigns/lyolya">Lyolya</a>, <a data-file="027-next-2" href="https://www.flaticon.com/devsdesigns/gregor-cresnar">Gregor Cresnar</a>, <a data-file="021-right-arrow-1" href="https://www.flaticon.com/devsdesigns/lucy-g">Lucy G</a>, <a data-file="051-clock-1" href="https://www.flaticon.com/devsdesigns/iconnice">Iconnice</a>, <a data-file="026-ui" href="https://www.flaticon.com/devsdesigns/srip">srip</a>, <a data-file="033-gallery" href="https://www.flaticon.com/devsdesigns/kiranshastry">Kiranshastry</a>, <a data-file="037-link-1" href="https://www.flaticon.com/devsdesigns/creaticca-creative-agency">Creaticca Creative Agency</a>, <a data-file="038-link-2" href="https://www.flaticon.com/devsdesigns/chanut">Chanut</a>, <a data-file="042-picture-2" href="https://www.flaticon.com/devsdesigns/good-ware">Good Ware</a>, <a data-file="043-right-quote" href="https://www.flaticon.com/devsdesigns/elias-bikbulatov">Elias Bikbulatov</a>, <a data-file="047-shopping-bag-1" href="https://www.flaticon.com/devsdesigns/roundicons">Roundicons</a>, <a data-file="050-user-1" href="https://www.flaticon.com/devsdesigns/epiccoders">EpicCoders</a>, <a data-file="031-picture" href="https://www.flaticon.com/devsdesigns/"></a></p>

Examples:

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

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

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

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