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
app-actions--copy-code
app-actions--dark
app-actions--favorite_icon
app-actions--filter
app-actions--go_to_icon
app-actions--light
app-actions--overflow_menu_icon
app-actions--restart_icon
common--add
common--appstatus_asleep
common--appstatus_awake
common--arrows
common--cancel
common--close
common--configure
common--copy
common--create
common--delete
common--deploy
common--download
common--edit
common--grid
common--group
common--healthy
common--help
common--link
common--monitor
common--previous
common--purchase
common--restart
common--running
common--search
common--search-sm
common--settings
common--start
common--stop
common--tile-view
common--user
notifications--error
notifications--info
notifications--success
notifications--warning
service--add-filled
service--back
service--chevron
service--default
service--down-arrow
service--gear
service--logsLink
service--status-complete
service--status-error
service--status-initializing
service--status-paused
service--status-pending
service--status-running
service--status-scheduled
service--status-success
support--arrow-right
support--bluemix-padding
support--check-fill-circle
support--check-padding
support--chevron-down
support--chevron-down-32
support--chevron-up
support--chevron-up-32
support--close-stroke-circle
support--help-fill-circle-with-outline
support--idea-fill-circle-with-outline
support--info-stroke-circle
support--left-arrow-stroke-circle
support--search-padding
support--stackoverflow-padding
support--upload-padding
support--user-stroke-circle
taxonomy--allcategories
taxonomy--app-services
taxonomy--china-cognitive
taxonomy--cognitive
taxonomy--compute
taxonomy--console
taxonomy--data
taxonomy--devops
taxonomy--home
taxonomy--integration
taxonomy--iot
taxonomy--media-cdn
taxonomy--mobile
taxonomy--network
taxonomy--private-apis
taxonomy--security
taxonomy--storage
taxonomy--watson
watson--Alchemy
watson--Dialog
watson--concept-insights
watson--document-conversion
watson--language-translation
watson--natural-language-classifier
watson--personality-insights
watson--relationship-extraction
watson--retrieve-and-rank
watson--speech-to-text
watson--text-to-speech
watson--tone-analyzer
watson--tradeoff-analytics
watson--visual-recognition
B) Inline SVG with external sprite (IE 9-11 with polyfill only)