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
author
bluesky
calendar
cheveron-down
cheveron-down-white
cheveron-left
cheveron-right
cheveron-up
clock
cross-white
crosshair
download
drop
drop-blue
email
external
facebook
instagram
life-buoy
linkedin
location
mail
nav-arrow-up
phone
plus
quotes
search
social-instagram
social-twitter
social-youtube
tag
twitter
twitterx
user
users
wallet
x
youtube
B) Inline SVG with external sprite (IE 9-11 with polyfill only)