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_apps_24px
ic_arrow_back_24px
ic_arrow_downward_24px
ic_arrow_drop_down_24px
ic_arrow_drop_down_circle_24px
ic_arrow_drop_up_24px
ic_arrow_forward_24px
ic_arrow_upward_24px
ic_cancel_24px
ic_check_24px
ic_chevron_left_24px
ic_chevron_right_24px
ic_close_24px
ic_expand_less_24px
ic_expand_more_24px
ic_first_page_24px
ic_fullscreen_24px
ic_fullscreen_exit_24px
ic_last_page_24px
ic_menu_24px
ic_more_horiz_24px
ic_more_vert_24px
ic_refresh_24px
ic_subdirectory_arrow_left_24px
ic_subdirectory_arrow_right_24px
ic_unfold_less_24px
ic_unfold_more_24px
B) Inline SVG with external sprite (IE 9-11 with polyfill only)