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
arrow-right
arrow-up-right
bluesky-purple
bluesky-purple60
briefcase
calendar
chevron-down
chevron-left
chevron-right
chevron-up
database
download
filter
linkedin
mail
map-pin
news
search
sort
speech-mark
twitterx
twitterx-purple
twitterx-purple60
user
wallet
watch
youtube
B) Inline SVG with external sprite (IE 9-11 with polyfill only)