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
account
announcement
answer_best
answer_private
answer_public
approval
apps
apps_admin
article
avatar
avatar_loading
calibration
call
call_history
campaign
campaign_members
canvas
case
case_change_status
case_comment
case_email
case_log_a_call
case_transcript
client
coaching
connected_apps
contact
contract
custom
dashboard
default
document
drafts
email
email_chatter
empty
endorsement
environment_hub
event
feed
feedback
file
flow
folder
forecasts
generic_loading
goals
group_loading
groups
hierarchy
home
household
insights
investment_account
lead
link
log_a_call
marketing_actions
merge
metrics
news
note
opportunity
orders
people
performance
person_account
photo
poll
portal
post
pricebook
process
product
question_best
question_feed
quotes
recent
record
related_list
relationship
report
reward
sales_path
scan_card
service_contract
skill_entity
social
solution
sossession
task
task2
team_member
thanks
thanks_loading
today
topic
unmatched
user
work_order
work_order_item
B) Inline SVG with external sprite (IE 9-11 with polyfill only)