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
charcoal-logo
icon-alerts
icon-config
icon-contacts
icon-contents
icon-file
icon-files
icon-home
icon-info
icon-kebab
icon-map-area
icon-map-marker
icon-map-path
icon-map-region
icon-media
icon-microphone
icon-news
icon-parking
icon-snow
icon-stats
icon-store
icon-tag
icon-text
icon-users
icon-waste
sort
B) Inline SVG with external sprite (IE 9-11 with polyfill only)