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-sstt-direction-1

Author: Freepik

.flaticon-sstt-arrows-28

Author: Eleonor Wang

.flaticon-sstt-up-arrow-6

Author: Freepik

.flaticon-sstt-arrows-26

Author: Freepik

.flaticon-sstt-arrows-25

Author: Eleonor Wang

.flaticon-sstt-arrows-24

Author: Freepik

.flaticon-sstt-arrows-23

Author: Freepik

.flaticon-sstt-shapes

Author: Josh Somers

.flaticon-sstt-art

Author: Freepik

.flaticon-sstt-arrows-22

Author: Freepik

.flaticon-sstt-arrows-21

Author: Freepik

.flaticon-sstt-arrows-20

Author: Freepik

.flaticon-sstt-up-arrow-5

Author: Swifticons

.flaticon-sstt-up-arrow-4

Author: Smashicons

.flaticon-sstt-straight-direction

Author: Freepik

.flaticon-sstt-swipe-up-gesture-stroke

Author: Yannick

.flaticon-sstt-up-arrow-3

Author: Alfredo Hernandez

.flaticon-sstt-interface-2

Author: Smashicons

.flaticon-sstt-attraction

Author: Freepik

.flaticon-sstt-arrows-19

Author: Swifticons

.flaticon-sstt-arrows-18

Author: Freepik

.flaticon-sstt-arrows-17

Author: Freepik

.flaticon-sstt-arrows-16

Author: Freepik

.flaticon-sstt-arrows-15

Author: Gregor Cresnar

.flaticon-sstt-transport-1

Author: Freepik

.flaticon-sstt-arrows-14

Author: Gregor Cresnar

.flaticon-sstt-interface-1

Author: Swifticons

.flaticon-sstt-arrows-13

Author: Freepik

.flaticon-sstt-arrows-12

Author: Alfredo Hernandez

.flaticon-sstt-arrows-11

Author: Freepik

.flaticon-sstt-arrows-10

Author: Freepik

.flaticon-sstt-arrows-9

Author: Swifticons

.flaticon-sstt-arrows-8

Author: Alfredo Hernandez

.flaticon-sstt-up-arrow-2

Author: Catalin Fertu

.flaticon-sstt-arrows-7

Author: Alfredo Hernandez

.flaticon-sstt-direction

Author: Freepik

.flaticon-sstt-arrows-6

Author: Dario Ferrando

.flaticon-sstt-arrows-5

Author: Dario Ferrando

.flaticon-sstt-arrows-4

Author: Dario Ferrando

.flaticon-sstt-transport

Author: Freepik

.flaticon-sstt-arrows-3

Author: Freepik

.flaticon-sstt-arrows-2

Author: Freepik

.flaticon-sstt-arrows-1

Author: Freepik

.flaticon-sstt-interface

Author: Freepik

.flaticon-sstt-arrows

Author: Freepik

.flaticon-sstt-up-arrow-1

Author: Dario Ferrando

.flaticon-sstt-upload

Author: Freepik

.flaticon-sstt-up-arrow

Author: Smashicons

.flaticon-sstt-upload-1

Author: Freepik

License and attribution:

Font generated by flaticon.com.

Under CC: Smashicons, Freepik, Dario Ferrando, Alfredo Hernandez, Catalin Fertu, Swifticons, Gregor Cresnar, Yannick, Josh Somers, Eleonor Wang

Copy the Attribution License:

Font generated by <a href="http://www.flaticon.com">flaticon.com</a>. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="015-up-arrow-4" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="050-upload-1" href="http://www.freepik.com">Freepik</a>, <a data-file="038-arrows-6" href="https://www.flaticon.com/authors/dario-ferrando">Dario Ferrando</a>, <a data-file="018-up-arrow-3" href="https://www.flaticon.com/authors/alfredo-hernandez">Alfredo Hernandez</a>, <a data-file="035-up-arrow-2" href="https://www.flaticon.com/authors/catalin-fertu">Catalin Fertu</a>, <a data-file="014-up-arrow-5" href="https://www.flaticon.com/authors/swifticons">Swifticons</a>, <a data-file="025-arrows-15" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="017-swipe-up-gesture-stroke" href="https://www.flaticon.com/authors/yannick">Yannick</a>, <a data-file="009-shapes" href="https://www.flaticon.com/authors/josh-somers">Josh Somers</a>, <a data-file="002-arrows-28" href="https://www.flaticon.com/authors/eleonor-wang">Eleonor Wang</a></p>

Examples:

<i class="flaticon-sstt-direction-1"></i>

<i class="flaticon-sstt-arrows-28"></i>

<i class="flaticon-sstt-up-arrow-6"></i>

<i class="flaticon-sstt-arrows-26"></i>