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_location_24px
ic_beenhere_24px
ic_directions_24px
ic_directions_bike_24px
ic_directions_boat_24px
ic_directions_bus_24px
ic_directions_car_24px
ic_directions_railway_24px
ic_directions_run_24px
ic_directions_subway_24px
ic_directions_transit_24px
ic_directions_walk_24px
ic_edit_location_24px
ic_ev_station_24px
ic_flight_24px
ic_hotel_24px
ic_layers_24px
ic_layers_clear_24px
ic_local_activity_24px
ic_local_airport_24px
ic_local_atm_24px
ic_local_bar_24px
ic_local_cafe_24px
ic_local_car_wash_24px
ic_local_convenience_store_24px
ic_local_dining_24px
ic_local_drink_24px
ic_local_florist_24px
ic_local_gas_station_24px
ic_local_grocery_store_24px
ic_local_hospital_24px
ic_local_hotel_24px
ic_local_laundry_service_24px
ic_local_library_24px
ic_local_mall_24px
ic_local_movies_24px
ic_local_offer_24px
ic_local_parking_24px
ic_local_pharmacy_24px
ic_local_phone_24px
ic_local_pizza_24px
ic_local_play_24px
ic_local_post_office_24px
ic_local_printshop_24px
ic_local_see_24px
ic_local_shipping_24px
ic_local_taxi_24px
ic_map_24px
ic_my_location_24px
ic_navigation_24px
ic_near_me_24px
ic_person_pin_24px
ic_person_pin_circle_24px
ic_pin_drop_24px
ic_place_24px
ic_rate_review_24px
ic_restaurant_24px
ic_restaurant_menu_24px
ic_satellite_24px
ic_store_mall_directory_24px
ic_streetview_24px
ic_subway_24px
ic_terrain_24px
ic_traffic_24px
ic_train_24px
ic_tram_24px
ic_transfer_within_a_station_24px
ic_zoom_out_map_24px
B) Inline SVG with external sprite (IE 9-11 with polyfill only)