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_album_24px
ic_av_timer_24px
ic_closed_caption_24px
ic_equalizer_24px
ic_explicit_24px
ic_fast_forward_24px
ic_fast_rewind_24px
ic_games_24px
ic_hearing_24px
ic_high_quality_24px
ic_loop_24px
ic_mic_24px
ic_mic_none_24px
ic_mic_off_24px
ic_movie_24px
ic_my_library_add_24px
ic_my_library_books_24px
ic_my_library_music_24px
ic_new_releases_24px
ic_not_interested_24px
ic_pause_24px
ic_pause_circle_fill_24px
ic_pause_circle_outline_24px
ic_play_arrow_24px
ic_play_circle_fill_24px
ic_play_circle_outline_24px
ic_play_shopping_bag_24px
ic_playlist_add_24px
ic_queue_24px
ic_queue_music_24px
ic_radio_24px
ic_recent_actors_24px
ic_repeat_24px
ic_repeat_one_24px
ic_replay_24px
ic_shuffle_24px
ic_skip_next_24px
ic_skip_previous_24px
ic_snooze_24px
ic_stop_24px
ic_subtitles_24px
ic_surround_sound_24px
ic_video_collection_24px
ic_videocam_24px
ic_videocam_off_24px
ic_volume_down_24px
ic_volume_mute_24px
ic_volume_off_24px
ic_volume_up_24px
ic_web_24px
B) Inline SVG with external sprite (IE 9-11 with polyfill only)