| <!DOCTYPE html> |
| <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> |
| <head> |
| <meta charset="utf-8"/> |
| <meta http-equiv="X-UA-Compatible" content="IE=Edge"/> |
| <script src="https://rawgit.com/jonathantneal/svg4everybody/master/dist/svg4everybody.js"></script> |
| <script>svg4everybody();</script> |
| <title>SVG <symbol> sprite preview | svg-sprite</title> |
| <style>@charset "UTF-8";body{padding:0;margin:0;color:#666;background:#fafafa;font-family:Arial,Helvetica,sans-serif;font-size:1em;line-height:1.4}header{display:block;padding:3em 3em 2em 3em;background-color:#fff}header p{margin:2em 0 0 0}section{border-top:1px solid #eee;padding:2em 3em 0 3em}section ul{margin:0;padding:0}section li{display:inline;display:inline-block;background-color:#fff;position:relative;margin:0 2em 2em 0;vertical-align:top;border:1px solid #ccc;padding:1em 1em 3em 1em;cursor:default}.icon-box{margin:0;width:144px;height:144px;position:relative;background:#ccc url(data:image/gif;base64,R0lGODlhDAAMAIAAAMzMzP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQjk4OTI0MUY5NTIxMUUyQkJDMEI5NEFEM0Y1QTYwQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQjk4OTI0MkY5NTIxMUUyQkJDMEI5NEFEM0Y1QTYwQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNCOTg5MjNGRjk1MjExRTJCQkMwQjk0QUQzRjVBNjBDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCOTg5MjQwRjk1MjExRTJCQkMwQjk0QUQzRjVBNjBDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAAAAAAAsAAAAAAwADAAAAhaEH6mHmmzcgzJAUG/NVGrfOZ8YLlABADs=) top left repeat;border:1px solid #ccc;display:table-cell;vertical-align:middle;text-align:center}.icon{display:inline;display:inline-block}h1{margin-top:0}h2{margin:0;padding:0;font-size:1em;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute;left:1em;right:1em;bottom:1em}footer{display:block;margin:0;padding:0 3em 3em 3em}footer p{margin:0;font-size:.7em}footer a{color:#0f7595;margin-left:0}</style> |
| |
| <!-- |
| |
| Sprite shape dimensions |
| ==================================================================================================== |
| You will need to set the sprite shape dimensions via CSS when you use them as inline SVG, otherwise |
| they would become a huge 100% in size. You may use the following dimension classes for doing so. |
| They might well be outsourced to an external stylesheet of course. |
| |
| --> |
| |
| <style type="text/css"> |
| .svg-ic_add_location_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_beenhere_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_directions_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_directions_bike_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_directions_boat_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_directions_bus_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_directions_car_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_directions_railway_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_directions_run_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_directions_subway_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_directions_transit_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_directions_walk_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_edit_location_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_flight_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_hotel_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_layers_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_layers_clear_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_activity_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_airport_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_atm_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_bar_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_cafe_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_car_wash_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_convenience_store_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_dining_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_drink_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_florist_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_gas_station_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_grocery_store_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_hospital_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_hotel_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_laundry_service_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_library_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_mall_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_movies_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_offer_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_parking_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_pharmacy_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_phone_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_pizza_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_play_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_post_office_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_printshop_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_see_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_shipping_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_local_taxi_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_map_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_my_location_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_navigation_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_near_me_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_person_pin_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_person_pin_circle_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_pin_drop_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_place_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_rate_review_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_restaurant_menu_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_satellite_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_store_mall_directory_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_terrain_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_traffic_24px-dims { width: 24px; height: 24px; } |
| .svg-ic_zoom_out_map_24px-dims { width: 24px; height: 24px; } |
| </style> |
| <!-- |
| ==================================================================================================== |
| --> |
| |
| </head> |
| <body> |
| |
| <!-- |
| |
| Inline <symbol> SVG sprite |
| ==================================================================================================== |
| This is an inlined version of the generated SVG sprite. The single images may be <use>d everywhere |
| below within this document. Please see https://github.com/jkphl/svg-sprite#inline-embedding for |
| further details on how to create this embeddable sprite variant. |
| |
| --> |
| |
| <svg width="0" height="0" style="position:absolute"> |
| <symbol viewBox="0 0 24 24" id="ic_add_location_24px"><path d="M12 2C8.14 2 5 5.14 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.86-3.14-7-7-7zm4 8h-3v3h-2v-3H8V8h3V5h2v3h3v2z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_beenhere_24px"><path d="M19 1H5c-1.1 0-1.99.9-1.99 2L3 15.93c0 .69.35 1.3.88 1.66L12 23l8.11-5.41c.53-.36.88-.97.88-1.66L21 3c0-1.1-.9-2-2-2zm-9 15l-5-5 1.41-1.41L10 13.17l7.59-7.59L19 7l-9 9z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_directions_24px"><path d="M21.71 11.29l-9-9a.996.996 0 0 0-1.41 0l-9 9a.996.996 0 0 0 0 1.41l9 9c.39.39 1.02.39 1.41 0l9-9a.996.996 0 0 0 0-1.41zM14 14.5V12h-4v3H8v-4c0-.55.45-1 1-1h5V7.5l3.5 3.5-3.5 3.5z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_directions_bike_24px"><path d="M15.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM5 12c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5zm5.8-10l2.4-2.4.8.8c1.3 1.3 3 2.1 5.1 2.1V9c-1.5 0-2.7-.6-3.6-1.5l-1.9-1.9c-.5-.4-1-.6-1.6-.6s-1.1.2-1.4.6L7.8 8.4c-.4.4-.6.9-.6 1.4 0 .6.2 1.1.6 1.4L11 14v5h2v-6.2l-2.2-2.3zM19 12c-2.8 0-5 2.2-5 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 8.5c-1.9 0-3.5-1.6-3.5-3.5s1.6-3.5 3.5-3.5 3.5 1.6 3.5 3.5-1.6 3.5-3.5 3.5z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_directions_boat_24px"><path d="M20 21c-1.39 0-2.78-.47-4-1.32-2.44 1.71-5.56 1.71-8 0C6.78 20.53 5.39 21 4 21H2v2h2c1.38 0 2.74-.35 4-.99a8.752 8.752 0 0 0 8 0c1.26.65 2.62.99 4 .99h2v-2h-2zM3.95 19H4c1.6 0 3.02-.88 4-2 .98 1.12 2.4 2 4 2s3.02-.88 4-2c.98 1.12 2.4 2 4 2h.05l1.89-6.68c.08-.26.06-.54-.06-.78s-.34-.42-.6-.5L20 10.62V6c0-1.1-.9-2-2-2h-3V1H9v3H6c-1.1 0-2 .9-2 2v4.62l-1.29.42a1.007 1.007 0 0 0-.66 1.28L3.95 19zM6 6h12v3.97L12 8 6 9.97V6z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_directions_bus_24px"><path d="M4 16c0 .88.39 1.67 1 2.22V20c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h8v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1.78c.61-.55 1-1.34 1-2.22V6c0-3.5-3.58-4-8-4s-8 .5-8 4v10zm3.5 1c-.83 0-1.5-.67-1.5-1.5S6.67 14 7.5 14s1.5.67 1.5 1.5S8.33 17 7.5 17zm9 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm1.5-6H6V6h12v5z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_directions_car_24px"><path d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_directions_railway_24px"><path d="M4 15.5C4 17.43 5.57 19 7.5 19L6 20.5v.5h12v-.5L16.5 19c1.93 0 3.5-1.57 3.5-3.5V5c0-3.5-3.58-4-8-4s-8 .5-8 4v10.5zm8 1.5c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm6-7H6V5h12v5z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_directions_run_24px"><path d="M13.49 5.48c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm-3.6 13.9l1-4.4 2.1 2v6h2v-7.5l-2.1-2 .6-3c1.3 1.5 3.3 2.5 5.5 2.5v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1l-5.2 2.2v4.7h2v-3.4l1.8-.7-1.6 8.1-4.9-1-.4 2 7 1.4z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_directions_subway_24px"><path d="M12 2c-4.42 0-8 .5-8 4v9.5C4 17.43 5.57 19 7.5 19L6 20.5v.5h12v-.5L16.5 19c1.93 0 3.5-1.57 3.5-3.5V6c0-3.5-3.58-4-8-4zM7.5 17c-.83 0-1.5-.67-1.5-1.5S6.67 14 7.5 14s1.5.67 1.5 1.5S8.33 17 7.5 17zm3.5-6H6V6h5v5zm5.5 6c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm1.5-6h-5V6h5v5z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_directions_transit_24px"><path d="M12 2c-4.42 0-8 .5-8 4v9.5C4 17.43 5.57 19 7.5 19L6 20.5v.5h12v-.5L16.5 19c1.93 0 3.5-1.57 3.5-3.5V6c0-3.5-3.58-4-8-4zM7.5 17c-.83 0-1.5-.67-1.5-1.5S6.67 14 7.5 14s1.5.67 1.5 1.5S8.33 17 7.5 17zm3.5-6H6V6h5v5zm5.5 6c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm1.5-6h-5V6h5v5z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_directions_walk_24px"><path d="M13.5 5.5c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zM9.8 8.9L7 23h2.1l1.8-8 2.1 2v6h2v-7.5l-2.1-2 .6-3C14.8 12 16.8 13 19 13v-2c-1.9 0-3.5-1-4.3-2.4l-1-1.6c-.4-.6-1-1-1.7-1-.3 0-.5.1-.8.1L6 8.3V13h2V9.6l1.8-.7"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_edit_location_24px"><path d="M12 2C8.14 2 5 5.14 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.86-3.14-7-7-7zm-1.56 10H9v-1.44l3.35-3.34 1.43 1.43L10.44 12zm4.45-4.45l-.7.7-1.44-1.44.7-.7a.38.38 0 0 1 .54 0l.9.9c.15.15.15.39 0 .54z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_flight_24px"><path d="M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_hotel_24px"><path d="M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm12-6h-8v7H3V5H1v15h2v-3h18v3h2v-9a4 4 0 0 0-4-4z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_layers_24px"><path d="M11.99 18.54l-7.37-5.73L3 14.07l9 7 9-7-1.63-1.27-7.38 5.74zM12 16l7.36-5.73L21 9l-9-7-9 7 1.63 1.27L12 16z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_layers_clear_24px"><path d="M19.81 14.99l1.19-.92-1.43-1.43-1.19.92 1.43 1.43zm-.45-4.72L21 9l-9-7-2.91 2.27 7.87 7.88 2.4-1.88zM3.27 1L2 2.27l4.22 4.22L3 9l1.63 1.27L12 16l2.1-1.63 1.43 1.43L12 18.54l-7.37-5.73L3 14.07l9 7 4.95-3.85L20.73 21 22 19.73 3.27 1z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_activity_24px"><path d="M20 12c0-1.1.9-2 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-1.99.9-1.99 2v4c1.1 0 1.99.9 1.99 2s-.89 2-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2zm-4.42 4.8L12 14.5l-3.58 2.3 1.08-4.12-3.29-2.69 4.24-.25L12 5.8l1.54 3.95 4.24.25-3.29 2.69 1.09 4.11z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_airport_24px"><path d="M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_atm_24px"><path d="M11 17h2v-1h1c.55 0 1-.45 1-1v-3c0-.55-.45-1-1-1h-3v-1h4V8h-2V7h-2v1h-1c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1h3v1H9v2h2v1zm9-13H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4V6h16v12z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_bar_24px"><path d="M21 5V3H3v2l8 9v5H6v2h12v-2h-5v-5l8-9zM7.43 7L5.66 5h12.69l-1.78 2H7.43z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_cafe_24px"><path d="M20 3H4v10a4 4 0 0 0 4 4h6a4 4 0 0 0 4-4v-3h2c1.11 0 2-.89 2-2V5c0-1.11-.89-2-2-2zm0 5h-2V5h2v3zM2 21h18v-2H2v2z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_car_wash_24px"><path d="M17 5c.83 0 1.5-.67 1.5-1.5 0-1-1.5-2.7-1.5-2.7s-1.5 1.7-1.5 2.7c0 .83.67 1.5 1.5 1.5zm-5 0c.83 0 1.5-.67 1.5-1.5 0-1-1.5-2.7-1.5-2.7s-1.5 1.7-1.5 2.7c0 .83.67 1.5 1.5 1.5zM7 5c.83 0 1.5-.67 1.5-1.5C8.5 2.5 7 .8 7 .8S5.5 2.5 5.5 3.5C5.5 4.33 6.17 5 7 5zm11.92 3.01C18.72 7.42 18.16 7 17.5 7h-11c-.66 0-1.21.42-1.42 1.01L3 14v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 18c-.83 0-1.5-.67-1.5-1.5S5.67 15 6.5 15s1.5.67 1.5 1.5S7.33 18 6.5 18zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 13l1.5-4.5h11L19 13H5z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_convenience_store_24px"><path d="M19 7V4H5v3H2v13h8v-4h4v4h8V7h-3zm-8 3H9v1h2v1H8V9h2V8H8V7h3v3zm5 2h-1v-2h-2V7h1v2h1V7h1v5z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_dining_24px"><path d="M8.1 13.34l2.83-2.83L3.91 3.5a4.008 4.008 0 0 0 0 5.66l4.19 4.18zm6.78-1.81c1.53.71 3.68.21 5.27-1.38 1.91-1.91 2.28-4.65.81-6.12-1.46-1.46-4.2-1.1-6.12.81-1.59 1.59-2.09 3.74-1.38 5.27L3.7 19.87l1.41 1.41L12 14.41l6.88 6.88 1.41-1.41L13.41 13l1.47-1.47z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_drink_24px"><path d="M3 2l2.01 18.23C5.13 21.23 5.97 22 7 22h10c1.03 0 1.87-.77 1.99-1.77L21 2H3zm9 17c-1.66 0-3-1.34-3-3 0-2 3-5.4 3-5.4s3 3.4 3 5.4c0 1.66-1.34 3-3 3zm6.33-11H5.67l-.44-4h13.53l-.43 4z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_florist_24px"><path d="M12 22a9 9 0 0 0 9-9 9 9 0 0 0-9 9zM5.6 10.25a2.5 2.5 0 0 0 3.92 2.06l-.02.19a2.5 2.5 0 0 0 5 0l-.02-.19c.4.28.89.44 1.42.44a2.5 2.5 0 0 0 2.5-2.5c0-1-.59-1.85-1.43-2.25a2.49 2.49 0 0 0 1.43-2.25 2.5 2.5 0 0 0-3.92-2.06l.02-.19a2.5 2.5 0 1 0-5 0l.02.19c-.4-.28-.89-.44-1.42-.44a2.5 2.5 0 0 0-2.5 2.5c0 1 .59 1.85 1.43 2.25a2.49 2.49 0 0 0-1.43 2.25zM12 5.5a2.5 2.5 0 0 1 0 5 2.5 2.5 0 0 1 0-5zM3 13a9 9 0 0 0 9 9 9 9 0 0 0-9-9z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_gas_station_24px"><path d="M19.77 7.23l.01-.01-3.72-3.72L15 4.56l2.11 2.11c-.94.36-1.61 1.26-1.61 2.33a2.5 2.5 0 0 0 2.5 2.5c.36 0 .69-.08 1-.21v7.21c0 .55-.45 1-1 1s-1-.45-1-1V14c0-1.1-.9-2-2-2h-1V5c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v16h10v-7.5h1.5v5a2.5 2.5 0 0 0 5 0V9c0-.69-.28-1.32-.73-1.77zM12 10H6V5h6v5zm6 0c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_grocery_store_24px"><path d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12.9-1.63h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49A1.003 1.003 0 0 0 20 4H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_hospital_24px"><path d="M19 3H5c-1.1 0-1.99.9-1.99 2L3 19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-1 11h-4v4h-4v-4H6v-4h4V6h4v4h4v4z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_hotel_24px"><path d="M7 13c1.66 0 3-1.34 3-3S8.66 7 7 7s-3 1.34-3 3 1.34 3 3 3zm12-6h-8v7H3V5H1v15h2v-3h18v3h2v-9a4 4 0 0 0-4-4z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_laundry_service_24px"><path d="M9.17 16.83a4.008 4.008 0 0 0 5.66 0 4.008 4.008 0 0 0 0-5.66l-5.66 5.66zM18 2.01L6 2c-1.11 0-2 .89-2 2v16c0 1.11.89 2 2 2h12c1.11 0 2-.89 2-2V4c0-1.11-.89-1.99-2-1.99zM10 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zM7 4c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm5 16c-3.31 0-6-2.69-6-6s2.69-6 6-6 6 2.69 6 6-2.69 6-6 6z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_library_24px"><path d="M12 11.55C9.64 9.35 6.48 8 3 8v11c3.48 0 6.64 1.35 9 3.55 2.36-2.19 5.52-3.55 9-3.55V8c-3.48 0-6.64 1.35-9 3.55zM12 8c1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3 1.34 3 3 3z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_mall_24px"><path d="M19 6h-2c0-2.76-2.24-5-5-5S7 3.24 7 6H5c-1.1 0-1.99.9-1.99 2L3 20c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-7-3c1.66 0 3 1.34 3 3H9c0-1.66 1.34-3 3-3zm0 10c-2.76 0-5-2.24-5-5h2c0 1.66 1.34 3 3 3s3-1.34 3-3h2c0 2.76-2.24 5-5 5z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_movies_24px"><path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_offer_24px"><path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_parking_24px"><path d="M13 3H6v18h4v-6h3c3.31 0 6-2.69 6-6s-2.69-6-6-6zm.2 8H10V7h3.2c1.1 0 2 .9 2 2s-.9 2-2 2z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_pharmacy_24px"><path d="M21 5h-2.64l1.14-3.14L17.15 1l-1.46 4H3v2l2 6-2 6v2h18v-2l-2-6 2-6V5zm-5 9h-3v3h-2v-3H8v-2h3V9h2v3h3v2z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_phone_24px"><path d="M6.62 10.79a15.15 15.15 0 0 0 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_pizza_24px"><path d="M12 2C8.43 2 5.23 3.54 3.01 6L12 22l8.99-16C18.78 3.55 15.57 2 12 2zM7 7c0-1.1.9-2 2-2s2 .9 2 2-.9 2-2 2-2-.9-2-2zm5 8c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_play_24px"><path d="M20 12c0-1.1.9-2 2-2V6c0-1.1-.9-2-2-2H4c-1.1 0-1.99.9-1.99 2v4c1.1 0 1.99.9 1.99 2s-.89 2-2 2v4c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2v-4c-1.1 0-2-.9-2-2zm-4.42 4.8L12 14.5l-3.58 2.3 1.08-4.12-3.29-2.69 4.24-.25L12 5.8l1.54 3.95 4.24.25-3.29 2.69 1.09 4.11z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_post_office_24px"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_printshop_24px"><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_see_24px"><circle cx="12" cy="12" r="3.2"/><path d="M9 2L7.17 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2h-3.17L15 2H9zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_shipping_24px"><path d="M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_local_taxi_24px"><path d="M18.92 6.01C18.72 5.42 18.16 5 17.5 5H15V3H9v2H6.5c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_map_24px"><path d="M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM15 19l-6-2.11V5l6 2.11V19z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_my_location_24px"><path d="M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm8.94 3A8.994 8.994 0 0 0 13 3.06V1h-2v2.06A8.994 8.994 0 0 0 3.06 11H1v2h2.06A8.994 8.994 0 0 0 11 20.94V23h2v-2.06A8.994 8.994 0 0 0 20.94 13H23v-2h-2.06zM12 19c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_navigation_24px"><path d="M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_near_me_24px"><path d="M21 3L3 10.53v.98l6.84 2.65L12.48 21h.98L21 3z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_person_pin_24px"><path d="M19 2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 3.3A2.7 2.7 0 0 1 14.7 8a2.7 2.7 0 0 1-2.7 2.7A2.7 2.7 0 0 1 9.3 8 2.7 2.7 0 0 1 12 5.3zM18 16H6v-.9c0-2 4-3.1 6-3.1s6 1.1 6 3.1v.9z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_person_pin_circle_24px"><path d="M12 2C8.14 2 5 5.14 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.86-3.14-7-7-7zm0 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4zm0 10c-1.67 0-3.14-.85-4-2.15.02-1.32 2.67-2.05 4-2.05s3.98.73 4 2.05A4.783 4.783 0 0 1 12 14z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_pin_drop_24px"><path d="M18 8c0-3.31-2.69-6-6-6S6 4.69 6 8c0 4.5 6 11 6 11s6-6.5 6-11zm-8 0c0-1.1.9-2 2-2s2 .9 2 2a2 2 0 0 1-4 0zM5 20v2h14v-2H5z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_place_24px"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_rate_review_24px"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 14v-2.47l6.88-6.88c.2-.2.51-.2.71 0l1.77 1.77c.2.2.2.51 0 .71L8.47 14H6zm12 0h-7.5l2-2H18v2z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_restaurant_menu_24px"><path d="M8.1 13.34l2.83-2.83L3.91 3.5a4.008 4.008 0 0 0 0 5.66l4.19 4.18zm6.78-1.81c1.53.71 3.68.21 5.27-1.38 1.91-1.91 2.28-4.65.81-6.12-1.46-1.46-4.2-1.1-6.12.81-1.59 1.59-2.09 3.74-1.38 5.27L3.7 19.87l1.41 1.41L12 14.41l6.88 6.88 1.41-1.41L13.41 13l1.47-1.47z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_satellite_24px"><path d="M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 4.99h3C8 6.65 6.66 8 5 8V4.99zM5 12v-2c2.76 0 5-2.25 5-5.01h2C12 8.86 8.87 12 5 12zm0 6l3.5-4.5 2.5 3.01L14.5 12l4.5 6H5z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_store_mall_directory_24px"><path d="M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_terrain_24px"><path d="M14 6l-3.75 5 2.85 3.8-1.6 1.2C9.81 13.75 7 10 7 10l-6 8h22L14 6z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_traffic_24px"><path d="M20 10h-3V8.86c1.72-.45 3-2 3-3.86h-3V4c0-.55-.45-1-1-1H8c-.55 0-1 .45-1 1v1H4c0 1.86 1.28 3.41 3 3.86V10H4c0 1.86 1.28 3.41 3 3.86V15H4c0 1.86 1.28 3.41 3 3.86V20c0 .55.45 1 1 1h8c.55 0 1-.45 1-1v-1.14c1.72-.45 3-2 3-3.86h-3v-1.14c1.72-.45 3-2 3-3.86zm-8 9a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0-5a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm0-5a2 2 0 0 1-2-2c0-1.11.89-2 2-2a2 2 0 0 1 0 4z"/></symbol> |
| <symbol viewBox="0 0 24 24" id="ic_zoom_out_map_24px"><path d="M15 3l2.3 2.3-2.89 2.87 1.42 1.42L18.7 6.7 21 9V3zM3 9l2.3-2.3 2.87 2.89 1.42-1.42L6.7 5.3 9 3H3zm6 12l-2.3-2.3 2.89-2.87-1.42-1.42L5.3 17.3 3 15v6zm12-6l-2.3 2.3-2.87-2.89-1.42 1.42 2.89 2.87L15 21h6z"/></symbol> |
| </svg> |
| |
| <!-- |
| ==================================================================================================== |
| --> |
| |
| <header> |
| <h1>SVG <code><symbol></code> sprite preview</h1> |
| <p>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:</p> |
| <ul> |
| <li>Your browser has to <a href="http://caniuse.com/#feat=svg-html5" target="_blank">support inline SVG</a> for these techniques to work.</li> |
| <li>The embedded sprite (A) slightly differs from the generated external one. Please <a href="https://github.com/jkphl/svg-sprite#inline-embedding" target="_blank">see the documentation</a> for details on how to create such an embeddable sprite.</li> |
| <li>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 <a href="https://github.com/jonathantneal/svg4everybody" target="_blank">SVG for Everybody</a>.</li> |
| </ul> |
| </header> |
| <section> |
| |
| <!-- |
| |
| A) Inline SVG with embedded sprite |
| ==================================================================================================== |
| These SVG images make use of fragment identifiers (IDs) and are extracted out of the inline sprite |
| embedded above. They may be styled via CSS. |
| |
| --> |
| |
| <h3>A) Inline SVG with embedded sprite</h3> |
| <ul> |
| |
| <li title="ic_add_location_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_add_location_24px --> |
| <svg class="svg-ic_add_location_24px-dims"> |
| <use xlink:href="#ic_add_location_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_add_location_24px</h2> |
| </li> |
| <li title="ic_beenhere_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_beenhere_24px --> |
| <svg class="svg-ic_beenhere_24px-dims"> |
| <use xlink:href="#ic_beenhere_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_beenhere_24px</h2> |
| </li> |
| <li title="ic_directions_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_24px --> |
| <svg class="svg-ic_directions_24px-dims"> |
| <use xlink:href="#ic_directions_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_24px</h2> |
| </li> |
| <li title="ic_directions_bike_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_bike_24px --> |
| <svg class="svg-ic_directions_bike_24px-dims"> |
| <use xlink:href="#ic_directions_bike_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_bike_24px</h2> |
| </li> |
| <li title="ic_directions_boat_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_boat_24px --> |
| <svg class="svg-ic_directions_boat_24px-dims"> |
| <use xlink:href="#ic_directions_boat_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_boat_24px</h2> |
| </li> |
| <li title="ic_directions_bus_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_bus_24px --> |
| <svg class="svg-ic_directions_bus_24px-dims"> |
| <use xlink:href="#ic_directions_bus_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_bus_24px</h2> |
| </li> |
| <li title="ic_directions_car_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_car_24px --> |
| <svg class="svg-ic_directions_car_24px-dims"> |
| <use xlink:href="#ic_directions_car_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_car_24px</h2> |
| </li> |
| <li title="ic_directions_railway_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_railway_24px --> |
| <svg class="svg-ic_directions_railway_24px-dims"> |
| <use xlink:href="#ic_directions_railway_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_railway_24px</h2> |
| </li> |
| <li title="ic_directions_run_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_run_24px --> |
| <svg class="svg-ic_directions_run_24px-dims"> |
| <use xlink:href="#ic_directions_run_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_run_24px</h2> |
| </li> |
| <li title="ic_directions_subway_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_subway_24px --> |
| <svg class="svg-ic_directions_subway_24px-dims"> |
| <use xlink:href="#ic_directions_subway_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_subway_24px</h2> |
| </li> |
| <li title="ic_directions_transit_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_transit_24px --> |
| <svg class="svg-ic_directions_transit_24px-dims"> |
| <use xlink:href="#ic_directions_transit_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_transit_24px</h2> |
| </li> |
| <li title="ic_directions_walk_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_walk_24px --> |
| <svg class="svg-ic_directions_walk_24px-dims"> |
| <use xlink:href="#ic_directions_walk_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_walk_24px</h2> |
| </li> |
| <li title="ic_edit_location_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_edit_location_24px --> |
| <svg class="svg-ic_edit_location_24px-dims"> |
| <use xlink:href="#ic_edit_location_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_edit_location_24px</h2> |
| </li> |
| <li title="ic_flight_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_flight_24px --> |
| <svg class="svg-ic_flight_24px-dims"> |
| <use xlink:href="#ic_flight_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_flight_24px</h2> |
| </li> |
| <li title="ic_hotel_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_hotel_24px --> |
| <svg class="svg-ic_hotel_24px-dims"> |
| <use xlink:href="#ic_hotel_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_hotel_24px</h2> |
| </li> |
| <li title="ic_layers_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_layers_24px --> |
| <svg class="svg-ic_layers_24px-dims"> |
| <use xlink:href="#ic_layers_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_layers_24px</h2> |
| </li> |
| <li title="ic_layers_clear_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_layers_clear_24px --> |
| <svg class="svg-ic_layers_clear_24px-dims"> |
| <use xlink:href="#ic_layers_clear_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_layers_clear_24px</h2> |
| </li> |
| <li title="ic_local_activity_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_activity_24px --> |
| <svg class="svg-ic_local_activity_24px-dims"> |
| <use xlink:href="#ic_local_activity_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_activity_24px</h2> |
| </li> |
| <li title="ic_local_airport_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_airport_24px --> |
| <svg class="svg-ic_local_airport_24px-dims"> |
| <use xlink:href="#ic_local_airport_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_airport_24px</h2> |
| </li> |
| <li title="ic_local_atm_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_atm_24px --> |
| <svg class="svg-ic_local_atm_24px-dims"> |
| <use xlink:href="#ic_local_atm_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_atm_24px</h2> |
| </li> |
| <li title="ic_local_bar_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_bar_24px --> |
| <svg class="svg-ic_local_bar_24px-dims"> |
| <use xlink:href="#ic_local_bar_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_bar_24px</h2> |
| </li> |
| <li title="ic_local_cafe_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_cafe_24px --> |
| <svg class="svg-ic_local_cafe_24px-dims"> |
| <use xlink:href="#ic_local_cafe_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_cafe_24px</h2> |
| </li> |
| <li title="ic_local_car_wash_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_car_wash_24px --> |
| <svg class="svg-ic_local_car_wash_24px-dims"> |
| <use xlink:href="#ic_local_car_wash_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_car_wash_24px</h2> |
| </li> |
| <li title="ic_local_convenience_store_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_convenience_store_24px --> |
| <svg class="svg-ic_local_convenience_store_24px-dims"> |
| <use xlink:href="#ic_local_convenience_store_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_convenience_store_24px</h2> |
| </li> |
| <li title="ic_local_dining_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_dining_24px --> |
| <svg class="svg-ic_local_dining_24px-dims"> |
| <use xlink:href="#ic_local_dining_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_dining_24px</h2> |
| </li> |
| <li title="ic_local_drink_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_drink_24px --> |
| <svg class="svg-ic_local_drink_24px-dims"> |
| <use xlink:href="#ic_local_drink_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_drink_24px</h2> |
| </li> |
| <li title="ic_local_florist_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_florist_24px --> |
| <svg class="svg-ic_local_florist_24px-dims"> |
| <use xlink:href="#ic_local_florist_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_florist_24px</h2> |
| </li> |
| <li title="ic_local_gas_station_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_gas_station_24px --> |
| <svg class="svg-ic_local_gas_station_24px-dims"> |
| <use xlink:href="#ic_local_gas_station_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_gas_station_24px</h2> |
| </li> |
| <li title="ic_local_grocery_store_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_grocery_store_24px --> |
| <svg class="svg-ic_local_grocery_store_24px-dims"> |
| <use xlink:href="#ic_local_grocery_store_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_grocery_store_24px</h2> |
| </li> |
| <li title="ic_local_hospital_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_hospital_24px --> |
| <svg class="svg-ic_local_hospital_24px-dims"> |
| <use xlink:href="#ic_local_hospital_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_hospital_24px</h2> |
| </li> |
| <li title="ic_local_hotel_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_hotel_24px --> |
| <svg class="svg-ic_local_hotel_24px-dims"> |
| <use xlink:href="#ic_local_hotel_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_hotel_24px</h2> |
| </li> |
| <li title="ic_local_laundry_service_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_laundry_service_24px --> |
| <svg class="svg-ic_local_laundry_service_24px-dims"> |
| <use xlink:href="#ic_local_laundry_service_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_laundry_service_24px</h2> |
| </li> |
| <li title="ic_local_library_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_library_24px --> |
| <svg class="svg-ic_local_library_24px-dims"> |
| <use xlink:href="#ic_local_library_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_library_24px</h2> |
| </li> |
| <li title="ic_local_mall_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_mall_24px --> |
| <svg class="svg-ic_local_mall_24px-dims"> |
| <use xlink:href="#ic_local_mall_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_mall_24px</h2> |
| </li> |
| <li title="ic_local_movies_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_movies_24px --> |
| <svg class="svg-ic_local_movies_24px-dims"> |
| <use xlink:href="#ic_local_movies_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_movies_24px</h2> |
| </li> |
| <li title="ic_local_offer_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_offer_24px --> |
| <svg class="svg-ic_local_offer_24px-dims"> |
| <use xlink:href="#ic_local_offer_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_offer_24px</h2> |
| </li> |
| <li title="ic_local_parking_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_parking_24px --> |
| <svg class="svg-ic_local_parking_24px-dims"> |
| <use xlink:href="#ic_local_parking_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_parking_24px</h2> |
| </li> |
| <li title="ic_local_pharmacy_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_pharmacy_24px --> |
| <svg class="svg-ic_local_pharmacy_24px-dims"> |
| <use xlink:href="#ic_local_pharmacy_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_pharmacy_24px</h2> |
| </li> |
| <li title="ic_local_phone_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_phone_24px --> |
| <svg class="svg-ic_local_phone_24px-dims"> |
| <use xlink:href="#ic_local_phone_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_phone_24px</h2> |
| </li> |
| <li title="ic_local_pizza_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_pizza_24px --> |
| <svg class="svg-ic_local_pizza_24px-dims"> |
| <use xlink:href="#ic_local_pizza_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_pizza_24px</h2> |
| </li> |
| <li title="ic_local_play_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_play_24px --> |
| <svg class="svg-ic_local_play_24px-dims"> |
| <use xlink:href="#ic_local_play_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_play_24px</h2> |
| </li> |
| <li title="ic_local_post_office_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_post_office_24px --> |
| <svg class="svg-ic_local_post_office_24px-dims"> |
| <use xlink:href="#ic_local_post_office_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_post_office_24px</h2> |
| </li> |
| <li title="ic_local_printshop_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_printshop_24px --> |
| <svg class="svg-ic_local_printshop_24px-dims"> |
| <use xlink:href="#ic_local_printshop_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_printshop_24px</h2> |
| </li> |
| <li title="ic_local_see_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_see_24px --> |
| <svg class="svg-ic_local_see_24px-dims"> |
| <use xlink:href="#ic_local_see_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_see_24px</h2> |
| </li> |
| <li title="ic_local_shipping_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_shipping_24px --> |
| <svg class="svg-ic_local_shipping_24px-dims"> |
| <use xlink:href="#ic_local_shipping_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_shipping_24px</h2> |
| </li> |
| <li title="ic_local_taxi_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_taxi_24px --> |
| <svg class="svg-ic_local_taxi_24px-dims"> |
| <use xlink:href="#ic_local_taxi_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_taxi_24px</h2> |
| </li> |
| <li title="ic_map_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_map_24px --> |
| <svg class="svg-ic_map_24px-dims"> |
| <use xlink:href="#ic_map_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_map_24px</h2> |
| </li> |
| <li title="ic_my_location_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_my_location_24px --> |
| <svg class="svg-ic_my_location_24px-dims"> |
| <use xlink:href="#ic_my_location_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_my_location_24px</h2> |
| </li> |
| <li title="ic_navigation_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_navigation_24px --> |
| <svg class="svg-ic_navigation_24px-dims"> |
| <use xlink:href="#ic_navigation_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_navigation_24px</h2> |
| </li> |
| <li title="ic_near_me_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_near_me_24px --> |
| <svg class="svg-ic_near_me_24px-dims"> |
| <use xlink:href="#ic_near_me_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_near_me_24px</h2> |
| </li> |
| <li title="ic_person_pin_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_person_pin_24px --> |
| <svg class="svg-ic_person_pin_24px-dims"> |
| <use xlink:href="#ic_person_pin_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_person_pin_24px</h2> |
| </li> |
| <li title="ic_person_pin_circle_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_person_pin_circle_24px --> |
| <svg class="svg-ic_person_pin_circle_24px-dims"> |
| <use xlink:href="#ic_person_pin_circle_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_person_pin_circle_24px</h2> |
| </li> |
| <li title="ic_pin_drop_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_pin_drop_24px --> |
| <svg class="svg-ic_pin_drop_24px-dims"> |
| <use xlink:href="#ic_pin_drop_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_pin_drop_24px</h2> |
| </li> |
| <li title="ic_place_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_place_24px --> |
| <svg class="svg-ic_place_24px-dims"> |
| <use xlink:href="#ic_place_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_place_24px</h2> |
| </li> |
| <li title="ic_rate_review_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_rate_review_24px --> |
| <svg class="svg-ic_rate_review_24px-dims"> |
| <use xlink:href="#ic_rate_review_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_rate_review_24px</h2> |
| </li> |
| <li title="ic_restaurant_menu_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_restaurant_menu_24px --> |
| <svg class="svg-ic_restaurant_menu_24px-dims"> |
| <use xlink:href="#ic_restaurant_menu_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_restaurant_menu_24px</h2> |
| </li> |
| <li title="ic_satellite_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_satellite_24px --> |
| <svg class="svg-ic_satellite_24px-dims"> |
| <use xlink:href="#ic_satellite_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_satellite_24px</h2> |
| </li> |
| <li title="ic_store_mall_directory_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_store_mall_directory_24px --> |
| <svg class="svg-ic_store_mall_directory_24px-dims"> |
| <use xlink:href="#ic_store_mall_directory_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_store_mall_directory_24px</h2> |
| </li> |
| <li title="ic_terrain_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_terrain_24px --> |
| <svg class="svg-ic_terrain_24px-dims"> |
| <use xlink:href="#ic_terrain_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_terrain_24px</h2> |
| </li> |
| <li title="ic_traffic_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_traffic_24px --> |
| <svg class="svg-ic_traffic_24px-dims"> |
| <use xlink:href="#ic_traffic_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_traffic_24px</h2> |
| </li> |
| <li title="ic_zoom_out_map_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_zoom_out_map_24px --> |
| <svg class="svg-ic_zoom_out_map_24px-dims"> |
| <use xlink:href="#ic_zoom_out_map_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_zoom_out_map_24px</h2> |
| </li> |
| </ul> |
| |
| <!-- |
| ==================================================================================================== |
| --> |
| |
| </section> |
| <section> |
| |
| <!-- |
| |
| B) Inline SVG with external sprite (IE 9-11 with polyfill only) |
| ==================================================================================================== |
| These SVG images make use of an URL + fragment identifiers (IDs) and refer to the regular external |
| SVG sprite. They may be styled via CSS. (IE 9-11 with polyfill only) |
| |
| --> |
| |
| <h3>B) Inline SVG with external sprite (IE 9-11 with polyfill only)</h3> |
| <ul> |
| |
| <li title="ic_add_location_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_add_location_24px --> |
| <svg class="svg-ic_add_location_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_add_location_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_add_location_24px</h2> |
| </li> |
| <li title="ic_beenhere_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_beenhere_24px --> |
| <svg class="svg-ic_beenhere_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_beenhere_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_beenhere_24px</h2> |
| </li> |
| <li title="ic_directions_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_24px --> |
| <svg class="svg-ic_directions_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_directions_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_24px</h2> |
| </li> |
| <li title="ic_directions_bike_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_bike_24px --> |
| <svg class="svg-ic_directions_bike_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_directions_bike_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_bike_24px</h2> |
| </li> |
| <li title="ic_directions_boat_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_boat_24px --> |
| <svg class="svg-ic_directions_boat_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_directions_boat_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_boat_24px</h2> |
| </li> |
| <li title="ic_directions_bus_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_bus_24px --> |
| <svg class="svg-ic_directions_bus_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_directions_bus_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_bus_24px</h2> |
| </li> |
| <li title="ic_directions_car_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_car_24px --> |
| <svg class="svg-ic_directions_car_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_directions_car_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_car_24px</h2> |
| </li> |
| <li title="ic_directions_railway_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_railway_24px --> |
| <svg class="svg-ic_directions_railway_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_directions_railway_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_railway_24px</h2> |
| </li> |
| <li title="ic_directions_run_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_run_24px --> |
| <svg class="svg-ic_directions_run_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_directions_run_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_run_24px</h2> |
| </li> |
| <li title="ic_directions_subway_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_subway_24px --> |
| <svg class="svg-ic_directions_subway_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_directions_subway_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_subway_24px</h2> |
| </li> |
| <li title="ic_directions_transit_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_transit_24px --> |
| <svg class="svg-ic_directions_transit_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_directions_transit_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_transit_24px</h2> |
| </li> |
| <li title="ic_directions_walk_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_directions_walk_24px --> |
| <svg class="svg-ic_directions_walk_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_directions_walk_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_directions_walk_24px</h2> |
| </li> |
| <li title="ic_edit_location_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_edit_location_24px --> |
| <svg class="svg-ic_edit_location_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_edit_location_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_edit_location_24px</h2> |
| </li> |
| <li title="ic_flight_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_flight_24px --> |
| <svg class="svg-ic_flight_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_flight_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_flight_24px</h2> |
| </li> |
| <li title="ic_hotel_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_hotel_24px --> |
| <svg class="svg-ic_hotel_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_hotel_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_hotel_24px</h2> |
| </li> |
| <li title="ic_layers_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_layers_24px --> |
| <svg class="svg-ic_layers_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_layers_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_layers_24px</h2> |
| </li> |
| <li title="ic_layers_clear_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_layers_clear_24px --> |
| <svg class="svg-ic_layers_clear_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_layers_clear_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_layers_clear_24px</h2> |
| </li> |
| <li title="ic_local_activity_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_activity_24px --> |
| <svg class="svg-ic_local_activity_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_activity_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_activity_24px</h2> |
| </li> |
| <li title="ic_local_airport_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_airport_24px --> |
| <svg class="svg-ic_local_airport_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_airport_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_airport_24px</h2> |
| </li> |
| <li title="ic_local_atm_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_atm_24px --> |
| <svg class="svg-ic_local_atm_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_atm_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_atm_24px</h2> |
| </li> |
| <li title="ic_local_bar_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_bar_24px --> |
| <svg class="svg-ic_local_bar_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_bar_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_bar_24px</h2> |
| </li> |
| <li title="ic_local_cafe_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_cafe_24px --> |
| <svg class="svg-ic_local_cafe_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_cafe_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_cafe_24px</h2> |
| </li> |
| <li title="ic_local_car_wash_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_car_wash_24px --> |
| <svg class="svg-ic_local_car_wash_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_car_wash_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_car_wash_24px</h2> |
| </li> |
| <li title="ic_local_convenience_store_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_convenience_store_24px --> |
| <svg class="svg-ic_local_convenience_store_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_convenience_store_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_convenience_store_24px</h2> |
| </li> |
| <li title="ic_local_dining_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_dining_24px --> |
| <svg class="svg-ic_local_dining_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_dining_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_dining_24px</h2> |
| </li> |
| <li title="ic_local_drink_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_drink_24px --> |
| <svg class="svg-ic_local_drink_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_drink_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_drink_24px</h2> |
| </li> |
| <li title="ic_local_florist_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_florist_24px --> |
| <svg class="svg-ic_local_florist_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_florist_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_florist_24px</h2> |
| </li> |
| <li title="ic_local_gas_station_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_gas_station_24px --> |
| <svg class="svg-ic_local_gas_station_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_gas_station_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_gas_station_24px</h2> |
| </li> |
| <li title="ic_local_grocery_store_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_grocery_store_24px --> |
| <svg class="svg-ic_local_grocery_store_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_grocery_store_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_grocery_store_24px</h2> |
| </li> |
| <li title="ic_local_hospital_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_hospital_24px --> |
| <svg class="svg-ic_local_hospital_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_hospital_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_hospital_24px</h2> |
| </li> |
| <li title="ic_local_hotel_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_hotel_24px --> |
| <svg class="svg-ic_local_hotel_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_hotel_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_hotel_24px</h2> |
| </li> |
| <li title="ic_local_laundry_service_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_laundry_service_24px --> |
| <svg class="svg-ic_local_laundry_service_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_laundry_service_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_laundry_service_24px</h2> |
| </li> |
| <li title="ic_local_library_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_library_24px --> |
| <svg class="svg-ic_local_library_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_library_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_library_24px</h2> |
| </li> |
| <li title="ic_local_mall_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_mall_24px --> |
| <svg class="svg-ic_local_mall_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_mall_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_mall_24px</h2> |
| </li> |
| <li title="ic_local_movies_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_movies_24px --> |
| <svg class="svg-ic_local_movies_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_movies_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_movies_24px</h2> |
| </li> |
| <li title="ic_local_offer_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_offer_24px --> |
| <svg class="svg-ic_local_offer_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_offer_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_offer_24px</h2> |
| </li> |
| <li title="ic_local_parking_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_parking_24px --> |
| <svg class="svg-ic_local_parking_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_parking_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_parking_24px</h2> |
| </li> |
| <li title="ic_local_pharmacy_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_pharmacy_24px --> |
| <svg class="svg-ic_local_pharmacy_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_pharmacy_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_pharmacy_24px</h2> |
| </li> |
| <li title="ic_local_phone_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_phone_24px --> |
| <svg class="svg-ic_local_phone_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_phone_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_phone_24px</h2> |
| </li> |
| <li title="ic_local_pizza_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_pizza_24px --> |
| <svg class="svg-ic_local_pizza_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_pizza_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_pizza_24px</h2> |
| </li> |
| <li title="ic_local_play_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_play_24px --> |
| <svg class="svg-ic_local_play_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_play_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_play_24px</h2> |
| </li> |
| <li title="ic_local_post_office_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_post_office_24px --> |
| <svg class="svg-ic_local_post_office_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_post_office_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_post_office_24px</h2> |
| </li> |
| <li title="ic_local_printshop_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_printshop_24px --> |
| <svg class="svg-ic_local_printshop_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_printshop_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_printshop_24px</h2> |
| </li> |
| <li title="ic_local_see_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_see_24px --> |
| <svg class="svg-ic_local_see_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_see_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_see_24px</h2> |
| </li> |
| <li title="ic_local_shipping_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_shipping_24px --> |
| <svg class="svg-ic_local_shipping_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_shipping_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_shipping_24px</h2> |
| </li> |
| <li title="ic_local_taxi_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_local_taxi_24px --> |
| <svg class="svg-ic_local_taxi_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_local_taxi_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_local_taxi_24px</h2> |
| </li> |
| <li title="ic_map_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_map_24px --> |
| <svg class="svg-ic_map_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_map_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_map_24px</h2> |
| </li> |
| <li title="ic_my_location_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_my_location_24px --> |
| <svg class="svg-ic_my_location_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_my_location_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_my_location_24px</h2> |
| </li> |
| <li title="ic_navigation_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_navigation_24px --> |
| <svg class="svg-ic_navigation_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_navigation_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_navigation_24px</h2> |
| </li> |
| <li title="ic_near_me_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_near_me_24px --> |
| <svg class="svg-ic_near_me_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_near_me_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_near_me_24px</h2> |
| </li> |
| <li title="ic_person_pin_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_person_pin_24px --> |
| <svg class="svg-ic_person_pin_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_person_pin_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_person_pin_24px</h2> |
| </li> |
| <li title="ic_person_pin_circle_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_person_pin_circle_24px --> |
| <svg class="svg-ic_person_pin_circle_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_person_pin_circle_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_person_pin_circle_24px</h2> |
| </li> |
| <li title="ic_pin_drop_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_pin_drop_24px --> |
| <svg class="svg-ic_pin_drop_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_pin_drop_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_pin_drop_24px</h2> |
| </li> |
| <li title="ic_place_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_place_24px --> |
| <svg class="svg-ic_place_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_place_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_place_24px</h2> |
| </li> |
| <li title="ic_rate_review_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_rate_review_24px --> |
| <svg class="svg-ic_rate_review_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_rate_review_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_rate_review_24px</h2> |
| </li> |
| <li title="ic_restaurant_menu_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_restaurant_menu_24px --> |
| <svg class="svg-ic_restaurant_menu_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_restaurant_menu_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_restaurant_menu_24px</h2> |
| </li> |
| <li title="ic_satellite_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_satellite_24px --> |
| <svg class="svg-ic_satellite_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_satellite_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_satellite_24px</h2> |
| </li> |
| <li title="ic_store_mall_directory_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_store_mall_directory_24px --> |
| <svg class="svg-ic_store_mall_directory_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_store_mall_directory_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_store_mall_directory_24px</h2> |
| </li> |
| <li title="ic_terrain_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_terrain_24px --> |
| <svg class="svg-ic_terrain_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_terrain_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_terrain_24px</h2> |
| </li> |
| <li title="ic_traffic_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_traffic_24px --> |
| <svg class="svg-ic_traffic_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_traffic_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_traffic_24px</h2> |
| </li> |
| <li title="ic_zoom_out_map_24px"> |
| <div class="icon-box"> |
| |
| <!-- ic_zoom_out_map_24px --> |
| <svg class="svg-ic_zoom_out_map_24px-dims"> |
| <use xlink:href="svg-sprite-maps-symbol.svg#ic_zoom_out_map_24px"></use> |
| </svg> |
| |
| </div> |
| <h2>ic_zoom_out_map_24px</h2> |
| </li> |
| </ul> |
| |
| <!-- |
| ==================================================================================================== |
| --> |
| |
| </section> |
| <footer> |
| <p>Generated at Tue, 17 Nov 2015 23:07:28 GMT by <a href="https://github.com/jkphl/svg-sprite" target="_blank">svg-sprite</a>.</p> |
| </footer> |
| </body> |
| </html> |
