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-right
arrow-up
arrows-bold-right
arrows-stre-left
arrows-stre-right
arrows-up-down
bell
brand-img
bug
calendar
calendar-grid
caret
chart
chat
chat-bubble
check-circle
cog
coins
comments
email
envelope
euro
eye
eye-2
files
inbox
isvg-chat
isvg-file-ai
isvg-money
isvg-package
isvg-pin
isvg-usd
link
list
logout
media
monster
phone-call
pin
plus
post-editor-btn-camera
post-editor-btn-code
post-editor-btn-media
post-editor-btn-stock
refresh
search
search-gray
send
smile
sun
user
user-add
user-heart
user-sm
video-play
views
weather-1
weather-2
weather-3
B) Inline SVG with external sprite (IE 9-11 with polyfill only)