Flaticon SVG Sprite

SVG Sprite Demo

Instructions

1Copy the SVG Sprite file to your website.
2Insert the content of your SVG Sprite in your HTML code. <div hidden> <svg style="display: none;" xmlns="http://www.w3.org/2000/svg"> <symbol id="blueberries" viewbox="0 0 53.308 53.308"> <title> blueberries </title> <path d="M39.685,2.953c-7.524,0-13.623,6.099-13.623,13.623c0,2.243,0.552,4.353,1.512,6.219 c1.496-0.565,3.11-0.888,4.804-0.888c5.281,0,9.851,3.011,12.111,7.404c5.15-1.944,8.819-6.905,8.819-12.735 C53.308,9.052,47.208,2.953,39.685,2.953z" style="fill:#003879;"> </path> ... </svg> </div>
3Use the icons:
Use example:
<svg class="icon"> <use xlink:href="#blueberries" /> </svg>

#menu

#play-button-2

#sprout

#forest-3

#budding-leaves

#hand-shake-2

#hand-shake-1

#hand-shake

#coins-1

#money-1

#wallet-1

#coins

#give-money

#trophy

#medal-5

#medal-3

#medal-2

#ribbon-badge-award

#medal-1

#medal

#volunteer

#forest-view

#forest-2

#tree

#trees-1

#tree-leaf

#forest-1

#forest

#pine-tree

#trees

#recycle-symbol-of-three-leaves

#recycling-bin

#recycle-1

#recycle

#recycling

#recycling-symbol

#triangular-arrows-sign-for-recycle

#animal-prints

#animal-paw-print

#dog-paw

#sheep

#fish

#bird

#horse

#wind-turbine-silhouette

#eolic-energy-1

#eolic-energy

#rain-1

#rain

#recycling-water

#drop

#clock-2

#clock-1

#clock

#multimedia

#note

#web

#telephone

#vintage-cellphone

#smartphone

#communication

#social-1

#social

#settings-1

#photo-camera-4

#photo-camera-3

#tool-1

#stack

#sound

#stack-of-square-papers

#weather

#computer-screen

#map

#squares

#three

#menu-2

#menu-1

#quote

#left-quote-1

#right-quote-1

#left-quote

#right-quote

#team

#handshake

#tick-1

#tick

#maps-and-flags

#message

#eye-2

#stick-man-1

#stick-man

#technology-2

#technology-1

#sticker

#pie-chart-1

#placeholder

#speech-bubble

#heart-2

#bar-chart

#user

#close

#arrows-9

#arrows-8

#arrows-7

#up-arrow

#interface-5

#eye-1

#printer

#shield-2

#shield-1

#computer-1

#happiness-1

#happiness

#add-2

#play-button-1

#play-button

#calendar-1

#contact

#minus-2

#anchor

#plug

#wallet

#headset

#minus-1

#calendar

#plus

#minus

#add-1

#check-2

#check-1

#time-1

#remove

#envelope

#phone-call

#copy

#next

#avatar

#pie-chart

#star

#like

#settings

#heart-1

#garbage

#medal-4

#cogwheel-2

#shield

#package

#money

#headphones

#truck

#line-3

#stats

#correct

#search-1

#support-1

#multimedia-1

#rocket-launch

#search

#letter-1

#light-bulb

#nature

#blueprint

#coin

#food-2

#technology

#bullhorn

#time

#food-1

#new-file

#pin

#arrows-6

#line-2

#cross-2

#cross-1

#cogwheel-1

#home

#arrows-5

#heart

#add

#line-1

#check

#clock-4

#cogwheel

#shape

#music

#support

#people

#interface-4

#light-bulb-on

#note-1

#circle-3

#interface-3

#magnifying-glass-browser

#interface-2

#cross

#location

#delete-cross

#eye

#lock

#arrows-4

#arrows-3

#clock-3

#security-badge

#house-outline

#round-delete-button

#tick-inside-circle

#clock-circular-outline

#transport-1

#minus-sign-of-a-line-in-horizontal-position

#interface-1

#cellphone

#computer

#e-mail-envelope

#microphone

#smartphone-call

#graph-line-screen

#interface

#levels-adjust

#business

#letter

#blocks-with-angled-cuts

#straight-quotes

#prize-badge-with-star-and-ribbon

#cell-phone

#food

#photo-camera-2

#arrows-2

#photo-camera-1

#camera-shutter

#camera

#arrows-1

#round

#arrows

#check-symbol

#delete

#sign

#line

#transport

#symbol

#circle-2

#circle-1

#speech-bubble-outline-of-rectangular-shape

#circle

#tool

#earth

#smiling-emoticon-square-face

#map-marker-point

#photo-camera

#briefcase

#right-arrow