Flaticon Webfont

Webfont Instructions

1. Copy the "Fonts" files and CSS files to your website CSS folder.
2. Add 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>
3. Use the icon class on "display: inline" elements:
Use example:  or

.flaticon-bicycle

Author: Freepik

.flaticon-mountain-bike

Author: Vitaly Gorbachev

.flaticon-bike

Author: Google

.flaticon-bicyclist

Author: AbtoCreative

.flaticon-bycicle

Author: adriansyah

.flaticon-location

Author: Nikita Golubev

.flaticon-chain

Author: Eucalyp

.flaticon-location-1

Author: Nikita Golubev

.flaticon-sun-umbrella

Author: Freepik

.flaticon-summer-holidays

Author: apien

.flaticon-bedroom

Author: winnievinzence

.flaticon-hotel

Author: Becris

.flaticon-bed

Author: Cursor Creative

.flaticon-zypern

Author: Freepik

.flaticon-platzhalter

Author: Freepik

.flaticon-platzhalter-1

Author: Freepik

.flaticon-email

Author: Freepik

.flaticon-telefon

Author: Freepik

.flaticon-anruf

Author: Freepik

.flaticon-telefon-1

Author: Fajar Sullivan

.flaticon-kundendienst

Author: Freepik

.flaticon-booking

Author: Aldo Cervantes

.flaticon-booking-1

Author: Freepik

.flaticon-booking-2

Author: Freepik

.flaticon-appointment

Author: Freepik

.flaticon-travel-map

Author: surang

.flaticon-restaurant

Author: Freepik

.flaticon-restaurant-1

Author: Freepik

.flaticon-dish

Author: Freepik

.flaticon-eating

Author: Freepik

.flaticon-megaphone

Author: cahiwak

.flaticon-envelope

Author: Pixel perfect

.flaticon-sun

Author: Good Ware

.flaticon-sunny

Author: kosonicon

.flaticon-electric-bike

Author: kmg design

.flaticon-helmet

Author: Freepik

.flaticon-bicycle-1

Author: Freepik

.flaticon-saddle

Author: Freepik

.flaticon-helmet-1

Author: Freepik

.flaticon-brake

Author: Freepik

.flaticon-brake-1

Author: Freepik

.flaticon-water

Author: Freepik

License and attribution:

Font generated by flaticon.com.

Under CC: Freepik, Vitaly Gorbachev, Google, AbtoCreative, adriansyah, Nikita Golubev, Eucalyp, apien, winnievinzence, Becris, Cursor Creative, Fajar Sullivan, Aldo Cervantes, surang, cahiwak, Pixel perfect, Good Ware, kosonicon, kmg design

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="water" href="http://www.freepik.com">Freepik</a>, <a data-file="mountain-bike" href="https://www.flaticon.com/authors/vitaly-gorbachev">Vitaly Gorbachev</a>, <a data-file="bike" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="bicyclist" href="https://www.flaticon.com/authors/abtocreative">AbtoCreative</a>, <a data-file="bycicle" href="https://www.flaticon.com/authors/adriansyah">adriansyah</a>, <a data-file="location-1" href="https://www.flaticon.com/authors/nikita-golubev">Nikita Golubev</a>, <a data-file="chain" href="https://www.flaticon.com/authors/eucalyp">Eucalyp</a>, <a data-file="summer-holidays" href="https://www.flaticon.com/authors/apien">apien</a>, <a data-file="bedroom" href="https://www.flaticon.com/authors/winnievinzence">winnievinzence</a>, <a data-file="hotel" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="bed" href="https://www.flaticon.com/authors/cursor-creative">Cursor Creative</a>, <a data-file="telefon-1" href="https://www.flaticon.com/authors/fajar-sullivan">Fajar Sullivan</a>, <a data-file="booking" href="https://www.flaticon.com/authors/aldo-cervantes">Aldo Cervantes</a>, <a data-file="travel-map" href="https://www.flaticon.com/authors/surang">surang</a>, <a data-file="megaphone" href="https://www.flaticon.com/authors/cahiwak">cahiwak</a>, <a data-file="envelope" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="sun" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="sunny" href="https://www.flaticon.com/authors/kosonicon">kosonicon</a>, <a data-file="electric-bike" href="https://www.flaticon.com/authors/kmg-design">kmg design</a>

Examples:

<i class=