svg-sprite-maps.html 75.9 KB
    1
    2
    3
    4
    5
    6
    7
    8
    9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29
   30
   31
   32
   33
   34
   35
   36
   37
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54
   55
   56
   57
   58
   59
   60
   61
   62
   63
   64
   65
   66
   67
   68
   69
   70
   71
   72
   73
   74
   75
   76
   77
   78
   79
   80
   81
   82
   83
   84
   85
   86
   87
   88
   89
   90
   91
   92
   93
   94
   95
   96
   97
   98
   99
  100
  101
  102
  103
  104
  105
  106
  107
  108
  109
  110
  111
  112
  113
  114
  115
  116
  117
  118
  119
  120
  121
  122
  123
  124
  125
  126
  127
  128
  129
  130
  131
  132
  133
  134
  135
  136
  137
  138
  139
  140
  141
  142
  143
  144
  145
  146
  147
  148
  149
  150
  151
  152
  153
  154
  155
  156
  157
  158
  159
  160
  161
  162
  163
  164
  165
  166
  167
  168
  169
  170
  171
  172
  173
  174
  175
  176
  177
  178
  179
  180
  181
  182
  183
  184
  185
  186
  187
  188
  189
  190
  191
  192
  193
  194
  195
  196
  197
  198
  199
  200
  201
  202
  203
  204
  205
  206
  207
  208
  209
  210
  211
  212
  213
  214
  215
  216
  217
  218
  219
  220
  221
  222
  223
  224
  225
  226
  227
  228
  229
  230
  231
  232
  233
  234
  235
  236
  237
  238
  239
  240
  241
  242
  243
  244
  245
  246
  247
  248
  249
  250
  251
  252
  253
  254
  255
  256
  257
  258
  259
  260
  261
  262
  263
  264
  265
  266
  267
  268
  269
  270
  271
  272
  273
  274
  275
  276
  277
  278
  279
  280
  281
  282
  283
  284
  285
  286
  287
  288
  289
  290
  291
  292
  293
  294
  295
  296
  297
  298
  299
  300
  301
  302
  303
  304
  305
  306
  307
  308
  309
  310
  311
  312
  313
  314
  315
  316
  317
  318
  319
  320
  321
  322
  323
  324
  325
  326
  327
  328
  329
  330
  331
  332
  333
  334
  335
  336
  337
  338
  339
  340
  341
  342
  343
  344
  345
  346
  347
  348
  349
  350
  351
  352
  353
  354
  355
  356
  357
  358
  359
  360
  361
  362
  363
  364
  365
  366
  367
  368
  369
  370
  371
  372
  373
  374
  375
  376
  377
  378
  379
  380
  381
  382
  383
  384
  385
  386
  387
  388
  389
  390
  391
  392
  393
  394
  395
  396
  397
  398
  399
  400
  401
  402
  403
  404
  405
  406
  407
  408
  409
  410
  411
  412
  413
  414
  415
  416
  417
  418
  419
  420
  421
  422
  423
  424
  425
  426
  427
  428
  429
  430
  431
  432
  433
  434
  435
  436
  437
  438
  439
  440
  441
  442
  443
  444
  445
  446
  447
  448
  449
  450
  451
  452
  453
  454
  455
  456
  457
  458
  459
  460
  461
  462
  463
  464
  465
  466
  467
  468
  469
  470
  471
  472
  473
  474
  475
  476
  477
  478
  479
  480
  481
  482
  483
  484
  485
  486
  487
  488
  489
  490
  491
  492
  493
  494
  495
  496
  497
  498
  499
  500
  501
  502
  503
  504
  505
  506
  507
  508
  509
  510
  511
  512
  513
  514
  515
  516
  517
  518
  519
  520
  521
  522
  523
  524
  525
  526
  527
  528
  529
  530
  531
  532
  533
  534
  535
  536
  537
  538
  539
  540
  541
  542
  543
  544
  545
  546
  547
  548
  549
  550
  551
  552
  553
  554
  555
  556
  557
  558
  559
  560
  561
  562
  563
  564
  565
  566
  567
  568
  569
  570
  571
  572
  573
  574
  575
  576
  577
  578
  579
  580
  581
  582
  583
  584
  585
  586
  587
  588
  589
  590
  591
  592
  593
  594
  595
  596
  597
  598
  599
  600
  601
  602
  603
  604
  605
  606
  607
  608
  609
  610
  611
  612
  613
  614
  615
  616
  617
  618
  619
  620
  621
  622
  623
  624
  625
  626
  627
  628
  629
  630
  631
  632
  633
  634
  635
  636
  637
  638
  639
  640
  641
  642
  643
  644
  645
  646
  647
  648
  649
  650
  651
  652
  653
  654
  655
  656
  657
  658
  659
  660
  661
  662
  663
  664
  665
  666
  667
  668
  669
  670
  671
  672
  673
  674
  675
  676
  677
  678
  679
  680
  681
  682
  683
  684
  685
  686
  687
  688
  689
  690
  691
  692
  693
  694
  695
  696
  697
  698
  699
  700
  701
  702
  703
  704
  705
  706
  707
  708
  709
  710
  711
  712
  713
  714
  715
  716
  717
  718
  719
  720
  721
  722
  723
  724
  725
  726
  727
  728
  729
  730
  731
  732
  733
  734
  735
  736
  737
  738
  739
  740
  741
  742
  743
  744
  745
  746
  747
  748
  749
  750
  751
  752
  753
  754
  755
  756
  757
  758
  759
  760
  761
  762
  763
  764
  765
  766
  767
  768
  769
  770
  771
  772
  773
  774
  775
  776
  777
  778
  779
  780
  781
  782
  783
  784
  785
  786
  787
  788
  789
  790
  791
  792
  793
  794
  795
  796
  797
  798
  799
  800
  801
  802
  803
  804
  805
  806
  807
  808
  809
  810
  811
  812
  813
  814
  815
  816
  817
  818
  819
  820
  821
  822
  823
  824
  825
  826
  827
  828
  829
  830
  831
  832
  833
  834
  835
  836
  837
  838
  839
  840
  841
  842
  843
  844
  845
  846
  847
  848
  849
  850
  851
  852
  853
  854
  855
  856
  857
  858
  859
  860
  861
  862
  863
  864
  865
  866
  867
  868
  869
  870
  871
  872
  873
  874
  875
  876
  877
  878
  879
  880
  881
  882
  883
  884
  885
  886
  887
  888
  889
  890
  891
  892
  893
  894
  895
  896
  897
  898
  899
  900
  901
  902
  903
  904
  905
  906
  907
  908
  909
  910
  911
  912
  913
  914
  915
  916
  917
  918
  919
  920
  921
  922
  923
  924
  925
  926
  927
  928
  929
  930
  931
  932
  933
  934
  935
  936
  937
  938
  939
  940
  941
  942
  943
  944
  945
  946
  947
  948
  949
  950
  951
  952
  953
  954
  955
  956
  957
  958
  959
  960
  961
  962
  963
  964
  965
  966
  967
  968
  969
  970
  971
  972
  973
  974
  975
  976
  977
  978
  979
  980
  981
  982
  983
  984
  985
  986
  987
  988
  989
  990
  991
  992
  993
  994
  995
  996
  997
  998
  999
 1000
 1001
 1002
 1003
 1004
 1005
 1006
 1007
 1008
 1009
 1010
 1011
 1012
 1013
 1014
 1015
 1016
 1017
 1018
 1019
 1020
 1021
 1022
 1023
 1024
 1025
 1026
 1027
 1028
 1029
 1030
 1031
 1032
 1033
 1034
 1035
 1036
 1037
 1038
 1039
 1040
 1041
 1042
 1043
 1044
 1045
 1046
 1047
 1048
 1049
 1050
 1051
 1052
 1053
 1054
 1055
 1056
 1057
 1058
 1059
 1060
 1061
 1062
 1063
 1064
 1065
 1066
 1067
 1068
 1069
 1070
 1071
 1072
 1073
 1074
 1075
 1076
 1077
 1078
 1079
 1080
 1081
 1082
 1083
 1084
 1085
 1086
 1087
 1088
 1089
 1090
 1091
 1092
 1093
 1094
 1095
 1096
 1097
 1098
 1099
 1100
 1101
 1102
 1103
 1104
 1105
 1106
 1107
 1108
 1109
 1110
 1111
 1112
 1113
 1114
 1115
 1116
 1117
 1118
 1119
 1120
 1121
 1122
 1123
 1124
 1125
 1126
 1127
 1128
 1129
 1130
 1131
 1132
 1133
 1134
 1135
 1136
 1137
 1138
 1139
 1140
 1141
 1142
 1143
 1144
 1145
 1146
 1147
 1148
 1149
 1150
 1151
 1152
 1153
 1154
 1155
 1156
 1157
 1158
 1159
 1160
 1161
 1162
 1163
 1164
 1165
 1166
 1167
 1168
 1169
 1170
 1171
 1172
 1173
 1174
 1175
 1176
 1177
 1178
 1179
 1180
 1181
 1182
 1183
 1184
 1185
 1186
 1187
 1188
 1189
 1190
 1191
 1192
 1193
 1194
 1195
 1196
 1197
 1198
 1199
 1200
 1201
 1202
 1203
 1204
 1205
 1206
 1207
 1208
 1209
 1210
 1211
 1212
 1213
 1214
 1215
 1216
 1217
 1218
 1219
 1220
 1221
 1222
 1223
 1224
 1225
 1226
 1227
 1228
 1229
 1230
 1231
 1232
 1233
 1234
 1235
 1236
 1237
 1238
 1239
 1240
 1241
 1242
 1243
 1244
 1245
 1246
 1247
 1248
 1249
 1250
 1251
 1252
 1253
 1254
 1255
 1256
 1257
 1258
 1259
 1260
 1261
 1262
 1263
 1264
 1265
 1266
 1267
 1268
 1269
 1270
 1271
 1272
 1273
 1274
 1275
 1276
 1277
 1278
 1279
 1280
 1281
 1282
 1283
 1284
 1285
 1286
 1287
 1288
 1289
 1290
 1291
 1292
 1293
 1294
 1295
 1296
 1297
 1298
 1299
 1300
 1301
 1302
 1303
 1304
 1305
 1306
 1307
 1308
 1309
 1310
 1311
 1312
 1313
 1314
 1315
 1316
 1317
 1318
 1319
 1320
 1321
 1322
 1323
 1324
 1325
 1326
 1327
 1328
 1329
 1330
 1331
 1332
 1333
 1334
 1335
 1336
 1337
 1338
 1339
 1340
 1341
 1342
 1343
 1344
 1345
 1346
 1347
 1348
 1349
 1350
 1351
 1352
 1353
 1354
<!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>