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-action-actions
icon-action-add
icon-action-close
icon-action-delete
icon-action-dropdown
icon-action-edit
icon-action-permission
icon-action-protection
icon-action-refresh
icon-action-restore
icon-action-settings
icon-action-showpassword
icon-action-svm
icon-info-check
icon-info-help
icon-info-information
icon-info-protected
icon-info-protectedwithissues
icon-info-unprotected
icon-info-warning
icon-nav-applications
icon-nav-chat
icon-nav-compass
icon-nav-configuration
icon-nav-dashboard
icon-nav-events
icon-nav-favorites
icon-nav-health
icon-nav-help
icon-nav-menu
icon-nav-network
icon-nav-performance
icon-nav-protection
icon-nav-reports
icon-nav-settings
icon-nav-user
icon-nav-volumes
icon-obj-cluster
icon-obj-health
icon-obj-svm
icon-obj-timer
icon-obj-volume
B) Inline SVG with external sprite (IE 9-11 with polyfill only)