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_a_photo_24px
ic_add_to_photos_24px
ic_adjust_24px
ic_assistant_24px
ic_assistant_photo_24px
ic_audiotrack_24px
ic_blur_circular_24px
ic_blur_linear_24px
ic_blur_off_24px
ic_blur_on_24px
ic_brightness_1_24px
ic_brightness_2_24px
ic_brightness_3_24px
ic_brightness_4_24px
ic_brightness_5_24px
ic_brightness_6_24px
ic_brightness_7_24px
ic_broken_image_24px
ic_brush_24px
ic_burst_mode_24px
ic_camera_24px
ic_camera_alt_24px
ic_camera_front_24px
ic_camera_rear_24px
ic_camera_roll_24px
ic_center_focus_strong_24px
ic_center_focus_weak_24px
ic_collections_24px
ic_collections_bookmark_24px
ic_color_lens_24px
ic_colorize_24px
ic_compare_24px
ic_control_point_24px
ic_control_point_duplicate_24px
ic_crop_16_9_24px
ic_crop_24px
ic_crop_3_2_24px
ic_crop_5_4_24px
ic_crop_7_5_24px
ic_crop_din_24px
ic_crop_free_24px
ic_crop_landscape_24px
ic_crop_original_24px
ic_crop_portrait_24px
ic_crop_rotate_24px
ic_crop_square_24px
ic_dehaze_24px
ic_details_24px
ic_edit_24px
ic_exposure_24px
ic_exposure_neg_1_24px
ic_exposure_neg_2_24px
ic_exposure_plus_1_24px
ic_exposure_plus_2_24px
ic_exposure_zero_24px
ic_filter_1_24px
ic_filter_24px
ic_filter_2_24px
ic_filter_3_24px
ic_filter_4_24px
ic_filter_5_24px
ic_filter_6_24px
ic_filter_7_24px
ic_filter_8_24px
ic_filter_9_24px
ic_filter_9_plus_24px
ic_filter_b_and_w_24px
ic_filter_center_focus_24px
ic_filter_drama_24px
ic_filter_frames_24px
ic_filter_hdr_24px
ic_filter_none_24px
ic_filter_tilt_shift_24px
ic_filter_vintage_24px
ic_flare_24px
ic_flash_auto_24px
ic_flash_off_24px
ic_flash_on_24px
ic_flip_24px
ic_gradient_24px
ic_grain_24px
ic_grid_off_24px
ic_grid_on_24px
ic_hdr_off_24px
ic_hdr_on_24px
ic_hdr_strong_24px
ic_hdr_weak_24px
ic_healing_24px
ic_image_24px
ic_image_aspect_ratio_24px
ic_iso_24px
ic_landscape_24px
ic_leak_add_24px
ic_leak_remove_24px
ic_lens_24px
ic_linked_camera_24px
ic_looks_24px
ic_looks_3_24px
ic_looks_4_24px
ic_looks_5_24px
ic_looks_6_24px
ic_looks_one_24px
ic_looks_two_24px
ic_loupe_24px
ic_monochrome_photos_24px
ic_movie_creation_24px
ic_movie_filter_24px
ic_music_note_24px
ic_nature_24px
ic_nature_people_24px
ic_navigate_before_24px
ic_navigate_next_24px
ic_palette_24px
ic_panorama_24px
ic_panorama_fish_eye_24px
ic_panorama_horizontal_24px
ic_panorama_vertical_24px
ic_panorama_wide_angle_24px
ic_photo_24px
ic_photo_album_24px
ic_photo_camera_24px
ic_photo_filter_24px
ic_photo_library_24px
ic_photo_size_select_actual_24px
ic_photo_size_select_large_24px
ic_photo_size_select_small_24px
ic_picture_as_pdf_24px
ic_portrait_24px
ic_remove_red_eye_24px
ic_rotate_90_degrees_ccw_24px
ic_rotate_left_24px
ic_rotate_right_24px
ic_slideshow_24px
ic_straighten_24px
ic_style_24px
ic_switch_camera_24px
ic_switch_video_24px
ic_tag_faces_24px
ic_texture_24px
ic_timelapse_24px
ic_timer_10_24px
ic_timer_24px
ic_timer_3_24px
ic_timer_off_24px
ic_tonality_24px
ic_transform_24px
ic_tune_24px
ic_view_comfy_24px
ic_view_compact_24px
ic_vignette_24px
ic_wb_auto_24px
ic_wb_cloudy_24px
ic_wb_incandescent_24px
ic_wb_iridescent_24px
ic_wb_sunny_24px
B) Inline SVG with external sprite (IE 9-11 with polyfill only)