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_attach_file_24px
ic_attach_money_24px
ic_border_all_24px
ic_border_bottom_24px
ic_border_clear_24px
ic_border_color_24px
ic_border_horizontal_24px
ic_border_inner_24px
ic_border_left_24px
ic_border_outer_24px
ic_border_right_24px
ic_border_style_24px
ic_border_top_24px
ic_border_vertical_24px
ic_format_align_center_24px
ic_format_align_justify_24px
ic_format_align_left_24px
ic_format_align_right_24px
ic_format_bold_24px
ic_format_clear_24px
ic_format_color_fill_24px
ic_format_color_reset_24px
ic_format_color_text_24px
ic_format_indent_decrease_24px
ic_format_indent_increase_24px
ic_format_italic_24px
ic_format_line_spacing_24px
ic_format_list_bulleted_24px
ic_format_list_numbered_24px
ic_format_paint_24px
ic_format_quote_24px
ic_format_size_24px
ic_format_strikethrough_24px
ic_format_textdirection_l_to_r_24px
ic_format_textdirection_r_to_l_24px
ic_format_underline_24px
ic_functions_24px
ic_insert_chart_24px
ic_insert_comment_24px
ic_insert_drive_file_24px
ic_insert_emoticon_24px
ic_insert_invitation_24px
ic_insert_link_24px
ic_insert_photo_24px
ic_merge_type_24px
ic_mode_comment_24px
ic_mode_edit_24px
ic_publish_24px
ic_vertical_align_bottom_24px
ic_vertical_align_center_24px
ic_vertical_align_top_24px
ic_wrap_text_24px
B) Inline SVG with external sprite (IE 9-11 with polyfill only)