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

Author: Pixel perfect

.flaticon-search

Author: Royyan Wijaya

.flaticon-trolley-cart

Author: uicon

.flaticon-cancel

Author: Roundicons

.flaticon-web-programming

Author: Icongeek26

.flaticon-career

Author: Freepik

.flaticon-data-science

Author: juicy_fish

.flaticon-bullhorn

Author: wanicon

.flaticon-facial-treatment

Author: Smashicons

.flaticon-photography

Author: Freepik

.flaticon-curve

Author: LAFS

.flaticon-herbal

Author: smalllikeart

.flaticon-online-course

Author: surang

.flaticon-certificate

Author: itim2101

.flaticon-laptop

Author: Smashicons

.flaticon-quotes

Author: LAFS

.flaticon-align-left

Author: bayu015

.flaticon-user-1

Author: Freepik

.flaticon-like

Author: Freepik

.flaticon-previous

Author: Pixel perfect

.flaticon-book

Author: wanicon

.flaticon-menu-1

Author: Phoenix Group

.flaticon-clock

Author: bqlqn

.flaticon-clock-1

Author: Ilham Fitrotul Hayat

.flaticon-pin

Author: Freepik

.flaticon-idea

Author: Freepik

.flaticon-graduating-student-1

Author: Aficons studio

.flaticon-online-course-2

Author: yaicon

.flaticon-teacher-1

Author: monkik

.flaticon-filter

Author: Tempo_doloe

.flaticon-play

Author: Freepik

.flaticon-youtube

Author: edt.im

.flaticon-lock

Author: Royyan Wijaya

.flaticon-people

Author: Muhazdinata

.flaticon-computer

Author: Pixel perfect

.flaticon-wall-clock

Author: Maxim Basinski Premium

.flaticon-earth-grid-select-language-button

Author: Google

.flaticon-files

Author: Smartline

.flaticon-award

Author: Lagot Design

.flaticon-list

Author: Freepik

.flaticon-menu-2

Author: Freepik

.flaticon-global

Author: Becris

.flaticon-bookmark-white

Author: Dave Gandy

.flaticon-calendar

Author: Becris

.flaticon-pin-1

Author: kmg design

.flaticon-video-marketing

Author: Freepik

.flaticon-share

Author: Pixel perfect

.flaticon-avatar

Author: Freepik

.flaticon-video-camera

Author: Kiranshastry

.flaticon-place

Author: Kiranshastry

License and attribution:

Font generated by flaticon.com.

Under CC: Pixel perfect, Royyan Wijaya, uicon, Roundicons, Icongeek26, Freepik, juicy_fish, wanicon, Smashicons, LAFS, smalllikeart, surang, itim2101, bayu015, Phoenix Group, bqlqn, Ilham Fitrotul Hayat, Aficons studio, yaicon, monkik, Tempo_doloe, edt.im, Muhazdinata, Maxim Basinski Premium, Google, Smartline, Lagot Design, Becris, Dave Gandy, kmg design, Kiranshastry

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="share" href="https://www.flaticon.com/authors/pixel-perfect">Pixel perfect</a>, <a data-file="lock" href="https://www.flaticon.com/authors/royyan-wijaya">Royyan Wijaya</a>, <a data-file="trolley-cart" href="https://www.flaticon.com/authors/uicon">uicon</a>, <a data-file="cancel" href="https://www.flaticon.com/authors/roundicons">Roundicons</a>, <a data-file="web-programming" href="https://www.flaticon.com/authors/icongeek26">Icongeek26</a>, <a data-file="avatar" href="http://www.freepik.com">Freepik</a>, <a data-file="data-science" href="https://www.flaticon.com/authors/juicy-fish">juicy_fish</a>, <a data-file="book" href="https://www.flaticon.com/authors/wanicon">wanicon</a>, <a data-file="laptop" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="quotes" href="https://www.flaticon.com/authors/lafs">LAFS</a>, <a data-file="herbal" href="https://www.flaticon.com/authors/smalllikeart">smalllikeart</a>, <a data-file="online-course" href="https://www.flaticon.com/authors/surang">surang</a>, <a data-file="certificate" href="https://www.flaticon.com/authors/itim2101">itim2101</a>, <a data-file="align-left" href="https://www.flaticon.com/authors/bayu015">bayu015</a>, <a data-file="menu-1" href="https://www.flaticon.com/authors/phoenix-group">Phoenix Group</a>, <a data-file="clock" href="https://www.flaticon.com/authors/bqlqn">bqlqn</a>, <a data-file="clock-1" href="https://www.flaticon.com/authors/ilham-fitrotul-hayat">Ilham Fitrotul Hayat</a>, <a data-file="graduating-student-1" href="https://www.flaticon.com/authors/aficons-studio">Aficons studio</a>, <a data-file="online-course-2" href="https://www.flaticon.com/authors/yaicon">yaicon</a>, <a data-file="teacher-1" href="https://www.flaticon.com/authors/monkik">monkik</a>, <a data-file="filter" href="https://www.flaticon.com/authors/tempo-doloe">Tempo_doloe</a>, <a data-file="youtube" href="https://www.flaticon.com/authors/edtim">edt.im</a>, <a data-file="people" href="https://www.flaticon.com/authors/muhazdinata">Muhazdinata</a>, <a data-file="wall-clock" href="https://www.flaticon.com/authors/maxim-basinski-premium">Maxim Basinski Premium</a>, <a data-file="earth-grid-select-language-button" href="https://www.flaticon.com/authors/google">Google</a>, <a data-file="files" href="https://www.flaticon.com/authors/smartline">Smartline</a>, <a data-file="award" href="https://www.flaticon.com/authors/lagot-design">Lagot Design</a>, <a data-file="calendar" href="https://www.flaticon.com/authors/becris">Becris</a>, <a data-file="bookmark-white" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="pin-1" href="https://www.flaticon.com/authors/kmg-design">kmg design</a>, <a data-file="place" href="https://www.flaticon.com/authors/kiranshastry">Kiranshastry</a>

Examples:

<i class="flatico