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>

#budget

#accounting

#exam

#computer

#24-hours

#search-1

#quote-left

#right-quotation-mark

#layers

#cloud

#headphones-1

#light-bulb

#briefcase-1

#pie-chart-with-piece

#people

#diamond

#coin

#briefcase

#check-2

#vector

#graphic

#unchecked

#arrows-7

#magnifying-glass

#time

#left-arrow-2

#right-arrow-4

#minus-symbol

#plus-symbol

#clock-2

#download-arrow

#envelope-1

#up-arrow

#arrows-6

#clock-1

#commenting

#quote

#technology-2

#big-circular-clock

#arrows-5

#sent-mail

#menu-options

#web-page-home

#coin-icon

#location-pin

#business-1

#right-arrow-3

#water-drop

#house-outline

#left-arrow-1

#round

#check-symbol

#forward-arrow

#arrows-4

#left-quote-1

#placeholder-filled-point

#right-quotation-sign

#left-quote

#play-arrow

#power

#wifi-connection-signal-symbol

#world

#word-file

#smiling-emoticon-square-face

#map-marker

#quotation-mark

#home-1

#tag-black-shape

#tags

#check-1

#user-shape

#telephone-handle-silhouette

#comments

#eye-open

#earth

#pdf

#word

#trophy-1

#e-mail-envelope

#go-back-arrow

#boat-anchor

#send-message-button

#web

#boat-lifesaver

#business

#arrow

#home-page

#right-arrow-2

#check

#line-chart

#maps-and-flags

#shopping-cart-1

#message

#bar-chart

#home

#arrow-pointing-to-right

#file-1

#chat

#settings-1

#envelope

#planet-earth

#placeholder-3

#interface-1

#trophy

#note

#line-graph

#flash

#calendar-1

#medal

#smartphone

#technology-1

#user-1

#technology

#photo-camera

#arrows-2

#arrows-1

#speech-bubble

#heart-1

#paper-plane

#star-1

#user

#previous

#arrows

#padlock

#right-arrow-1

#list

#drop

#unlink

#search

#like-1

#play-button

#users

#placeholder-2

#placeholder-1

#file

#calendar

#menu

#cancel-1

#back-1

#shopping-bag-2

#monitor

#piggy-bank-1

#shopping-cart

#phone-call

#headphones

#house

#share

#musical-note

#back

#next-1

#star

#link

#like

#settings

#heart

#placeholder

#next

#garbage

#money-bag

#piggy-bank

#favorite

#plus

#minus

#checked

#profile

#cancel

#right-arrow

#left-arrow

#down-arrow

#clock

#interface

#shopping-bag-1

#shopping-bag

#double-quotes

#arrows-3