svg-sprite-maps.html 74 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  6. <script src="https://rawgit.com/jonathantneal/svg4everybody/master/svg4everybody.js"></script>
  7. <title>SVG sprite preview | svg-sprite</title>
  8. <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>
  9. <!--
  10. Sprite image dimensions
  11. ====================================================================================================
  12. You will need to set the sprite image dimensions via CSS when you use them as inline SVG, otherwise
  13. they would become a huge 100% in size. You may use the following dimension classes for doing so.
  14. They might well be outsourced to an external stylesheet of course.
  15. -->
  16. <style type="text/css">
  17. .svg-ic_beenhere_24px-dims { width: 24px; height: 24px; }
  18. .svg-ic_directions_24px-dims { width: 24px; height: 24px; }
  19. .svg-ic_directions_bike_24px-dims { width: 24px; height: 24px; }
  20. .svg-ic_directions_bus_24px-dims { width: 24px; height: 24px; }
  21. .svg-ic_directions_car_24px-dims { width: 24px; height: 24px; }
  22. .svg-ic_directions_ferry_24px-dims { width: 24px; height: 24px; }
  23. .svg-ic_directions_subway_24px-dims { width: 24px; height: 24px; }
  24. .svg-ic_directions_train_24px-dims { width: 24px; height: 24px; }
  25. .svg-ic_directions_transit_24px-dims { width: 24px; height: 24px; }
  26. .svg-ic_directions_walk_24px-dims { width: 24px; height: 24px; }
  27. .svg-ic_flight_24px-dims { width: 24px; height: 24px; }
  28. .svg-ic_hotel_24px-dims { width: 24px; height: 24px; }
  29. .svg-ic_layers_24px-dims { width: 24px; height: 24px; }
  30. .svg-ic_layers_clear_24px-dims { width: 24px; height: 24px; }
  31. .svg-ic_local_airport_24px-dims { width: 24px; height: 24px; }
  32. .svg-ic_local_atm_24px-dims { width: 24px; height: 24px; }
  33. .svg-ic_local_attraction_24px-dims { width: 24px; height: 24px; }
  34. .svg-ic_local_bar_24px-dims { width: 24px; height: 24px; }
  35. .svg-ic_local_cafe_24px-dims { width: 24px; height: 24px; }
  36. .svg-ic_local_car_wash_24px-dims { width: 24px; height: 24px; }
  37. .svg-ic_local_convenience_store_24px-dims { width: 24px; height: 24px; }
  38. .svg-ic_local_drink_24px-dims { width: 24px; height: 24px; }
  39. .svg-ic_local_florist_24px-dims { width: 24px; height: 24px; }
  40. .svg-ic_local_gas_station_24px-dims { width: 24px; height: 24px; }
  41. .svg-ic_local_grocery_store_24px-dims { width: 24px; height: 24px; }
  42. .svg-ic_local_hospital_24px-dims { width: 24px; height: 24px; }
  43. .svg-ic_local_hotel_24px-dims { width: 24px; height: 24px; }
  44. .svg-ic_local_laundry_service_24px-dims { width: 24px; height: 24px; }
  45. .svg-ic_local_library_24px-dims { width: 24px; height: 24px; }
  46. .svg-ic_local_mall_24px-dims { width: 24px; height: 24px; }
  47. .svg-ic_local_movies_24px-dims { width: 24px; height: 24px; }
  48. .svg-ic_local_offer_24px-dims { width: 24px; height: 24px; }
  49. .svg-ic_local_parking_24px-dims { width: 24px; height: 24px; }
  50. .svg-ic_local_pharmacy_24px-dims { width: 24px; height: 24px; }
  51. .svg-ic_local_phone_24px-dims { width: 24px; height: 24px; }
  52. .svg-ic_local_pizza_24px-dims { width: 24px; height: 24px; }
  53. .svg-ic_local_play_24px-dims { width: 24px; height: 24px; }
  54. .svg-ic_local_post_office_24px-dims { width: 24px; height: 24px; }
  55. .svg-ic_local_print_shop_24px-dims { width: 24px; height: 24px; }
  56. .svg-ic_local_restaurant_24px-dims { width: 24px; height: 24px; }
  57. .svg-ic_local_see_24px-dims { width: 24px; height: 24px; }
  58. .svg-ic_local_shipping_24px-dims { width: 24px; height: 24px; }
  59. .svg-ic_local_taxi_24px-dims { width: 24px; height: 24px; }
  60. .svg-ic_location_history_24px-dims { width: 24px; height: 24px; }
  61. .svg-ic_map_24px-dims { width: 24px; height: 24px; }
  62. .svg-ic_my_location_24px-dims { width: 24px; height: 24px; }
  63. .svg-ic_navigation_24px-dims { width: 24px; height: 24px; }
  64. .svg-ic_pin_drop_24px-dims { width: 24px; height: 24px; }
  65. .svg-ic_place_24px-dims { width: 24px; height: 24px; }
  66. .svg-ic_rate_review_24px-dims { width: 24px; height: 24px; }
  67. .svg-ic_restaurant_menu_24px-dims { width: 24px; height: 24px; }
  68. .svg-ic_satellite_24px-dims { width: 24px; height: 24px; }
  69. .svg-ic_store_mall_directory_24px-dims { width: 24px; height: 24px; }
  70. .svg-ic_terrain_24px-dims { width: 24px; height: 24px; }
  71. .svg-ic_traffic_24px-dims { width: 24px; height: 24px; }
  72. </style>
  73. <!--
  74. ====================================================================================================
  75. -->
  76. </head>
  77. <body>
  78. <!--
  79. Inline SVG sprite
  80. ====================================================================================================
  81. This is an inlined version of the generated SVG sprite. The single images may be <use>d everywhere
  82. below within this document. Please see https://github.com/jkphl/svg-sprite#inline-embedding for
  83. further details on how to create this embeddable sprite variant.
  84. -->
  85. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="0" height="0" style="position:absolute">
  86. <defs>
  87. <svg width="24" height="24" viewBox="0 0 24 24" id="ic_beenhere_24px" y="0"><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_directions_bike_24px" y="48"><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="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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_directions_ferry_24px" y="120"><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="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="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="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="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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_hotel_24px" y="264"><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="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="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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_atm_24px" y="360"><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="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="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="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="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="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="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="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="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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_hospital_24px" y="600"><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="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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_library_24px" y="672"><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="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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_offer_24px" y="744"><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="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="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="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="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="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"/></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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_restaurant_24px" y="936"><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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_local_shipping_24px" y="984"><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="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"/></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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_my_location_24px" y="1080"><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="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"/></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"/></svg> <svg width="24" height="24" viewBox="0 0 24 24" id="ic_rate_review_24px" y="1176"><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="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="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="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="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"/></svg> </defs>
  88. </svg><!--
  89. ====================================================================================================
  90. -->
  91. <header>
  92. <h1>SVG sprite preview</h1>
  93. <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>
  94. <ul>
  95. <li>Your browser has to <a href="http://caniuse.com/svg-html5" target="_blank">support inline SVG</a> for these techniques to work.</li>
  96. <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>
  97. <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>
  98. </ul>
  99. </header>
  100. <section>
  101. <!--
  102. Inline SVG with embedded sprite
  103. ====================================================================================================
  104. These SVG images make use of fragment identifiers (IDs) and are extracted out of the inline sprite
  105. embedded above. They may be styled via CSS.
  106. -->
  107. <h3>A) Inline SVG with embedded sprite</h3>
  108. <ul>
  109. <li title="ic_beenhere_24px">
  110. <div class="icon-box">
  111. <!-- ic_beenhere_24px -->
  112. <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">
  113. <use xlink:href="#ic_beenhere_24px"></use>
  114. </svg>
  115. </div>
  116. <h2>ic_beenhere_24px</h2>
  117. </li>
  118. <li title="ic_directions_24px">
  119. <div class="icon-box">
  120. <!-- ic_directions_24px -->
  121. <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">
  122. <use xlink:href="#ic_directions_24px"></use>
  123. </svg>
  124. </div>
  125. <h2>ic_directions_24px</h2>
  126. </li>
  127. <li title="ic_directions_bike_24px">
  128. <div class="icon-box">
  129. <!-- ic_directions_bike_24px -->
  130. <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">
  131. <use xlink:href="#ic_directions_bike_24px"></use>
  132. </svg>
  133. </div>
  134. <h2>ic_directions_bike_24px</h2>
  135. </li>
  136. <li title="ic_directions_bus_24px">
  137. <div class="icon-box">
  138. <!-- ic_directions_bus_24px -->
  139. <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">
  140. <use xlink:href="#ic_directions_bus_24px"></use>
  141. </svg>
  142. </div>
  143. <h2>ic_directions_bus_24px</h2>
  144. </li>
  145. <li title="ic_directions_car_24px">
  146. <div class="icon-box">
  147. <!-- ic_directions_car_24px -->
  148. <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">
  149. <use xlink:href="#ic_directions_car_24px"></use>
  150. </svg>
  151. </div>
  152. <h2>ic_directions_car_24px</h2>
  153. </li>
  154. <li title="ic_directions_ferry_24px">
  155. <div class="icon-box">
  156. <!-- ic_directions_ferry_24px -->
  157. <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">
  158. <use xlink:href="#ic_directions_ferry_24px"></use>
  159. </svg>
  160. </div>
  161. <h2>ic_directions_ferry_24px</h2>
  162. </li>
  163. <li title="ic_directions_subway_24px">
  164. <div class="icon-box">
  165. <!-- ic_directions_subway_24px -->
  166. <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">
  167. <use xlink:href="#ic_directions_subway_24px"></use>
  168. </svg>
  169. </div>
  170. <h2>ic_directions_subway_24px</h2>
  171. </li>
  172. <li title="ic_directions_train_24px">
  173. <div class="icon-box">
  174. <!-- ic_directions_train_24px -->
  175. <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">
  176. <use xlink:href="#ic_directions_train_24px"></use>
  177. </svg>
  178. </div>
  179. <h2>ic_directions_train_24px</h2>
  180. </li>
  181. <li title="ic_directions_transit_24px">
  182. <div class="icon-box">
  183. <!-- ic_directions_transit_24px -->
  184. <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">
  185. <use xlink:href="#ic_directions_transit_24px"></use>
  186. </svg>
  187. </div>
  188. <h2>ic_directions_transit_24px</h2>
  189. </li>
  190. <li title="ic_directions_walk_24px">
  191. <div class="icon-box">
  192. <!-- ic_directions_walk_24px -->
  193. <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">
  194. <use xlink:href="#ic_directions_walk_24px"></use>
  195. </svg>
  196. </div>
  197. <h2>ic_directions_walk_24px</h2>
  198. </li>
  199. <li title="ic_flight_24px">
  200. <div class="icon-box">
  201. <!-- ic_flight_24px -->
  202. <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">
  203. <use xlink:href="#ic_flight_24px"></use>
  204. </svg>
  205. </div>
  206. <h2>ic_flight_24px</h2>
  207. </li>
  208. <li title="ic_hotel_24px">
  209. <div class="icon-box">
  210. <!-- ic_hotel_24px -->
  211. <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">
  212. <use xlink:href="#ic_hotel_24px"></use>
  213. </svg>
  214. </div>
  215. <h2>ic_hotel_24px</h2>
  216. </li>
  217. <li title="ic_layers_24px">
  218. <div class="icon-box">
  219. <!-- ic_layers_24px -->
  220. <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">
  221. <use xlink:href="#ic_layers_24px"></use>
  222. </svg>
  223. </div>
  224. <h2>ic_layers_24px</h2>
  225. </li>
  226. <li title="ic_layers_clear_24px">
  227. <div class="icon-box">
  228. <!-- ic_layers_clear_24px -->
  229. <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">
  230. <use xlink:href="#ic_layers_clear_24px"></use>
  231. </svg>
  232. </div>
  233. <h2>ic_layers_clear_24px</h2>
  234. </li>
  235. <li title="ic_local_airport_24px">
  236. <div class="icon-box">
  237. <!-- ic_local_airport_24px -->
  238. <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">
  239. <use xlink:href="#ic_local_airport_24px"></use>
  240. </svg>
  241. </div>
  242. <h2>ic_local_airport_24px</h2>
  243. </li>
  244. <li title="ic_local_atm_24px">
  245. <div class="icon-box">
  246. <!-- ic_local_atm_24px -->
  247. <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">
  248. <use xlink:href="#ic_local_atm_24px"></use>
  249. </svg>
  250. </div>
  251. <h2>ic_local_atm_24px</h2>
  252. </li>
  253. <li title="ic_local_attraction_24px">
  254. <div class="icon-box">
  255. <!-- ic_local_attraction_24px -->
  256. <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">
  257. <use xlink:href="#ic_local_attraction_24px"></use>
  258. </svg>
  259. </div>
  260. <h2>ic_local_attraction_24px</h2>
  261. </li>
  262. <li title="ic_local_bar_24px">
  263. <div class="icon-box">
  264. <!-- ic_local_bar_24px -->
  265. <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">
  266. <use xlink:href="#ic_local_bar_24px"></use>
  267. </svg>
  268. </div>
  269. <h2>ic_local_bar_24px</h2>
  270. </li>
  271. <li title="ic_local_cafe_24px">
  272. <div class="icon-box">
  273. <!-- ic_local_cafe_24px -->
  274. <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">
  275. <use xlink:href="#ic_local_cafe_24px"></use>
  276. </svg>
  277. </div>
  278. <h2>ic_local_cafe_24px</h2>
  279. </li>
  280. <li title="ic_local_car_wash_24px">
  281. <div class="icon-box">
  282. <!-- ic_local_car_wash_24px -->
  283. <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">
  284. <use xlink:href="#ic_local_car_wash_24px"></use>
  285. </svg>
  286. </div>
  287. <h2>ic_local_car_wash_24px</h2>
  288. </li>
  289. <li title="ic_local_convenience_store_24px">
  290. <div class="icon-box">
  291. <!-- ic_local_convenience_store_24px -->
  292. <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">
  293. <use xlink:href="#ic_local_convenience_store_24px"></use>
  294. </svg>
  295. </div>
  296. <h2>ic_local_convenience_store_24px</h2>
  297. </li>
  298. <li title="ic_local_drink_24px">
  299. <div class="icon-box">
  300. <!-- ic_local_drink_24px -->
  301. <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">
  302. <use xlink:href="#ic_local_drink_24px"></use>
  303. </svg>
  304. </div>
  305. <h2>ic_local_drink_24px</h2>
  306. </li>
  307. <li title="ic_local_florist_24px">
  308. <div class="icon-box">
  309. <!-- ic_local_florist_24px -->
  310. <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">
  311. <use xlink:href="#ic_local_florist_24px"></use>
  312. </svg>
  313. </div>
  314. <h2>ic_local_florist_24px</h2>
  315. </li>
  316. <li title="ic_local_gas_station_24px">
  317. <div class="icon-box">
  318. <!-- ic_local_gas_station_24px -->
  319. <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">
  320. <use xlink:href="#ic_local_gas_station_24px"></use>
  321. </svg>
  322. </div>
  323. <h2>ic_local_gas_station_24px</h2>
  324. </li>
  325. <li title="ic_local_grocery_store_24px">
  326. <div class="icon-box">
  327. <!-- ic_local_grocery_store_24px -->
  328. <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">
  329. <use xlink:href="#ic_local_grocery_store_24px"></use>
  330. </svg>
  331. </div>
  332. <h2>ic_local_grocery_store_24px</h2>
  333. </li>
  334. <li title="ic_local_hospital_24px">
  335. <div class="icon-box">
  336. <!-- ic_local_hospital_24px -->
  337. <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">
  338. <use xlink:href="#ic_local_hospital_24px"></use>
  339. </svg>
  340. </div>
  341. <h2>ic_local_hospital_24px</h2>
  342. </li>
  343. <li title="ic_local_hotel_24px">
  344. <div class="icon-box">
  345. <!-- ic_local_hotel_24px -->
  346. <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">
  347. <use xlink:href="#ic_local_hotel_24px"></use>
  348. </svg>
  349. </div>
  350. <h2>ic_local_hotel_24px</h2>
  351. </li>
  352. <li title="ic_local_laundry_service_24px">
  353. <div class="icon-box">
  354. <!-- ic_local_laundry_service_24px -->
  355. <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">
  356. <use xlink:href="#ic_local_laundry_service_24px"></use>
  357. </svg>
  358. </div>
  359. <h2>ic_local_laundry_service_24px</h2>
  360. </li>
  361. <li title="ic_local_library_24px">
  362. <div class="icon-box">
  363. <!-- ic_local_library_24px -->
  364. <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">
  365. <use xlink:href="#ic_local_library_24px"></use>
  366. </svg>
  367. </div>
  368. <h2>ic_local_library_24px</h2>
  369. </li>
  370. <li title="ic_local_mall_24px">
  371. <div class="icon-box">
  372. <!-- ic_local_mall_24px -->
  373. <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">
  374. <use xlink:href="#ic_local_mall_24px"></use>
  375. </svg>
  376. </div>
  377. <h2>ic_local_mall_24px</h2>
  378. </li>
  379. <li title="ic_local_movies_24px">
  380. <div class="icon-box">
  381. <!-- ic_local_movies_24px -->
  382. <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">
  383. <use xlink:href="#ic_local_movies_24px"></use>
  384. </svg>
  385. </div>
  386. <h2>ic_local_movies_24px</h2>
  387. </li>
  388. <li title="ic_local_offer_24px">
  389. <div class="icon-box">
  390. <!-- ic_local_offer_24px -->
  391. <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">
  392. <use xlink:href="#ic_local_offer_24px"></use>
  393. </svg>
  394. </div>
  395. <h2>ic_local_offer_24px</h2>
  396. </li>
  397. <li title="ic_local_parking_24px">
  398. <div class="icon-box">
  399. <!-- ic_local_parking_24px -->
  400. <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">
  401. <use xlink:href="#ic_local_parking_24px"></use>
  402. </svg>
  403. </div>
  404. <h2>ic_local_parking_24px</h2>
  405. </li>
  406. <li title="ic_local_pharmacy_24px">
  407. <div class="icon-box">
  408. <!-- ic_local_pharmacy_24px -->
  409. <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">
  410. <use xlink:href="#ic_local_pharmacy_24px"></use>
  411. </svg>
  412. </div>
  413. <h2>ic_local_pharmacy_24px</h2>
  414. </li>
  415. <li title="ic_local_phone_24px">
  416. <div class="icon-box">
  417. <!-- ic_local_phone_24px -->
  418. <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">
  419. <use xlink:href="#ic_local_phone_24px"></use>
  420. </svg>
  421. </div>
  422. <h2>ic_local_phone_24px</h2>
  423. </li>
  424. <li title="ic_local_pizza_24px">
  425. <div class="icon-box">
  426. <!-- ic_local_pizza_24px -->
  427. <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">
  428. <use xlink:href="#ic_local_pizza_24px"></use>
  429. </svg>
  430. </div>
  431. <h2>ic_local_pizza_24px</h2>
  432. </li>
  433. <li title="ic_local_play_24px">
  434. <div class="icon-box">
  435. <!-- ic_local_play_24px -->
  436. <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">
  437. <use xlink:href="#ic_local_play_24px"></use>
  438. </svg>
  439. </div>
  440. <h2>ic_local_play_24px</h2>
  441. </li>
  442. <li title="ic_local_post_office_24px">
  443. <div class="icon-box">
  444. <!-- ic_local_post_office_24px -->
  445. <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">
  446. <use xlink:href="#ic_local_post_office_24px"></use>
  447. </svg>
  448. </div>
  449. <h2>ic_local_post_office_24px</h2>
  450. </li>
  451. <li title="ic_local_print_shop_24px">
  452. <div class="icon-box">
  453. <!-- ic_local_print_shop_24px -->
  454. <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">
  455. <use xlink:href="#ic_local_print_shop_24px"></use>
  456. </svg>
  457. </div>
  458. <h2>ic_local_print_shop_24px</h2>
  459. </li>
  460. <li title="ic_local_restaurant_24px">
  461. <div class="icon-box">
  462. <!-- ic_local_restaurant_24px -->
  463. <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">
  464. <use xlink:href="#ic_local_restaurant_24px"></use>
  465. </svg>
  466. </div>
  467. <h2>ic_local_restaurant_24px</h2>
  468. </li>
  469. <li title="ic_local_see_24px">
  470. <div class="icon-box">
  471. <!-- ic_local_see_24px -->
  472. <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">
  473. <use xlink:href="#ic_local_see_24px"></use>
  474. </svg>
  475. </div>
  476. <h2>ic_local_see_24px</h2>
  477. </li>
  478. <li title="ic_local_shipping_24px">
  479. <div class="icon-box">
  480. <!-- ic_local_shipping_24px -->
  481. <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">
  482. <use xlink:href="#ic_local_shipping_24px"></use>
  483. </svg>
  484. </div>
  485. <h2>ic_local_shipping_24px</h2>
  486. </li>
  487. <li title="ic_local_taxi_24px">
  488. <div class="icon-box">
  489. <!-- ic_local_taxi_24px -->
  490. <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">
  491. <use xlink:href="#ic_local_taxi_24px"></use>
  492. </svg>
  493. </div>
  494. <h2>ic_local_taxi_24px</h2>
  495. </li>
  496. <li title="ic_location_history_24px">
  497. <div class="icon-box">
  498. <!-- ic_location_history_24px -->
  499. <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">
  500. <use xlink:href="#ic_location_history_24px"></use>
  501. </svg>
  502. </div>
  503. <h2>ic_location_history_24px</h2>
  504. </li>
  505. <li title="ic_map_24px">
  506. <div class="icon-box">
  507. <!-- ic_map_24px -->
  508. <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">
  509. <use xlink:href="#ic_map_24px"></use>
  510. </svg>
  511. </div>
  512. <h2>ic_map_24px</h2>
  513. </li>
  514. <li title="ic_my_location_24px">
  515. <div class="icon-box">
  516. <!-- ic_my_location_24px -->
  517. <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">
  518. <use xlink:href="#ic_my_location_24px"></use>
  519. </svg>
  520. </div>
  521. <h2>ic_my_location_24px</h2>
  522. </li>
  523. <li title="ic_navigation_24px">
  524. <div class="icon-box">
  525. <!-- ic_navigation_24px -->
  526. <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">
  527. <use xlink:href="#ic_navigation_24px"></use>
  528. </svg>
  529. </div>
  530. <h2>ic_navigation_24px</h2>
  531. </li>
  532. <li title="ic_pin_drop_24px">
  533. <div class="icon-box">
  534. <!-- ic_pin_drop_24px -->
  535. <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">
  536. <use xlink:href="#ic_pin_drop_24px"></use>
  537. </svg>
  538. </div>
  539. <h2>ic_pin_drop_24px</h2>
  540. </li>
  541. <li title="ic_place_24px">
  542. <div class="icon-box">
  543. <!-- ic_place_24px -->
  544. <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">
  545. <use xlink:href="#ic_place_24px"></use>
  546. </svg>
  547. </div>
  548. <h2>ic_place_24px</h2>
  549. </li>
  550. <li title="ic_rate_review_24px">
  551. <div class="icon-box">
  552. <!-- ic_rate_review_24px -->
  553. <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">
  554. <use xlink:href="#ic_rate_review_24px"></use>
  555. </svg>
  556. </div>
  557. <h2>ic_rate_review_24px</h2>
  558. </li>
  559. <li title="ic_restaurant_menu_24px">
  560. <div class="icon-box">
  561. <!-- ic_restaurant_menu_24px -->
  562. <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">
  563. <use xlink:href="#ic_restaurant_menu_24px"></use>
  564. </svg>
  565. </div>
  566. <h2>ic_restaurant_menu_24px</h2>
  567. </li>
  568. <li title="ic_satellite_24px">
  569. <div class="icon-box">
  570. <!-- ic_satellite_24px -->
  571. <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">
  572. <use xlink:href="#ic_satellite_24px"></use>
  573. </svg>
  574. </div>
  575. <h2>ic_satellite_24px</h2>
  576. </li>
  577. <li title="ic_store_mall_directory_24px">
  578. <div class="icon-box">
  579. <!-- ic_store_mall_directory_24px -->
  580. <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">
  581. <use xlink:href="#ic_store_mall_directory_24px"></use>
  582. </svg>
  583. </div>
  584. <h2>ic_store_mall_directory_24px</h2>
  585. </li>
  586. <li title="ic_terrain_24px">
  587. <div class="icon-box">
  588. <!-- ic_terrain_24px -->
  589. <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">
  590. <use xlink:href="#ic_terrain_24px"></use>
  591. </svg>
  592. </div>
  593. <h2>ic_terrain_24px</h2>
  594. </li>
  595. <li title="ic_traffic_24px">
  596. <div class="icon-box">
  597. <!-- ic_traffic_24px -->
  598. <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">
  599. <use xlink:href="#ic_traffic_24px"></use>
  600. </svg>
  601. </div>
  602. <h2>ic_traffic_24px</h2>
  603. </li>
  604. </ul>
  605. <!--
  606. ====================================================================================================
  607. -->
  608. <!--
  609. Inline SVG with external sprite
  610. ====================================================================================================
  611. These SVG images make use of an URL + fragment identifiers (IDs) and refer to the regular external
  612. SVG sprite. They may be styled via CSS. (IE 9-11 with polyfill only)
  613. -->
  614. <h3>B) Inline SVG with external sprite (IE 9-11 with polyfill only)</h3>
  615. <ul>
  616. <li title="ic_beenhere_24px">
  617. <div class="icon-box">
  618. <!-- ic_beenhere_24px -->
  619. <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">
  620. <use xlink:href="svg/sprite.svg#ic_beenhere_24px"></use>
  621. </svg>
  622. </div>
  623. <h2>ic_beenhere_24px</h2>
  624. </li>
  625. <li title="ic_directions_24px">
  626. <div class="icon-box">
  627. <!-- ic_directions_24px -->
  628. <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">
  629. <use xlink:href="svg/sprite.svg#ic_directions_24px"></use>
  630. </svg>
  631. </div>
  632. <h2>ic_directions_24px</h2>
  633. </li>
  634. <li title="ic_directions_bike_24px">
  635. <div class="icon-box">
  636. <!-- ic_directions_bike_24px -->
  637. <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">
  638. <use xlink:href="svg/sprite.svg#ic_directions_bike_24px"></use>
  639. </svg>
  640. </div>
  641. <h2>ic_directions_bike_24px</h2>
  642. </li>
  643. <li title="ic_directions_bus_24px">
  644. <div class="icon-box">
  645. <!-- ic_directions_bus_24px -->
  646. <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">
  647. <use xlink:href="svg/sprite.svg#ic_directions_bus_24px"></use>
  648. </svg>
  649. </div>
  650. <h2>ic_directions_bus_24px</h2>
  651. </li>
  652. <li title="ic_directions_car_24px">
  653. <div class="icon-box">
  654. <!-- ic_directions_car_24px -->
  655. <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">
  656. <use xlink:href="svg/sprite.svg#ic_directions_car_24px"></use>
  657. </svg>
  658. </div>
  659. <h2>ic_directions_car_24px</h2>
  660. </li>
  661. <li title="ic_directions_ferry_24px">
  662. <div class="icon-box">
  663. <!-- ic_directions_ferry_24px -->
  664. <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">
  665. <use xlink:href="svg/sprite.svg#ic_directions_ferry_24px"></use>
  666. </svg>
  667. </div>
  668. <h2>ic_directions_ferry_24px</h2>
  669. </li>
  670. <li title="ic_directions_subway_24px">
  671. <div class="icon-box">
  672. <!-- ic_directions_subway_24px -->
  673. <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">
  674. <use xlink:href="svg/sprite.svg#ic_directions_subway_24px"></use>
  675. </svg>
  676. </div>
  677. <h2>ic_directions_subway_24px</h2>
  678. </li>
  679. <li title="ic_directions_train_24px">
  680. <div class="icon-box">
  681. <!-- ic_directions_train_24px -->
  682. <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">
  683. <use xlink:href="svg/sprite.svg#ic_directions_train_24px"></use>
  684. </svg>
  685. </div>
  686. <h2>ic_directions_train_24px</h2>
  687. </li>
  688. <li title="ic_directions_transit_24px">
  689. <div class="icon-box">
  690. <!-- ic_directions_transit_24px -->
  691. <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">
  692. <use xlink:href="svg/sprite.svg#ic_directions_transit_24px"></use>
  693. </svg>
  694. </div>
  695. <h2>ic_directions_transit_24px</h2>
  696. </li>
  697. <li title="ic_directions_walk_24px">
  698. <div class="icon-box">
  699. <!-- ic_directions_walk_24px -->
  700. <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">
  701. <use xlink:href="svg/sprite.svg#ic_directions_walk_24px"></use>
  702. </svg>
  703. </div>
  704. <h2>ic_directions_walk_24px</h2>
  705. </li>
  706. <li title="ic_flight_24px">
  707. <div class="icon-box">
  708. <!-- ic_flight_24px -->
  709. <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">
  710. <use xlink:href="svg/sprite.svg#ic_flight_24px"></use>
  711. </svg>
  712. </div>
  713. <h2>ic_flight_24px</h2>
  714. </li>
  715. <li title="ic_hotel_24px">
  716. <div class="icon-box">
  717. <!-- ic_hotel_24px -->
  718. <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">
  719. <use xlink:href="svg/sprite.svg#ic_hotel_24px"></use>
  720. </svg>
  721. </div>
  722. <h2>ic_hotel_24px</h2>
  723. </li>
  724. <li title="ic_layers_24px">
  725. <div class="icon-box">
  726. <!-- ic_layers_24px -->
  727. <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">
  728. <use xlink:href="svg/sprite.svg#ic_layers_24px"></use>
  729. </svg>
  730. </div>
  731. <h2>ic_layers_24px</h2>
  732. </li>
  733. <li title="ic_layers_clear_24px">
  734. <div class="icon-box">
  735. <!-- ic_layers_clear_24px -->
  736. <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">
  737. <use xlink:href="svg/sprite.svg#ic_layers_clear_24px"></use>
  738. </svg>
  739. </div>
  740. <h2>ic_layers_clear_24px</h2>
  741. </li>
  742. <li title="ic_local_airport_24px">
  743. <div class="icon-box">
  744. <!-- ic_local_airport_24px -->
  745. <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">
  746. <use xlink:href="svg/sprite.svg#ic_local_airport_24px"></use>
  747. </svg>
  748. </div>
  749. <h2>ic_local_airport_24px</h2>
  750. </li>
  751. <li title="ic_local_atm_24px">
  752. <div class="icon-box">
  753. <!-- ic_local_atm_24px -->
  754. <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">
  755. <use xlink:href="svg/sprite.svg#ic_local_atm_24px"></use>
  756. </svg>
  757. </div>
  758. <h2>ic_local_atm_24px</h2>
  759. </li>
  760. <li title="ic_local_attraction_24px">
  761. <div class="icon-box">
  762. <!-- ic_local_attraction_24px -->
  763. <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">
  764. <use xlink:href="svg/sprite.svg#ic_local_attraction_24px"></use>
  765. </svg>
  766. </div>
  767. <h2>ic_local_attraction_24px</h2>
  768. </li>
  769. <li title="ic_local_bar_24px">
  770. <div class="icon-box">
  771. <!-- ic_local_bar_24px -->
  772. <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">
  773. <use xlink:href="svg/sprite.svg#ic_local_bar_24px"></use>
  774. </svg>
  775. </div>
  776. <h2>ic_local_bar_24px</h2>
  777. </li>
  778. <li title="ic_local_cafe_24px">
  779. <div class="icon-box">
  780. <!-- ic_local_cafe_24px -->
  781. <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">
  782. <use xlink:href="svg/sprite.svg#ic_local_cafe_24px"></use>
  783. </svg>
  784. </div>
  785. <h2>ic_local_cafe_24px</h2>
  786. </li>
  787. <li title="ic_local_car_wash_24px">
  788. <div class="icon-box">
  789. <!-- ic_local_car_wash_24px -->
  790. <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">
  791. <use xlink:href="svg/sprite.svg#ic_local_car_wash_24px"></use>
  792. </svg>
  793. </div>
  794. <h2>ic_local_car_wash_24px</h2>
  795. </li>
  796. <li title="ic_local_convenience_store_24px">
  797. <div class="icon-box">
  798. <!-- ic_local_convenience_store_24px -->
  799. <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">
  800. <use xlink:href="svg/sprite.svg#ic_local_convenience_store_24px"></use>
  801. </svg>
  802. </div>
  803. <h2>ic_local_convenience_store_24px</h2>
  804. </li>
  805. <li title="ic_local_drink_24px">
  806. <div class="icon-box">
  807. <!-- ic_local_drink_24px -->
  808. <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">
  809. <use xlink:href="svg/sprite.svg#ic_local_drink_24px"></use>
  810. </svg>
  811. </div>
  812. <h2>ic_local_drink_24px</h2>
  813. </li>
  814. <li title="ic_local_florist_24px">
  815. <div class="icon-box">
  816. <!-- ic_local_florist_24px -->
  817. <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">
  818. <use xlink:href="svg/sprite.svg#ic_local_florist_24px"></use>
  819. </svg>
  820. </div>
  821. <h2>ic_local_florist_24px</h2>
  822. </li>
  823. <li title="ic_local_gas_station_24px">
  824. <div class="icon-box">
  825. <!-- ic_local_gas_station_24px -->
  826. <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">
  827. <use xlink:href="svg/sprite.svg#ic_local_gas_station_24px"></use>
  828. </svg>
  829. </div>
  830. <h2>ic_local_gas_station_24px</h2>
  831. </li>
  832. <li title="ic_local_grocery_store_24px">
  833. <div class="icon-box">
  834. <!-- ic_local_grocery_store_24px -->
  835. <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">
  836. <use xlink:href="svg/sprite.svg#ic_local_grocery_store_24px"></use>
  837. </svg>
  838. </div>
  839. <h2>ic_local_grocery_store_24px</h2>
  840. </li>
  841. <li title="ic_local_hospital_24px">
  842. <div class="icon-box">
  843. <!-- ic_local_hospital_24px -->
  844. <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">
  845. <use xlink:href="svg/sprite.svg#ic_local_hospital_24px"></use>
  846. </svg>
  847. </div>
  848. <h2>ic_local_hospital_24px</h2>
  849. </li>
  850. <li title="ic_local_hotel_24px">
  851. <div class="icon-box">
  852. <!-- ic_local_hotel_24px -->
  853. <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">
  854. <use xlink:href="svg/sprite.svg#ic_local_hotel_24px"></use>
  855. </svg>
  856. </div>
  857. <h2>ic_local_hotel_24px</h2>
  858. </li>
  859. <li title="ic_local_laundry_service_24px">
  860. <div class="icon-box">
  861. <!-- ic_local_laundry_service_24px -->
  862. <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">
  863. <use xlink:href="svg/sprite.svg#ic_local_laundry_service_24px"></use>
  864. </svg>
  865. </div>
  866. <h2>ic_local_laundry_service_24px</h2>
  867. </li>
  868. <li title="ic_local_library_24px">
  869. <div class="icon-box">
  870. <!-- ic_local_library_24px -->
  871. <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">
  872. <use xlink:href="svg/sprite.svg#ic_local_library_24px"></use>
  873. </svg>
  874. </div>
  875. <h2>ic_local_library_24px</h2>
  876. </li>
  877. <li title="ic_local_mall_24px">
  878. <div class="icon-box">
  879. <!-- ic_local_mall_24px -->
  880. <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">
  881. <use xlink:href="svg/sprite.svg#ic_local_mall_24px"></use>
  882. </svg>
  883. </div>
  884. <h2>ic_local_mall_24px</h2>
  885. </li>
  886. <li title="ic_local_movies_24px">
  887. <div class="icon-box">
  888. <!-- ic_local_movies_24px -->
  889. <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">
  890. <use xlink:href="svg/sprite.svg#ic_local_movies_24px"></use>
  891. </svg>
  892. </div>
  893. <h2>ic_local_movies_24px</h2>
  894. </li>
  895. <li title="ic_local_offer_24px">
  896. <div class="icon-box">
  897. <!-- ic_local_offer_24px -->
  898. <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">
  899. <use xlink:href="svg/sprite.svg#ic_local_offer_24px"></use>
  900. </svg>
  901. </div>
  902. <h2>ic_local_offer_24px</h2>
  903. </li>
  904. <li title="ic_local_parking_24px">
  905. <div class="icon-box">
  906. <!-- ic_local_parking_24px -->
  907. <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">
  908. <use xlink:href="svg/sprite.svg#ic_local_parking_24px"></use>
  909. </svg>
  910. </div>
  911. <h2>ic_local_parking_24px</h2>
  912. </li>
  913. <li title="ic_local_pharmacy_24px">
  914. <div class="icon-box">
  915. <!-- ic_local_pharmacy_24px -->
  916. <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">
  917. <use xlink:href="svg/sprite.svg#ic_local_pharmacy_24px"></use>
  918. </svg>
  919. </div>
  920. <h2>ic_local_pharmacy_24px</h2>
  921. </li>
  922. <li title="ic_local_phone_24px">
  923. <div class="icon-box">
  924. <!-- ic_local_phone_24px -->
  925. <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">
  926. <use xlink:href="svg/sprite.svg#ic_local_phone_24px"></use>
  927. </svg>
  928. </div>
  929. <h2>ic_local_phone_24px</h2>
  930. </li>
  931. <li title="ic_local_pizza_24px">
  932. <div class="icon-box">
  933. <!-- ic_local_pizza_24px -->
  934. <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">
  935. <use xlink:href="svg/sprite.svg#ic_local_pizza_24px"></use>
  936. </svg>
  937. </div>
  938. <h2>ic_local_pizza_24px</h2>
  939. </li>
  940. <li title="ic_local_play_24px">
  941. <div class="icon-box">
  942. <!-- ic_local_play_24px -->
  943. <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">
  944. <use xlink:href="svg/sprite.svg#ic_local_play_24px"></use>
  945. </svg>
  946. </div>
  947. <h2>ic_local_play_24px</h2>
  948. </li>
  949. <li title="ic_local_post_office_24px">
  950. <div class="icon-box">
  951. <!-- ic_local_post_office_24px -->
  952. <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">
  953. <use xlink:href="svg/sprite.svg#ic_local_post_office_24px"></use>
  954. </svg>
  955. </div>
  956. <h2>ic_local_post_office_24px</h2>
  957. </li>
  958. <li title="ic_local_print_shop_24px">
  959. <div class="icon-box">
  960. <!-- ic_local_print_shop_24px -->
  961. <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">
  962. <use xlink:href="svg/sprite.svg#ic_local_print_shop_24px"></use>
  963. </svg>
  964. </div>
  965. <h2>ic_local_print_shop_24px</h2>
  966. </li>
  967. <li title="ic_local_restaurant_24px">
  968. <div class="icon-box">
  969. <!-- ic_local_restaurant_24px -->
  970. <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">
  971. <use xlink:href="svg/sprite.svg#ic_local_restaurant_24px"></use>
  972. </svg>
  973. </div>
  974. <h2>ic_local_restaurant_24px</h2>
  975. </li>
  976. <li title="ic_local_see_24px">
  977. <div class="icon-box">
  978. <!-- ic_local_see_24px -->
  979. <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">
  980. <use xlink:href="svg/sprite.svg#ic_local_see_24px"></use>
  981. </svg>
  982. </div>
  983. <h2>ic_local_see_24px</h2>
  984. </li>
  985. <li title="ic_local_shipping_24px">
  986. <div class="icon-box">
  987. <!-- ic_local_shipping_24px -->
  988. <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">
  989. <use xlink:href="svg/sprite.svg#ic_local_shipping_24px"></use>
  990. </svg>
  991. </div>
  992. <h2>ic_local_shipping_24px</h2>
  993. </li>
  994. <li title="ic_local_taxi_24px">
  995. <div class="icon-box">
  996. <!-- ic_local_taxi_24px -->
  997. <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">
  998. <use xlink:href="svg/sprite.svg#ic_local_taxi_24px"></use>
  999. </svg>
  1000. </div>
  1001. <h2>ic_local_taxi_24px</h2>
  1002. </li>
  1003. <li title="ic_location_history_24px">
  1004. <div class="icon-box">
  1005. <!-- ic_location_history_24px -->
  1006. <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">
  1007. <use xlink:href="svg/sprite.svg#ic_location_history_24px"></use>
  1008. </svg>
  1009. </div>
  1010. <h2>ic_location_history_24px</h2>
  1011. </li>
  1012. <li title="ic_map_24px">
  1013. <div class="icon-box">
  1014. <!-- ic_map_24px -->
  1015. <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">
  1016. <use xlink:href="svg/sprite.svg#ic_map_24px"></use>
  1017. </svg>
  1018. </div>
  1019. <h2>ic_map_24px</h2>
  1020. </li>
  1021. <li title="ic_my_location_24px">
  1022. <div class="icon-box">
  1023. <!-- ic_my_location_24px -->
  1024. <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">
  1025. <use xlink:href="svg/sprite.svg#ic_my_location_24px"></use>
  1026. </svg>
  1027. </div>
  1028. <h2>ic_my_location_24px</h2>
  1029. </li>
  1030. <li title="ic_navigation_24px">
  1031. <div class="icon-box">
  1032. <!-- ic_navigation_24px -->
  1033. <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">
  1034. <use xlink:href="svg/sprite.svg#ic_navigation_24px"></use>
  1035. </svg>
  1036. </div>
  1037. <h2>ic_navigation_24px</h2>
  1038. </li>
  1039. <li title="ic_pin_drop_24px">
  1040. <div class="icon-box">
  1041. <!-- ic_pin_drop_24px -->
  1042. <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">
  1043. <use xlink:href="svg/sprite.svg#ic_pin_drop_24px"></use>
  1044. </svg>
  1045. </div>
  1046. <h2>ic_pin_drop_24px</h2>
  1047. </li>
  1048. <li title="ic_place_24px">
  1049. <div class="icon-box">
  1050. <!-- ic_place_24px -->
  1051. <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">
  1052. <use xlink:href="svg/sprite.svg#ic_place_24px"></use>
  1053. </svg>
  1054. </div>
  1055. <h2>ic_place_24px</h2>
  1056. </li>
  1057. <li title="ic_rate_review_24px">
  1058. <div class="icon-box">
  1059. <!-- ic_rate_review_24px -->
  1060. <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">
  1061. <use xlink:href="svg/sprite.svg#ic_rate_review_24px"></use>
  1062. </svg>
  1063. </div>
  1064. <h2>ic_rate_review_24px</h2>
  1065. </li>
  1066. <li title="ic_restaurant_menu_24px">
  1067. <div class="icon-box">
  1068. <!-- ic_restaurant_menu_24px -->
  1069. <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">
  1070. <use xlink:href="svg/sprite.svg#ic_restaurant_menu_24px"></use>
  1071. </svg>
  1072. </div>
  1073. <h2>ic_restaurant_menu_24px</h2>
  1074. </li>
  1075. <li title="ic_satellite_24px">
  1076. <div class="icon-box">
  1077. <!-- ic_satellite_24px -->
  1078. <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">
  1079. <use xlink:href="svg/sprite.svg#ic_satellite_24px"></use>
  1080. </svg>
  1081. </div>
  1082. <h2>ic_satellite_24px</h2>
  1083. </li>
  1084. <li title="ic_store_mall_directory_24px">
  1085. <div class="icon-box">
  1086. <!-- ic_store_mall_directory_24px -->
  1087. <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">
  1088. <use xlink:href="svg/sprite.svg#ic_store_mall_directory_24px"></use>
  1089. </svg>
  1090. </div>
  1091. <h2>ic_store_mall_directory_24px</h2>
  1092. </li>
  1093. <li title="ic_terrain_24px">
  1094. <div class="icon-box">
  1095. <!-- ic_terrain_24px -->
  1096. <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">
  1097. <use xlink:href="svg/sprite.svg#ic_terrain_24px"></use>
  1098. </svg>
  1099. </div>
  1100. <h2>ic_terrain_24px</h2>
  1101. </li>
  1102. <li title="ic_traffic_24px">
  1103. <div class="icon-box">
  1104. <!-- ic_traffic_24px -->
  1105. <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">
  1106. <use xlink:href="svg/sprite.svg#ic_traffic_24px"></use>
  1107. </svg>
  1108. </div>
  1109. <h2>ic_traffic_24px</h2>
  1110. </li>
  1111. </ul>
  1112. <!--
  1113. ====================================================================================================
  1114. -->
  1115. </section>
  1116. <footer>
  1117. <p>Generated at Wed, 12 Nov 2014 20:00:33 GMT by <a href="https://github.com/jkphl/svg-sprite" target="_blank">svg-sprite</a>.</p>
  1118. </footer>
  1119. </body>
  1120. </html>