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
icon-arrow-bend-down-left
icon-arrow-bend-left
icon-arrow-bend-right
icon-arrow-down
icon-arrow-up
icon-bars
icon-bell
icon-buyer-seller
icon-calculator
icon-chat
icon-chats
icon-checkmark
icon-checkmark-circle
icon-checkoff
icon-chevron-down
icon-chevron-left
icon-chevron-right
icon-chevron-up
icon-clipboard
icon-cog
icon-cross
icon-cross-circle
icon-delete
icon-dismiss
icon-doc
icon-dollar
icon-dollar-fill
icon-droplet
icon-droplet2
icon-ealert
icon-edit
icon-ellipsis
icon-email-bad
icon-email-good
icon-email-neutral
icon-envelope
icon-export
icon-external-link
icon-eye
icon-facebook
icon-feed
icon-filter
icon-filter2
icon-fire
icon-flag
icon-for-sale
icon-globe
icon-graph
icon-grid
icon-grid2
icon-heart
icon-house
icon-house2
icon-info
icon-info-circle
icon-justify
icon-key
icon-like
icon-link
icon-linkedin
icon-location
icon-minus
icon-minus-circle
icon-mobile
icon-nar-rpr
icon-paperclip
icon-pause
icon-phone
icon-phone-bad
icon-phone-good
icon-phone-neutral
icon-play
icon-plus
icon-plus-circle
icon-printer
icon-question
icon-question-circle
icon-refresh
icon-schedule
icon-search
icon-sms
icon-sort
icon-speaker
icon-star
icon-star2
icon-stop
icon-table
icon-tag
icon-text-bad
icon-text-good
icon-text-neutral
icon-transfer
icon-twitter
icon-up-down
icon-user
icon-user-add
icon-user-match
icon-users
icon-warning
B) Inline SVG with external sprite (IE 9-11 with polyfill only)