This preview features two methods of using the generated sprite in conjunction with inline SVG. Please have a look at the HTML source for further details and be aware of the following constraints:
The embedded sprite (A) slightly differs from the generated external one. Please see the documentation for details on how to create such an embeddable sprite.
Internet Explorer up to version 11 doesn't support external sprites for use with inline SVG. For IE 9-11, you may polyfill this functionality with SVG for Everybody.
A) Inline SVG with embedded sprite
arrow--down
arrow--left
arrow--left-wide
arrow--right
arrow--right-wide
arrow--up
file--doc
file--docx
file--pdf
file--ppt
file--rar
file--xls
file--xlsx
file--zip
icon--404
icon--attachment
icon--cal
icon--chat
icon--chat-icon
icon--check
icon--checkmark
icon--close
icon--copy
icon--date
icon--delete
icon--download
icon--duplicate
icon--edit
icon--email
icon--loc
icon--logout
icon--mail
icon--minus
icon--myzone
icon--phone
icon--phone-icon
icon--pin
icon--play
icon--plus
icon--print
icon--save
icon--search
icon--settings
icon--spinner
icon--srch
icon--tel
icon--user
icon--usr
icon--view
social--facebook
social--googleplus
social--instagram
social--linkedin
social--pinterest
social--skype
social--snapchat
social--twitter
social--youtube
B) Inline SVG with external sprite (IE 9-11 with polyfill only)