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
access
angle-down
angle-left
angle-right
angle-up
archive
archive-box
arrow-down
arrow-down-right
arrow-left
arrow-right
arrow-up
arrow-up-right
attached-file
calendar
check
circle-alert
circle-check
circle-cross
circle-info
circle-less
circle-plus
close
comments
double-angle-left
double-angle-right
download
duplicate
edit
equal
external-link
eye
facebook
file
file-text
filter
folder
instagram
link
linkedin
mail
mapmarker
maximize
menu
minimize
more
notification
pause
photo
play
print
question-circle
refresh
reset
restore
rss
save
search
setting
share
slider-left
slider-right
square-less
square-plus
star
table-sort
telephone
time
trash
twitter
upload
user
valid
view-projection
view-results
warning
youtube
B) Inline SVG with external sprite (IE 9-11 with polyfill only)