<!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/svg4everybody.js"></script>
<title>SVG 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 image dimensions
====================================================================================================
You will need to set the sprite image 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_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_bus_24px-dims { width: 24px; height: 24px; }
.svg-ic_directions_car_24px-dims { width: 24px; height: 24px; }
.svg-ic_directions_ferry_24px-dims { width: 24px; height: 24px; }
.svg-ic_directions_subway_24px-dims { width: 24px; height: 24px; }
.svg-ic_directions_train_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_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_airport_24px-dims { width: 24px; height: 24px; }
.svg-ic_local_atm_24px-dims { width: 24px; height: 24px; }
.svg-ic_local_attraction_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_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_print_shop_24px-dims { width: 24px; height: 24px; }
.svg-ic_local_restaurant_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_location_history_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_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; }
</style>
<!--
====================================================================================================
-->
</head>
<body>
<!--
Inline 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 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="0" height="0" style="position:absolute">
<defs>
<svg width="24" height="24" viewBox="0 0 24 24" id="ic_beenhere_24px" y="0"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_directions_24px" y="24"><path d="M21.71 11.29l-9-9c-.39-.39-1.02-.39-1.41 0l-9 9c-.39.39-.39 1.02 0 1.41l9 9c.39.39 1.02.39 1.41 0l9-9c.39-.38.39-1.01 0-1.41zM14 14.5V12h-4v3H8v-4c0-.55.45-1 1-1h5V7.5l3.5 3.5-3.5 3.5z"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_directions_bike_24px" y="48"><path d="M0 0h24v24H0z" fill="none"/><path d="M16 4.8c.99 0 1.8-.81 1.8-1.8s-.81-1.8-1.8-1.8c-1 0-1.8.81-1.8 1.8S15 4.8 16 4.8zm3 7.2c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0 8.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5zM14.8 10H19V8.2h-3.2l-1.93-3.27c-.3-.5-.84-.83-1.46-.83-.47 0-.89.19-1.2.5l-3.7 3.7c-.32.3-.51.73-.51 1.2 0 .63.33 1.16.85 1.47L11.2 13v5H13v-6.48l-2.25-1.67 2.32-2.33L14.8 10zM5 12c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0 8.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_directions_bus_24px" y="72"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_directions_car_24px" y="96"><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"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_directions_ferry_24px" y="120"><path d="M0 0h24v24H0z" fill="none"/><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-.99 2.52 1.29 5.48 1.29 8 0 1.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.42c-.26.08-.48.26-.6.5s-.15.52-.06.78L3.95 19zM6 6h12v3.97L12 8 6 9.97V6z"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_directions_subway_24px" y="144"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_directions_train_24px" y="168"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_directions_transit_24px" y="192"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_directions_walk_24px" y="216"><path d="M0 0h24v24H0z" fill="none"/><path d="M14 3.8c.99 0 1.8-.81 1.8-1.8 0-1-.81-1.8-1.8-1.8-1 0-1.8.81-1.8 1.8S13 3.8 14 3.8zm.12 6.2H19V8.2h-3.62l-2-3.33c-.3-.5-.84-.83-1.46-.83-.17 0-.34.03-.49.07L6 5.8V11h1.8V7.33l2.11-.66L6 22h1.8l2.87-8.11L13 17v5h1.8v-6.41l-2.49-4.54.73-2.87L14.12 10z"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_flight_24px" y="240"><path d="M10.18 9"/><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"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_hotel_24px" y="264"><path d="M0 0h24v24H0z" fill="none"/><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-9c0-2.21-1.79-4-4-4z"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_layers_24px" y="288"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_layers_clear_24px" y="312"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_airport_24px" y="336"><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"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_atm_24px" y="360"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_attraction_24px" y="384"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_bar_24px" y="408"><path d="M0 0h24v24H0z" fill="none"/><path d="M11 13v6H6v2h12v-2h-5v-6l8-8V3H3v2l8 8zM7.5 7l-2-2h13l-2 2h-9z"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_cafe_24px" y="432"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 3H4v10c0 2.21 1.79 4 4 4h6c2.21 0 4-1.79 4-4v-3h2c1.11 0 2-.89 2-2V5c0-1.11-.89-2-2-2zm0 5h-2V5h2v3zM2 21h18v-2H2v2z"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_car_wash_24px" y="456"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_convenience_store_24px" y="480"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 7V4H5v3H2v13h8v-4h4v4h8V7h-3zm-8 3H9v1h2v1H8V9h2V8H8V7h3v3zm5 2h-1v-2h-2V7h1v2h1V7h1v5z"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_drink_24px" y="504"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_florist_24px" y="528"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 22c4.97 0 9-4.03 9-9-4.97 0-9 4.03-9 9zM5.6 10.25c0 1.38 1.12 2.5 2.5 2.5.53 0 1.01-.16 1.42-.44l-.02.19c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5l-.02-.19c.4.28.89.44 1.42.44 1.38 0 2.5-1.12 2.5-2.5 0-1-.59-1.85-1.43-2.25.84-.4 1.43-1.25 1.43-2.25 0-1.38-1.12-2.5-2.5-2.5-.53 0-1.01.16-1.42.44l.02-.19C14.5 2.12 13.38 1 12 1S9.5 2.12 9.5 3.5l.02.19c-.4-.28-.89-.44-1.42-.44-1.38 0-2.5 1.12-2.5 2.5 0 1 .59 1.85 1.43 2.25-.84.4-1.43 1.25-1.43 2.25zM12 5.5c1.38 0 2.5 1.12 2.5 2.5s-1.12 2.5-2.5 2.5S9.5 9.38 9.5 8s1.12-2.5 2.5-2.5zM3 13c0 4.97 4.03 9 9 9 0-4.97-4.03-9-9-9z"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_gas_station_24px" y="552"><path d="M0 0h24v24H0z" fill="none"/><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.33 0 1.38 1.12 2.5 2.5 2.5.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.5v5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V9c0-.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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_grocery_store_24px" y="576"><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.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.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"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_hospital_24px" y="600"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_hotel_24px" y="624"><path d="M0 0h24v24H0z" fill="none"/><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-9c0-2.21-1.79-4-4-4z"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_laundry_service_24px" y="648"><path d="M9.17 16.83c1.56 1.56 4.1 1.56 5.66 0 1.56-1.56 1.56-4.1 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"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_library_24px" y="672"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_mall_24px" y="696"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_movies_24px" y="720"><path d="M18 3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3h-2zM8 17H6v-2h2v2zm0-4H6v-2h2v2zm0-4H6V7h2v2zm10 8h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2V7h2v2z"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_offer_24px" y="744"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_parking_24px" y="768"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_pharmacy_24px" y="792"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_phone_24px" y="816"><path d="M0 0h24v24H0z" fill="none"/><path d="M6.62 10.79c1.44 2.83 3.76 5.14 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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_pizza_24px" y="840"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_play_24px" y="864"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_post_office_24px" y="888"><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"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_print_shop_24px" y="912"><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"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_restaurant_24px" y="936"><path d="M0 0h24v24H0z" fill="none"/><path d="M8.1 13.34l2.83-2.83L3.91 3.5c-1.56 1.56-1.56 4.09 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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_see_24px" y="960"><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"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_shipping_24px" y="984"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_taxi_24px" y="1008"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_location_history_24px" y="1032"><path d="M19 2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-7 3.3c1.49 0 2.7 1.21 2.7 2.7 0 1.49-1.21 2.7-2.7 2.7-1.49 0-2.7-1.21-2.7-2.7 0-1.49 1.21-2.7 2.7-2.7zM18 16H6v-.9c0-2 4-3.1 6-3.1s6 1.1 6 3.1v.9z"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_map_24px" y="1056"><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"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_my_location_24px" y="1080"><path d="M0 0h24v24H0z" fill="none"/><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 3c-.46-4.17-3.77-7.48-7.94-7.94V1h-2v2.06C6.83 3.52 3.52 6.83 3.06 11H1v2h2.06c.46 4.17 3.77 7.48 7.94 7.94V23h2v-2.06c4.17-.46 7.48-3.77 7.94-7.94H23v-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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_navigation_24px" y="1104"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_pin_drop_24px" y="1128"><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 2-.89 2-2 2c-1.1 0-2-.9-2-2zM5 20v2h14v-2H5z"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_place_24px" y="1152"><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.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/><path d="M0 0h24v24H0z" fill="none"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_rate_review_24px" y="1176"><path d="M0 0h24v24H0zm15.35 6.41l-1.77-1.77c-.2-.2-.51-.2-.71 0L6 11.53V14h2.47l6.88-6.88c.2-.19.2-.51 0-.71z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_restaurant_menu_24px" y="1200"><path d="M0 0h24v24H0z" fill="none"/><path d="M8.1 13.34l2.83-2.83L3.91 3.5c-1.56 1.56-1.56 4.09 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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_satellite_24px" y="1224"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_store_mall_directory_24px" y="1248"><path d="M0 0h24v24H0z" fill="none"/><path d="M20 4H4v2h16V4zm1 10v-2l-1-5H4l-1 5v2h1v6h10v-6h4v6h2v-6h1zm-9 4H6v-4h6v4z"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_terrain_24px" y="1272"><path d="M0 0h24v24H0z" fill="none"/><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_traffic_24px" y="1296"><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 9c-1.11 0-2-.9-2-2s.89-2 2-2c1.1 0 2 .9 2 2s-.89 2-2 2zm0-5c-1.11 0-2-.9-2-2s.89-2 2-2c1.1 0 2 .9 2 2s-.89 2-2 2zm0-5c-1.11 0-2-.9-2-2 0-1.11.89-2 2-2 1.1 0 2 .89 2 2 0 1.1-.89 2-2 2z"/><path d="M0 0h24v24H0z" fill="none"/></svg> </defs>
</svg><!--
====================================================================================================
-->
<header>
<h1>SVG 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/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>
<!--
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_beenhere_24px">
<div class="icon-box">
<!-- ic_beenhere_24px -->
<svg viewBox="0 0 24 24" class="svg-ic_beenhere_24px svg-ic_beenhere_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 24 24 24" class="svg-ic_directions_24px svg-ic_directions_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 48 24 24" class="svg-ic_directions_bike_24px svg-ic_directions_bike_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="#ic_directions_bike_24px"></use>
</svg>
</div>
<h2>ic_directions_bike_24px</h2>
</li>
<li title="ic_directions_bus_24px">
<div class="icon-box">
<!-- ic_directions_bus_24px -->
<svg viewBox="0 72 24 24" class="svg-ic_directions_bus_24px svg-ic_directions_bus_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 96 24 24" class="svg-ic_directions_car_24px svg-ic_directions_car_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="#ic_directions_car_24px"></use>
</svg>
</div>
<h2>ic_directions_car_24px</h2>
</li>
<li title="ic_directions_ferry_24px">
<div class="icon-box">
<!-- ic_directions_ferry_24px -->
<svg viewBox="0 120 24 24" class="svg-ic_directions_ferry_24px svg-ic_directions_ferry_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="#ic_directions_ferry_24px"></use>
</svg>
</div>
<h2>ic_directions_ferry_24px</h2>
</li>
<li title="ic_directions_subway_24px">
<div class="icon-box">
<!-- ic_directions_subway_24px -->
<svg viewBox="0 144 24 24" class="svg-ic_directions_subway_24px svg-ic_directions_subway_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="#ic_directions_subway_24px"></use>
</svg>
</div>
<h2>ic_directions_subway_24px</h2>
</li>
<li title="ic_directions_train_24px">
<div class="icon-box">
<!-- ic_directions_train_24px -->
<svg viewBox="0 168 24 24" class="svg-ic_directions_train_24px svg-ic_directions_train_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="#ic_directions_train_24px"></use>
</svg>
</div>
<h2>ic_directions_train_24px</h2>
</li>
<li title="ic_directions_transit_24px">
<div class="icon-box">
<!-- ic_directions_transit_24px -->
<svg viewBox="0 192 24 24" class="svg-ic_directions_transit_24px svg-ic_directions_transit_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 216 24 24" class="svg-ic_directions_walk_24px svg-ic_directions_walk_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="#ic_directions_walk_24px"></use>
</svg>
</div>
<h2>ic_directions_walk_24px</h2>
</li>
<li title="ic_flight_24px">
<div class="icon-box">
<!-- ic_flight_24px -->
<svg viewBox="0 240 24 24" class="svg-ic_flight_24px svg-ic_flight_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 264 24 24" class="svg-ic_hotel_24px svg-ic_hotel_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 288 24 24" class="svg-ic_layers_24px svg-ic_layers_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 312 24 24" class="svg-ic_layers_clear_24px svg-ic_layers_clear_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="#ic_layers_clear_24px"></use>
</svg>
</div>
<h2>ic_layers_clear_24px</h2>
</li>
<li title="ic_local_airport_24px">
<div class="icon-box">
<!-- ic_local_airport_24px -->
<svg viewBox="0 336 24 24" class="svg-ic_local_airport_24px svg-ic_local_airport_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 360 24 24" class="svg-ic_local_atm_24px svg-ic_local_atm_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="#ic_local_atm_24px"></use>
</svg>
</div>
<h2>ic_local_atm_24px</h2>
</li>
<li title="ic_local_attraction_24px">
<div class="icon-box">
<!-- ic_local_attraction_24px -->
<svg viewBox="0 384 24 24" class="svg-ic_local_attraction_24px svg-ic_local_attraction_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="#ic_local_attraction_24px"></use>
</svg>
</div>
<h2>ic_local_attraction_24px</h2>
</li>
<li title="ic_local_bar_24px">
<div class="icon-box">
<!-- ic_local_bar_24px -->
<svg viewBox="0 408 24 24" class="svg-ic_local_bar_24px svg-ic_local_bar_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 432 24 24" class="svg-ic_local_cafe_24px svg-ic_local_cafe_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 456 24 24" class="svg-ic_local_car_wash_24px svg-ic_local_car_wash_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 480 24 24" class="svg-ic_local_convenience_store_24px svg-ic_local_convenience_store_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="#ic_local_convenience_store_24px"></use>
</svg>
</div>
<h2>ic_local_convenience_store_24px</h2>
</li>
<li title="ic_local_drink_24px">
<div class="icon-box">
<!-- ic_local_drink_24px -->
<svg viewBox="0 504 24 24" class="svg-ic_local_drink_24px svg-ic_local_drink_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 528 24 24" class="svg-ic_local_florist_24px svg-ic_local_florist_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 552 24 24" class="svg-ic_local_gas_station_24px svg-ic_local_gas_station_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 576 24 24" class="svg-ic_local_grocery_store_24px svg-ic_local_grocery_store_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 600 24 24" class="svg-ic_local_hospital_24px svg-ic_local_hospital_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 624 24 24" class="svg-ic_local_hotel_24px svg-ic_local_hotel_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 648 24 24" class="svg-ic_local_laundry_service_24px svg-ic_local_laundry_service_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 672 24 24" class="svg-ic_local_library_24px svg-ic_local_library_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 696 24 24" class="svg-ic_local_mall_24px svg-ic_local_mall_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 720 24 24" class="svg-ic_local_movies_24px svg-ic_local_movies_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 744 24 24" class="svg-ic_local_offer_24px svg-ic_local_offer_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 768 24 24" class="svg-ic_local_parking_24px svg-ic_local_parking_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 792 24 24" class="svg-ic_local_pharmacy_24px svg-ic_local_pharmacy_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 816 24 24" class="svg-ic_local_phone_24px svg-ic_local_phone_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 840 24 24" class="svg-ic_local_pizza_24px svg-ic_local_pizza_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 864 24 24" class="svg-ic_local_play_24px svg-ic_local_play_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 888 24 24" class="svg-ic_local_post_office_24px svg-ic_local_post_office_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="#ic_local_post_office_24px"></use>
</svg>
</div>
<h2>ic_local_post_office_24px</h2>
</li>
<li title="ic_local_print_shop_24px">
<div class="icon-box">
<!-- ic_local_print_shop_24px -->
<svg viewBox="0 912 24 24" class="svg-ic_local_print_shop_24px svg-ic_local_print_shop_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="#ic_local_print_shop_24px"></use>
</svg>
</div>
<h2>ic_local_print_shop_24px</h2>
</li>
<li title="ic_local_restaurant_24px">
<div class="icon-box">
<!-- ic_local_restaurant_24px -->
<svg viewBox="0 936 24 24" class="svg-ic_local_restaurant_24px svg-ic_local_restaurant_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="#ic_local_restaurant_24px"></use>
</svg>
</div>
<h2>ic_local_restaurant_24px</h2>
</li>
<li title="ic_local_see_24px">
<div class="icon-box">
<!-- ic_local_see_24px -->
<svg viewBox="0 960 24 24" class="svg-ic_local_see_24px svg-ic_local_see_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 984 24 24" class="svg-ic_local_shipping_24px svg-ic_local_shipping_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 1008 24 24" class="svg-ic_local_taxi_24px svg-ic_local_taxi_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="#ic_local_taxi_24px"></use>
</svg>
</div>
<h2>ic_local_taxi_24px</h2>
</li>
<li title="ic_location_history_24px">
<div class="icon-box">
<!-- ic_location_history_24px -->
<svg viewBox="0 1032 24 24" class="svg-ic_location_history_24px svg-ic_location_history_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="#ic_location_history_24px"></use>
</svg>
</div>
<h2>ic_location_history_24px</h2>
</li>
<li title="ic_map_24px">
<div class="icon-box">
<!-- ic_map_24px -->
<svg viewBox="0 1056 24 24" class="svg-ic_map_24px svg-ic_map_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 1080 24 24" class="svg-ic_my_location_24px svg-ic_my_location_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 1104 24 24" class="svg-ic_navigation_24px svg-ic_navigation_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="#ic_navigation_24px"></use>
</svg>
</div>
<h2>ic_navigation_24px</h2>
</li>
<li title="ic_pin_drop_24px">
<div class="icon-box">
<!-- ic_pin_drop_24px -->
<svg viewBox="0 1128 24 24" class="svg-ic_pin_drop_24px svg-ic_pin_drop_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 1152 24 24" class="svg-ic_place_24px svg-ic_place_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 1176 24 24" class="svg-ic_rate_review_24px svg-ic_rate_review_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 1200 24 24" class="svg-ic_restaurant_menu_24px svg-ic_restaurant_menu_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 1224 24 24" class="svg-ic_satellite_24px svg-ic_satellite_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 1248 24 24" class="svg-ic_store_mall_directory_24px svg-ic_store_mall_directory_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 1272 24 24" class="svg-ic_terrain_24px svg-ic_terrain_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<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 viewBox="0 1296 24 24" class="svg-ic_traffic_24px svg-ic_traffic_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="#ic_traffic_24px"></use>
</svg>
</div>
<h2>ic_traffic_24px</h2>
</li>
</ul>
<!--
====================================================================================================
-->
<!--
Inline SVG with external sprite
====================================================================================================
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_beenhere_24px">
<div class="icon-box">
<!-- ic_beenhere_24px -->
<svg viewBox="0 0 24 24" class="svg-ic_beenhere_24px svg-ic_beenhere_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 24 24 24" class="svg-ic_directions_24px svg-ic_directions_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 48 24 24" class="svg-ic_directions_bike_24px svg-ic_directions_bike_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.svg#ic_directions_bike_24px"></use>
</svg>
</div>
<h2>ic_directions_bike_24px</h2>
</li>
<li title="ic_directions_bus_24px">
<div class="icon-box">
<!-- ic_directions_bus_24px -->
<svg viewBox="0 72 24 24" class="svg-ic_directions_bus_24px svg-ic_directions_bus_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 96 24 24" class="svg-ic_directions_car_24px svg-ic_directions_car_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.svg#ic_directions_car_24px"></use>
</svg>
</div>
<h2>ic_directions_car_24px</h2>
</li>
<li title="ic_directions_ferry_24px">
<div class="icon-box">
<!-- ic_directions_ferry_24px -->
<svg viewBox="0 120 24 24" class="svg-ic_directions_ferry_24px svg-ic_directions_ferry_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.svg#ic_directions_ferry_24px"></use>
</svg>
</div>
<h2>ic_directions_ferry_24px</h2>
</li>
<li title="ic_directions_subway_24px">
<div class="icon-box">
<!-- ic_directions_subway_24px -->
<svg viewBox="0 144 24 24" class="svg-ic_directions_subway_24px svg-ic_directions_subway_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.svg#ic_directions_subway_24px"></use>
</svg>
</div>
<h2>ic_directions_subway_24px</h2>
</li>
<li title="ic_directions_train_24px">
<div class="icon-box">
<!-- ic_directions_train_24px -->
<svg viewBox="0 168 24 24" class="svg-ic_directions_train_24px svg-ic_directions_train_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.svg#ic_directions_train_24px"></use>
</svg>
</div>
<h2>ic_directions_train_24px</h2>
</li>
<li title="ic_directions_transit_24px">
<div class="icon-box">
<!-- ic_directions_transit_24px -->
<svg viewBox="0 192 24 24" class="svg-ic_directions_transit_24px svg-ic_directions_transit_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 216 24 24" class="svg-ic_directions_walk_24px svg-ic_directions_walk_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.svg#ic_directions_walk_24px"></use>
</svg>
</div>
<h2>ic_directions_walk_24px</h2>
</li>
<li title="ic_flight_24px">
<div class="icon-box">
<!-- ic_flight_24px -->
<svg viewBox="0 240 24 24" class="svg-ic_flight_24px svg-ic_flight_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 264 24 24" class="svg-ic_hotel_24px svg-ic_hotel_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 288 24 24" class="svg-ic_layers_24px svg-ic_layers_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 312 24 24" class="svg-ic_layers_clear_24px svg-ic_layers_clear_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.svg#ic_layers_clear_24px"></use>
</svg>
</div>
<h2>ic_layers_clear_24px</h2>
</li>
<li title="ic_local_airport_24px">
<div class="icon-box">
<!-- ic_local_airport_24px -->
<svg viewBox="0 336 24 24" class="svg-ic_local_airport_24px svg-ic_local_airport_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 360 24 24" class="svg-ic_local_atm_24px svg-ic_local_atm_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.svg#ic_local_atm_24px"></use>
</svg>
</div>
<h2>ic_local_atm_24px</h2>
</li>
<li title="ic_local_attraction_24px">
<div class="icon-box">
<!-- ic_local_attraction_24px -->
<svg viewBox="0 384 24 24" class="svg-ic_local_attraction_24px svg-ic_local_attraction_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.svg#ic_local_attraction_24px"></use>
</svg>
</div>
<h2>ic_local_attraction_24px</h2>
</li>
<li title="ic_local_bar_24px">
<div class="icon-box">
<!-- ic_local_bar_24px -->
<svg viewBox="0 408 24 24" class="svg-ic_local_bar_24px svg-ic_local_bar_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 432 24 24" class="svg-ic_local_cafe_24px svg-ic_local_cafe_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 456 24 24" class="svg-ic_local_car_wash_24px svg-ic_local_car_wash_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 480 24 24" class="svg-ic_local_convenience_store_24px svg-ic_local_convenience_store_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.svg#ic_local_convenience_store_24px"></use>
</svg>
</div>
<h2>ic_local_convenience_store_24px</h2>
</li>
<li title="ic_local_drink_24px">
<div class="icon-box">
<!-- ic_local_drink_24px -->
<svg viewBox="0 504 24 24" class="svg-ic_local_drink_24px svg-ic_local_drink_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 528 24 24" class="svg-ic_local_florist_24px svg-ic_local_florist_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 552 24 24" class="svg-ic_local_gas_station_24px svg-ic_local_gas_station_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 576 24 24" class="svg-ic_local_grocery_store_24px svg-ic_local_grocery_store_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 600 24 24" class="svg-ic_local_hospital_24px svg-ic_local_hospital_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 624 24 24" class="svg-ic_local_hotel_24px svg-ic_local_hotel_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 648 24 24" class="svg-ic_local_laundry_service_24px svg-ic_local_laundry_service_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 672 24 24" class="svg-ic_local_library_24px svg-ic_local_library_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 696 24 24" class="svg-ic_local_mall_24px svg-ic_local_mall_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 720 24 24" class="svg-ic_local_movies_24px svg-ic_local_movies_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 744 24 24" class="svg-ic_local_offer_24px svg-ic_local_offer_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 768 24 24" class="svg-ic_local_parking_24px svg-ic_local_parking_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 792 24 24" class="svg-ic_local_pharmacy_24px svg-ic_local_pharmacy_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 816 24 24" class="svg-ic_local_phone_24px svg-ic_local_phone_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 840 24 24" class="svg-ic_local_pizza_24px svg-ic_local_pizza_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 864 24 24" class="svg-ic_local_play_24px svg-ic_local_play_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 888 24 24" class="svg-ic_local_post_office_24px svg-ic_local_post_office_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.svg#ic_local_post_office_24px"></use>
</svg>
</div>
<h2>ic_local_post_office_24px</h2>
</li>
<li title="ic_local_print_shop_24px">
<div class="icon-box">
<!-- ic_local_print_shop_24px -->
<svg viewBox="0 912 24 24" class="svg-ic_local_print_shop_24px svg-ic_local_print_shop_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.svg#ic_local_print_shop_24px"></use>
</svg>
</div>
<h2>ic_local_print_shop_24px</h2>
</li>
<li title="ic_local_restaurant_24px">
<div class="icon-box">
<!-- ic_local_restaurant_24px -->
<svg viewBox="0 936 24 24" class="svg-ic_local_restaurant_24px svg-ic_local_restaurant_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.svg#ic_local_restaurant_24px"></use>
</svg>
</div>
<h2>ic_local_restaurant_24px</h2>
</li>
<li title="ic_local_see_24px">
<div class="icon-box">
<!-- ic_local_see_24px -->
<svg viewBox="0 960 24 24" class="svg-ic_local_see_24px svg-ic_local_see_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 984 24 24" class="svg-ic_local_shipping_24px svg-ic_local_shipping_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 1008 24 24" class="svg-ic_local_taxi_24px svg-ic_local_taxi_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.svg#ic_local_taxi_24px"></use>
</svg>
</div>
<h2>ic_local_taxi_24px</h2>
</li>
<li title="ic_location_history_24px">
<div class="icon-box">
<!-- ic_location_history_24px -->
<svg viewBox="0 1032 24 24" class="svg-ic_location_history_24px svg-ic_location_history_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.svg#ic_location_history_24px"></use>
</svg>
</div>
<h2>ic_location_history_24px</h2>
</li>
<li title="ic_map_24px">
<div class="icon-box">
<!-- ic_map_24px -->
<svg viewBox="0 1056 24 24" class="svg-ic_map_24px svg-ic_map_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 1080 24 24" class="svg-ic_my_location_24px svg-ic_my_location_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 1104 24 24" class="svg-ic_navigation_24px svg-ic_navigation_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.svg#ic_navigation_24px"></use>
</svg>
</div>
<h2>ic_navigation_24px</h2>
</li>
<li title="ic_pin_drop_24px">
<div class="icon-box">
<!-- ic_pin_drop_24px -->
<svg viewBox="0 1128 24 24" class="svg-ic_pin_drop_24px svg-ic_pin_drop_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 1152 24 24" class="svg-ic_place_24px svg-ic_place_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 1176 24 24" class="svg-ic_rate_review_24px svg-ic_rate_review_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 1200 24 24" class="svg-ic_restaurant_menu_24px svg-ic_restaurant_menu_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 1224 24 24" class="svg-ic_satellite_24px svg-ic_satellite_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 1248 24 24" class="svg-ic_store_mall_directory_24px svg-ic_store_mall_directory_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 1272 24 24" class="svg-ic_terrain_24px svg-ic_terrain_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.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 viewBox="0 1296 24 24" class="svg-ic_traffic_24px svg-ic_traffic_24px-dims" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<use xlink:href="svg/sprite.svg#ic_traffic_24px"></use>
</svg>
</div>
<h2>ic_traffic_24px</h2>
</li>
</ul>
<!--
====================================================================================================
-->
</section>
<footer>
<p>Generated at Wed, 15 Oct 2014 21:41:57 GMT by <a href="https://github.com/jkphl/svg-sprite" target="_blank">svg-sprite</a>.</p>
</footer>
</body>
</html>