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
adult-diabetes
adult-obesity
anaemia
arrow-down.colors-sunset-coral-slate-blank
arrow-left.colors-sunset-coral-slate-blank
arrow-right.colors-sunset-coral-slate-blank
arrow-tail-down.colors-sunset-coral-slate-blank
arrow-tail-left.colors-sunset-coral-slate-blank
arrow-up.colors-sunset-coral-slate-blank
calendar
check-circle
checklist
circle
cross.colors-sunset-coral-slate-concrete-blank
error.colors-error-sunrise-blank
error.colors-error-sunrise-slate-blank
event
event-white
exclusive-breastfeeding
external.colors-sunset-coral-slate-blank
globe
info-circle
info-circle-outline
link.colors-sunset-coral-slate-blank
list.colors-sunset-coral-slate-blank
low-birth-weight
low-birthweight
nodata.colors-sunset-coral-slate-concrete-blank
plus-circle
raised-blood-pressure
renders-sprite
search.colors-sunset-coral-slate-blank
sodium-intake
success.colors-success-aqua-sky-blank-slate
success.colors-success-aqua-sky-slate-blank
tag
test
trending-down
trending-up
under-5-overweight
under-5-stunting
under-5-wasting
warning.colors-warning
B) Inline SVG with external sprite (IE 9-11 with polyfill only)