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
icon--add
icon--add--glyph
icon--add--outline
icon--api
icon--apis
icon--app-services
icon--applications
icon--apps
icon--arrow--down
icon--arrow--left
icon--arrow--right
icon--arrow--up
icon--arrows
icon--asleep--glyph
icon--block-chain
icon--caret--down
icon--caret--left
icon--caret--right
icon--caret--up
icon--cf-apps
icon--checkmark
icon--checkmark--glyph
icon--checkmark--outline
icon--chevron--down
icon--chevron--left
icon--chevron--right
icon--chevron--up
icon--close
icon--close--glyph
icon--close--outline
icon--cloud-foundry
icon--console
icon--containers
icon--copy
icon--copy--glyph
icon--crash
icon--dashboard
icon--data
icon--delete
icon--devices
icon--devops
icon--dollars
icon--download
icon--edit
icon--edit--glyph
icon--error
icon--error--glyph
icon--favorite
icon--filter
icon--filter--glyph
icon--finance
icon--financial
icon--folder--glyph
icon--functions
icon--grid
icon--header--contact
icon--header--docs
icon--header--help
icon--header--notifciation
icon--header--ticket
icon--help
icon--help--glyph
icon--hpa
icon--hpa--stress
icon--info
icon--info--glyph
icon--infrastructure
icon--integration
icon--iot
icon--launch
icon--launch--glyph
icon--light
icon--light--glyph
icon--link
icon--list
icon--locked
icon--menu
icon--mobile
icon--network
icon--open-whisk
icon--overflow-menu
icon--pa
icon--pa--stress
icon--pause
icon--pause--glyph
icon--pause--outline
icon--play
icon--play--glyph
icon--play--outline
icon--portfolio
icon--power
icon--power--glyph
icon--predictive
icon--purchase
icon--restart
icon--restart--glyph
icon--schematics
icon--search
icon--search--glyph
icon--security
icon--services
icon--settings
icon--start
icon--start--glyph
icon--start--outline
icon--stop
icon--stop--glyph
icon--stop--outline
icon--storage
icon--subtract--glyph
icon--unlocked
icon--upload
icon--user
icon--warning
icon--warning--glyph
icon--watson
icon--whisk
B) Inline SVG with external sprite (IE 9-11 with polyfill only)