-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
78 lines (71 loc) · 4.11 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.icon {
width: 24px;
height: 24px;
fill: red;
stroke: #000;
}
</style>
</head>
<body>
<svg>
<symbol type="fill" id="icon-heart" viewBox="0 0 24 24"><path d="M2.122 12.959A6.26 6.26 0 1 1 12 5.755a6.262 6.262 0 1 1 9.838 7.238l-9.84 9.841-9.876-9.875z" fill-rule="evenodd"/></symbol>
<symbol type="fill" id="icon-heart" viewBox="0 0 24 24"><path d="M2.122 12.959A6.26 6.26 0 1 1 12 5.755a6.262 6.262 0 1 1 9.838 7.238l-9.84 9.841-9.876-9.875z" fill-rule="evenodd"/></symbol>
<symbol id="icon-v" viewBox="0 0 24 24">
<path d="M0 2l9.351 20.4h5.265L24 2h-5.166l-6.801 15.605h-.066L5.134 2z" fill-rule="evenodd" />
</symbol>
<symbol id="icon-triangle-rounded-right" viewBox="0 0 24 24">
<path d="M2 1.14C2 .038 2.757-.39 3.706.191l15.92 9.772s1.938 1.159 1.938 1.93c.248.764-1.841 2.09-1.841 2.09L3.699 23.818c-.938.576-1.699.143-1.699-.953V1.14z"
fill-rule="evenodd" />
</symbol>
<symbol id="icon-triangle-rounded-down" viewBox="0 0 24 24">
<path d="M11.315 19.349c-.072-.016-.139-.038-.207-.06a2.27 2.27 0 0 1-.237-.083c-.024-.008-.048-.015-.072-.025-.04-.018-.07-.043-.108-.062a1.921 1.921 0 0 1-.382-.242 2.323 2.323 0 0 1-.158-.133 1.347 1.347 0 0 1-.149-.167c-.026-.029-.058-.053-.08-.084l-9.6-11.67a1.6 1.6 0 0 1-.257-.545c-.007-.022-.015-.043-.02-.067a1.387 1.387 0 0 1-.031-.25C.01 5.927 0 5.896 0 5.863c0-.019.007-.037.007-.056.003-.053.014-.101.02-.153.012-.084.026-.163.052-.242.272-.757 1.052-1.294 2.017-1.39.114-.01.206-.022.306-.022H21.6c.096 0 .189.012.286.02.983.098 1.763.635 2.016 1.35.043.121.057.2.069.282.01.054.019.102.02.156 0 .018.009.036.009.055 0 .033-.01.064-.014.096a1.58 1.58 0 0 1-.03.252l-.021.067a1.63 1.63 0 0 1-.257.545l-9.6 11.67c-.022.031-.054.057-.078.084-.048.06-.098.115-.153.167-.048.048-.103.09-.156.133a2.308 2.308 0 0 1-.382.242c-.038.019-.069.044-.11.062-.022.01-.048.017-.072.025a1.898 1.898 0 0 1-.235.08 1.795 1.795 0 0 1-.433.102c-.076.012-.153.026-.23.03-.076.008-.153.006-.23.006-.077 0-.154.002-.23-.005-.077-.005-.152-.019-.23-.031a1.92 1.92 0 0 1-.224-.04z"
fill-rule="evenodd" />
</symbol>
<symbol id="icon-star-five" viewBox="0 0 24 24">
<path d="M12 18.662L4.584 23.5l2.376-8.448L0 9.594l8.885-.382L12 1l3.115 8.212L24 9.594l-6.96 5.458 2.376 8.448z"
fill-rule="evenodd" />
</symbol>
<symbol id="icon-position" viewBox="0 0 24 24">
<path d="M11.996 5.007a4.994 4.994 0 0 0-4.989 4.999 4.994 4.994 0 0 0 4.989 4.999 4.995 4.995 0 0 0 4.989-4.999 4.994 4.994 0 0 0-4.989-4.999zm7.213 12.172h.06s-3.55 4.209-5.336 5.756c-1.617 1.401-2.329 1.455-3.704.136-2.207-2.118-5.522-5.961-5.522-5.961h.01A10.207 10.207 0 0 1 2 10.16C2 4.549 6.474 0 11.994 0c5.519 0 9.994 4.549 9.994 10.16 0 2.725-1.061 5.194-2.779 7.019z"
fill-rule="evenodd" />
</symbol>
<!--<symbol id="icon-play" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M2.083 10VNaN NaNl7.917 5z"/></symbol>-->
<symbol id="icon-play-o" viewBox="0 0 24 24">
<path d="M3.333 1.25l0 7.5l4.768-3.751z" />
</symbol>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
<polygon fill="none" points="8 3 8 21 19.444 11.998" />
</svg>
<svg class="icon">
<use xlink:href="#icon-play-o"></use>
</svg>
<svg class="icon">
<use xlink:href="#icon-triangle-rounded-down"></use>
</svg>
<svg class="icon">
<use xlink:href="#icon-star-five"></use>
</svg>
<svg class="icon">
<use xlink:href="#icon-play"></use>
</svg>
<svg class="icon">
<use xlink:href="#icon-download-square"></use>
</svg>
<svg class="icon">
<use xlink:href="#icon-heart"></use>
</svg>
<svg class="icon">
<use xlink:href="#icon-heart-o"></use>
</svg>
<svg class="icon">
<use xlink:href="#icon-v"></use>
</svg>
</body>
</html>