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_adb_24px
ic_airline_seat_flat_24px
ic_airline_seat_flat_angled_24px
ic_airline_seat_individual_suite_24px
ic_airline_seat_legroom_extra_24px
ic_airline_seat_legroom_normal_24px
ic_airline_seat_legroom_reduced_24px
ic_airline_seat_recline_extra_24px
ic_airline_seat_recline_normal_24px
ic_bluetooth_audio_24px
ic_confirmation_number_24px
ic_disc_full_24px
ic_do_not_disturb_24px
ic_do_not_disturb_alt_24px
ic_do_not_disturb_off_24px
ic_do_not_disturb_on_24px
ic_drive_eta_24px
ic_enhanced_encryption_24px
ic_event_available_24px
ic_event_busy_24px
ic_event_note_24px
ic_folder_special_24px
ic_live_tv_24px
ic_mms_24px
ic_more_24px
ic_network_check_24px
ic_network_locked_24px
ic_no_encryption_24px
ic_ondemand_video_24px
ic_personal_video_24px
ic_phone_bluetooth_speaker_24px
ic_phone_forwarded_24px
ic_phone_in_talk_24px
ic_phone_locked_24px
ic_phone_missed_24px
ic_phone_paused_24px
ic_power_24px
ic_priority_high_24px
ic_rv_hookup_24px
ic_sd_card_24px
ic_sim_card_alert_24px
ic_sms_24px
ic_sms_failed_24px
ic_sync_24px
ic_sync_disabled_24px
ic_sync_problem_24px
ic_system_update_24px
ic_tap_and_play_24px
ic_time_to_leave_24px
ic_vibration_24px
ic_voice_chat_24px
ic_vpn_lock_24px
ic_wc_24px
ic_wifi_24px
B) Inline SVG with external sprite (IE 9-11 with polyfill only)