-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathicons-reference.html
98 lines (97 loc) · 7.65 KB
/
icons-reference.html
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
<!doctype html>
<html>
<head>
<title>IcoMoon - SVG Icons</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="demo-files/demo.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<svg aria-hidden="true" style="position: absolute; width: 0; height: 0; overflow: hidden;" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<symbol id="icon-add" viewBox="0 0 32 32">
<title>add</title>
<path d="M16 31.901c-8.691 0-15.802-7.111-15.802-15.802s7.111-15.802 15.802-15.802c8.691 0 15.802 7.111 15.802 15.802s-7.012 15.802-15.802 15.802zM16 3.259c-7.111 0-12.839 5.728-12.839 12.839s5.728 12.839 12.839 12.839 12.84-5.728 12.84-12.84-5.728-12.839-12.84-12.839zM20.938 18.074c1.086 0 1.975-0.889 1.975-1.975s-0.889-1.975-1.975-1.975h-2.963v-2.963c0-1.086-0.889-1.975-1.975-1.975s-1.975 0.889-1.975 1.975v2.963h-2.963c-1.086 0-1.975 0.889-1.975 1.975s0.889 1.975 1.975 1.975h2.963v2.963c0 1.086 0.889 1.975 1.975 1.975s1.975-0.889 1.975-1.975v-2.963h2.963z"></path>
</symbol>
<symbol id="icon-basket" viewBox="0 0 34 32">
<title>basket</title>
<path d="M30.222 9.778h-4.533c0-0.089-0.089-0.178-0.089-0.267l-4.444-7.111c-0.267-0.356-0.711-0.622-1.156-0.622-0.711 0-1.333 0.622-1.333 1.333 0 0.267 0.089 0.533 0.178 0.711l3.733 5.956h-11.378l3.733-5.956c0.089-0.178 0.178-0.444 0.178-0.711 0-0.711-0.622-1.333-1.333-1.333-0.444 0-0.889 0.267-1.156 0.622l-4.444 7.111c-0.089 0.089-0.089 0.178-0.089 0.267h-4.533c-1.511 0-2.667 1.156-2.667 2.667v1.778c0 1.244 0.889 2.311 2.044 2.578l3.378 11.467c0.356 1.156 1.333 1.956 2.578 1.956h16c1.244 0 2.222-0.8 2.578-1.956l3.378-11.467c1.156-0.267 2.044-1.333 2.044-2.578v-1.778c0-1.511-1.156-2.667-2.667-2.667zM3.556 12.444h26.667v1.778h-26.667v-1.778zM24.889 27.556h-16l-3.111-10.667h22.311l-3.2 10.667z"></path>
</symbol>
<symbol id="icon-heart" viewBox="0 0 34 32">
<title>heart</title>
<path d="M24.401 2.997c3.532 0 6.421 2.89 6.421 6.421 0 9.418-10.060 16.482-13.913 18.729-3.853-2.355-13.913-9.311-13.913-18.729 0-3.532 2.89-6.421 6.421-6.421 1.926 0 3.746 0.856 5.030 2.354 0.642 0.749 1.498 1.177 2.462 1.177v0c0.963 0 1.926-0.428 2.462-1.177 1.284-1.498 3.104-2.354 5.030-2.354zM24.401-0.214c-2.997 0-5.779 1.391-7.492 3.532-1.819-2.14-4.495-3.532-7.492-3.532-5.351 0-9.632 4.281-9.632 9.632 0 12.843 14.983 21.405 17.124 22.475 2.14-1.070 17.124-9.632 17.124-22.475 0-5.351-4.281-9.632-9.632-9.632v0z"></path>
</symbol>
<symbol id="icon-home" viewBox="0 0 26 32">
<title>home</title>
<path d="M12.76 3.788l9.969 9.969v15.252h-4.984v-6.978c0-1.097-0.897-1.994-1.994-1.994h-5.981c-1.097 0-1.994 0.897-1.994 1.994v6.978h-4.984v-15.252l9.969-9.969zM13.657 0.399c-0.498-0.498-1.296-0.498-1.794 0l-11.464 11.564c-0.399 0.399-0.598 0.897-0.598 1.396v16.648c0 1.097 0.897 1.994 1.994 1.994h6.978c1.097 0 1.994-0.897 1.994-1.994v-6.978h3.988v6.978c0 1.097 0.897 1.994 1.994 1.994h6.978c1.097 0 1.994-0.897 1.994-1.994v-16.648c0-0.498-0.199-0.997-0.598-1.396l-11.464-11.564z"></path>
</symbol>
<symbol id="icon-in" viewBox="0 0 27 32">
<title>in</title>
<path d="M25.022 31.9c1.097 0 1.994-0.897 1.994-1.994v-20.935c0-1.097-0.897-1.994-1.994-1.994h-5.483c-0.797 0-1.495 0.698-1.495 1.495s0.698 1.495 1.495 1.495h4.486v18.941h-20.935v-18.941h4.486c0.797 0 1.495-0.698 1.495-1.495s-0.698-1.495-1.495-1.495h-5.483c-1.097 0-1.994 0.897-1.994 1.994v20.935c0 1.097 0.897 1.994 1.994 1.994h22.928zM20.037 16.449c0-0.797-0.698-1.495-1.495-1.396-0.498 0-0.797 0.1-1.097 0.399l-2.393 2.393v-16.349c0-0.797-0.698-1.495-1.495-1.495s-1.495 0.698-1.495 1.495v16.249l-2.393-2.393c-0.299-0.199-0.698-0.399-1.097-0.399-0.798 0-1.495 0.698-1.495 1.495 0 0.498 0.1 0.797 0.399 1.097l4.984 4.984c0.299 0.199 0.698 0.399 1.097 0.399s0.797-0.199 1.097-0.399l4.984-4.984c0.199-0.299 0.399-0.698 0.399-1.097z"></path>
</symbol>
<symbol id="icon-pin" viewBox="0 0 24 32">
<title>pin</title>
<path d="M22.069 18.458l-8.025 12.339c-0.401 0.702-1.204 1.103-2.107 1.103s-1.705-0.502-2.107-1.103l-8.025-12.339c-1.204-1.906-1.906-4.113-1.906-6.52 0-6.621 5.417-12.038 12.038-12.038s12.038 5.417 12.038 12.038c0 2.408-0.702 4.715-1.906 6.52zM11.937 2.909c-5.016 0-9.028 4.013-9.028 9.028 0 1.705 0.502 3.411 1.404 4.915l7.624 11.737 7.624-11.737c0.903-1.505 1.404-3.11 1.404-4.915 0-4.915-4.113-9.028-9.028-9.028zM11.937 16.953c-2.809 0-5.016-2.207-5.016-5.016s2.207-5.016 5.016-5.016 5.016 2.207 5.016 5.016-2.307 5.016-5.016 5.016zM11.937 9.931c-1.103 0-2.006 0.903-2.006 2.006s0.903 2.006 2.006 2.006c1.103 0 2.006-0.903 2.006-2.006s-0.903-2.006-2.006-2.006z"></path>
</symbol>
<symbol id="icon-remove" viewBox="0 0 32 32">
<title>remove</title>
<path d="M15.901 32c-8.745 0-15.901-7.155-15.901-15.901s7.155-15.901 15.901-15.901c8.745 0 15.901 7.155 15.901 15.901s-7.155 15.901-15.901 15.901zM15.901 3.18c-7.155 0-12.919 5.764-12.919 12.919s5.764 12.919 12.919 12.919c7.155 0 12.919-5.764 12.919-12.919s-5.863-12.919-12.919-12.919zM20.87 18.087c1.093 0 1.988-0.894 1.988-1.988s-0.894-1.988-1.988-1.988h-9.938c-1.093 0-1.988 0.894-1.988 1.988s0.894 1.988 1.988 1.988h9.938z"></path>
</symbol>
<symbol id="icon-search" viewBox="0 0 32 32">
<title>search</title>
<path d="M19.938 0c-6.579 0-11.963 5.383-11.963 11.963 0 2.791 0.897 5.284 2.492 7.277l-9.969 10.069c-0.299 0.299-0.498 0.698-0.498 1.097s0.1 0.797 0.399 1.097c0.399 0.299 0.797 0.399 1.097 0.399s0.797-0.1 1.097-0.399l10.069-10.069c1.994 1.595 4.586 2.492 7.277 2.492 6.579 0 11.963-5.383 11.963-11.963s-5.284-11.963-11.963-11.963zM19.938 20.935c-4.984 0-8.972-3.988-8.972-8.972s3.988-8.972 8.972-8.972c4.984 0 8.972 3.988 8.972 8.972s-3.988 8.972-8.972 8.972z"></path>
</symbol>
</defs>
</svg>
<header class="bgc1 clearfix">
<div class="mhl">
<p>SVG Icons - Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
</div>
</header>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn fgc1">Grid Size: 0</h1>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon icon-add"><use xlink:href="#icon-add"></use></svg><span class="name"> icon-add</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon icon-basket"><use xlink:href="#icon-basket"></use></svg><span class="name"> icon-basket</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon icon-heart"><use xlink:href="#icon-heart"></use></svg><span class="name"> icon-heart</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon icon-home"><use xlink:href="#icon-home"></use></svg><span class="name"> icon-home</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon icon-in"><use xlink:href="#icon-in"></use></svg><span class="name"> icon-in</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon icon-pin"><use xlink:href="#icon-pin"></use></svg><span class="name"> icon-pin</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon icon-remove"><use xlink:href="#icon-remove"></use></svg><span class="name"> icon-remove</span>
</div>
</div>
<div class="glyph fs1">
<div class="clearfix pbs">
<svg class="icon icon-search"><use xlink:href="#icon-search"></use></svg><span class="name"> icon-search</span>
</div>
</div>
</div>
<script defer src="svgxuse.js"></script>
</body>
</html>