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
accessibility
apps
arrow-back
arrow-back-ios
arrow-down
arrow-forward
arrow-forward-ios
arrow-top-right
arrow-up
attach-file
blue-lines
blue-squares
bookmark
brush
bucket
check
circle
clear-all
close
color-picker
double-lines
download
eraser
felt-pen
full-line-dotted-line
fullscreen
fullscreen-exit
handwriting-1-bg
handwriting-2-bg
handwriting-bg
handwriting-font
header-bottom
header-top
ibm-plex-sans-font
index
letter-font
line
lines
list
listen
listen-pause
loader-icon
lock
main-menu-glossary
main-menu-pdf
main-menu-pse
main-menu-sound
main-menu-timeline
marker
menu
minus
musical
name-picker
open-dyslexic-font
open-step
palette
pause
pdf--bold
pdf--font-size
pdf--hint-visible
pdf--italic
pdf--link
pdf--pages-single
pdf--pages-spread
pdf--pan
pdf--postit
pdf--postit-white
pdf--toc
pdf--transparency
pdf--underline
pen
play
plus
presentation
rectangle
rectangles
reload
reply
reset-type
search
settings
share
sidebar
split-screen
spotlight
squares
text-fields
three-dots
triangle
view-module
whiteboard
whiteboard-tool
zoom-in
zoom-out
B) Inline SVG with external sprite (IE 9-11 with polyfill only)
Please set the inline option to FALSE in order to preview this method.