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
ic_add_24px
ic_add_box_24px
ic_add_circle_24px
ic_add_circle_outline_24px
ic_archive_24px
ic_backspace_24px
ic_block_24px
ic_clear_24px
ic_content_copy_24px
ic_content_cut_24px
ic_content_paste_24px
ic_create_24px
ic_drafts_24px
ic_filter_list_24px
ic_flag_24px
ic_forward_24px
ic_gesture_24px
ic_inbox_24px
ic_link_24px
ic_mail_24px
ic_markunread_24px
ic_redo_24px
ic_remove_24px
ic_remove_circle_24px
ic_remove_circle_outline_24px
ic_reply_24px
ic_reply_all_24px
ic_report_24px
ic_save_24px
ic_select_all_24px
ic_send_24px
ic_sort_24px
ic_text_format_24px
ic_undo_24px
B) Inline SVG with external sprite (IE 9-11 with polyfill only)