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>

#connection

#analytics

#target

#close

#check-sign-in-a-rounded-black-square

#folder

#coins

#people

#upload-arrow

#upload

#upload-1

#placeholder-4

#briefcase-1

#select

#bar-chart

#send

#shopping-cart-1

#message

#home-1

#arrows-5

#file-1

#chat

#settings-1

#cloud

#envelope-1

#planet-earth

#placeholder-3

#interface-1

#layers-1

#edit-1

#trophy-1

#note-1

#telemarketer

#flash

#calendar-1

#smartphone-1

#technology-2

#edit

#user-2

#technology-1

#photo-camera

#arrows-4

#arrows-3

#speech-bubble

#heart-1

#paper-plane

#star-1

#graphic

#user-1

#previous

#arrows-2

#padlock

#right-arrow-3

#list

#drop

#unlink

#search-1

#like-2

#play-button-1

#users

#placeholder-2

#clock-2

#diamond

#layers

#like-1

#add

#play-button

#shopping-cart

#vector

#house

#share

#musical-note

#back-1

#next-2

#download

#star

#link

#like

#settings

#heart

#placeholder-1

#next-1

#garbage

#telephone

#money-bag

#shopping-bag-4

#piggy-bank-1

#headphones-1

#coin

#light-bulb

#favorite

#plus

#minus

#unchecked

#user

#timer

#profile

#cancel-1

#right-arrow-2

#left-arrow-2

#down-arrow

#search

#clock-1

#interface

#shopping-bag-3

#shopping-bag-2

#phone-call

#arrows-1

#magnifying-glass

#smartphone

#time

#left-arrow-1

#right-arrow-1

#minus-symbol

#plus-symbol

#clock

#download-arrow-1

#download-arrow

#envelope

#up-arrow

#pin

#people-1

#commenting

#technology

#share-symbol

#arrows

#sent-mail

#label

#menu-options

#web-page-home

#boat-anchor-1

#location-pin

#arrow-pointing-to-right

#right-arrow

#house-outline

#left-arrow

#round

#web-log-in

#check-symbol

#forward-arrow

#left-quote-1

#placeholder-filled-point

#right-quotation-sign

#left-quote

#menu-button-of-three-lines

#wifi-connection-signal-symbol

#world

#word-file

#symbol

#left-quotes

#right-quote-symbol

#right-quote-sign

#map-marker

#home

#tag-black-shape

#quote-left

#tags

#check-1

#user-shape

#telephone-handle-silhouette

#right-quotation-mark

#comments

#external-link-symbol

#earth

#pdf

#windows-8

#word

#pencil

#trophy

#e-mail-envelope

#go-back-arrow

#boat-anchor

#smartphone-call

#send-message-button

#android-logo

#web

#boat-lifesaver

#business

#arrow

#home-page

#blocks-with-angled-cuts

#straight-quotes

#quotation-marks

#file

#calendar

#price-tag

#next

#briefcase

#menu

#note

#placeholder

#checked

#check

#cancel

#back

#shopping-bag

#monitor

#piggy-bank

#headphones

#shopping-bag-1