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_cast_24px
ic_cast_connected_24px
ic_computer_24px
ic_desktop_mac_24px
ic_desktop_windows_24px
ic_developer_board_24px
ic_device_hub_24px
ic_devices_other_24px
ic_dock_24px
ic_gamepad_24px
ic_headset_24px
ic_headset_mic_24px
ic_keyboard_24px
ic_keyboard_arrow_down_24px
ic_keyboard_arrow_left_24px
ic_keyboard_arrow_right_24px
ic_keyboard_arrow_up_24px
ic_keyboard_backspace_24px
ic_keyboard_capslock_24px
ic_keyboard_hide_24px
ic_keyboard_return_24px
ic_keyboard_tab_24px
ic_keyboard_voice_24px
ic_laptop_24px
ic_laptop_chromebook_24px
ic_laptop_mac_24px
ic_laptop_windows_24px
ic_memory_24px
ic_mouse_24px
ic_phone_android_24px
ic_phone_iphone_24px
ic_phonelink_24px
ic_phonelink_off_24px
ic_power_input_24px
ic_router_24px
ic_scanner_24px
ic_security_24px
ic_sim_card_24px
ic_smartphone_24px
ic_speaker_24px
ic_speaker_group_24px
ic_tablet_24px
ic_tablet_android_24px
ic_tablet_mac_24px
ic_toys_24px
ic_tv_24px
ic_videogame_asset_24px
ic_watch_24px
B) Inline SVG with external sprite (IE 9-11 with polyfill only)