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
address
announcement
answer_best
answer_private
answer_public
approval
apps
apps_admin
article
assigned_resource
avatar
avatar_loading
calibration
call
call_history
campaign
campaign_members
canvas
carousel
case
case_change_status
case_comment
case_email
case_log_a_call
case_transcript
client
coaching
connected_apps
contact
contract
custom
custom_notification
dashboard
datadotcom
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
location
log_a_call
marketing_actions
merge
metrics
news
note
operating_hours
opportunity
orders
people
performance
person_account
photo
poll
portal
post
pricebook
process
product
product_consumed
product_item
product_item_transaction
product_required
product_transfer
question_best
question_feed
quotes
recent
record
related_list
relationship
report
resource_absence
resource_capacity
resource_preference
resource_skill
reward
rtc_presence
sales_path
scan_card
service_appointment
service_contract
service_report
service_resource
service_territory
service_territory_member
skill
skill_entity
skill_requirement
social
solution
sossession
task
task2
team_member
thanks
thanks_loading
timeslot
today
topic
unmatched
user
work_order
work_order_item
work_type
B) Inline SVG with external sprite (IE 9-11 with polyfill only)