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>

#folder

#video-camera

#stamp-1

#document

#stamp

#optimization

#doc

#rocket

#startup

#target-1

#international

#light-bulb

#select-1

#layers-2

#select

#3d-printing-software

#website

#image

#play-button-5

#play-button-4

#success

#medal

#conversation-1

#conversation

#chat-1

#sms

#mail

#quote

#back-3

#back-2

#market

#travel-guide

#employee

#book

#group

#certificate-1

#certificate

#bullseye

#manager

#engineer

#shopping-cart-of-checkered-design

#next-3

#right-arrow-4

#full-screen

#line-chart

#target

#shopping-cart

#message

#play-button-3

#home

#arrows-8

#file-1

#chat

#settings

#envelope-1

#interface-1

#layers-1

#edit-1

#trophy

#note-1

#calendar-1

#smartphone

#technology-2

#user-2

#technology-1

#photo-camera

#arrows-7

#arrows-6

#speech-bubble

#star

#graphic

#user-1

#previous

#arrows-5

#padlock

#right-arrow-3

#next-2

#right-quote

#left-quote-2

#unlink

#search

#play-button-2

#users

#placeholder-1

#briefcase-1

#clock-2

#layers

#download-1

#play-button-1

#play-button

#file

#calendar

#briefcase

#menu-1

#note

#phone-call-1

#menu

#headset

#checked-1

#checked

#check

#cancel-1

#back-1

#piggy-bank-1

#phone-call

#vector

#house

#share

#musical-note

#back

#download

#avatar

#edit

#link

#like

#heart

#placeholder

#next-1

#garbage

#telephone

#money-bag

#piggy-bank

#favorite

#arrow

#minus

#unchecked

#user

#timer

#profile

#right-arrow-2

#cancel

#right-arrow-1

#left-arrow-2

#clock-1

#interface

#arrows-4

#magnifying-glass

#letter

#time

#left-arrow-1

#right-arrow

#minus-symbol

#tick-1

#tick

#home-page

#blocks-with-angled-cuts

#straight-quotes

#quotation-marks

#plus-symbol

#download-arrow-1

#download-arrow

#arrows-3

#envelope

#up-arrow

#commenting

#technology

#sent-mail

#label

#arrows-2

#menu-options

#web-page-home

#location-pin

#arrow-pointing-to-right

#clock

#house-outline

#left-arrow

#round

#play-arrow

#check-symbol

#forward-arrow

#left-quote-sketch

#left-quote-1

#placeholder-filled-point

#right-quotation-sign

#left-quote

#menu-button-of-three-lines

#wifi-connection-signal-symbol

#world

#arrows-1

#word-file

#left-quotes

#right-quote-symbol

#right-quote-sign

#quote-hand-drawn-symbol

#map-marker

#tag-black-shape

#quote-left

#tags

#telephone-handle-silhouette

#right-quotation-mark

#next

#earth

#pdf

#e-mail-envelope

#cross

#boat-anchor

#smartphone-call

#send-message-button

#arrows

#web

#boat-lifesaver

#business

#two-quotes

#plus