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_ac_unit_24px
ic_airport_shuttle_24px
ic_all_inclusive_24px
ic_beach_access_24px
ic_business_center_24px
ic_casino_24px
ic_child_care_24px
ic_child_friendly_24px
ic_fitness_center_24px
ic_free_breakfast_24px
ic_golf_course_24px
ic_hot_tub_24px
ic_kitchen_24px
ic_pool_24px
ic_room_service_24px
ic_rv_hookup_24px
ic_smoke_free_24px
ic_smoking_rooms_24px
ic_spa_24px
B) Inline SVG with external sprite (IE 9-11 with polyfill only)