-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathconstants.tsx
More file actions
127 lines (126 loc) · 5.79 KB
/
Copy pathconstants.tsx
File metadata and controls
127 lines (126 loc) · 5.79 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
import React from 'react';
export const ICONS = {
PLAY: (
<svg viewBox="0 0 24 24" fill="currentColor" className="w-full h-full">
<path d="M8 5.14v14l11-7-11-7z"></path>
</svg>
),
PAUSE: (
<svg viewBox="0 0 24 24" fill="currentColor" className="w-full h-full">
<path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z"></path>
</svg>
),
NEXT: (
<svg viewBox="0 0 24 24" fill="currentColor" className="w-full h-full">
<path d="M6 18l8.5-6L6 6v12zM16 6v12h2V6h-2z"></path>
</svg>
),
PREVIOUS: (
<svg viewBox="0 0 24 24" fill="currentColor" className="w-full h-full">
<path d="M6 6h2v12H6V6zm3.5 6l8.5 6V6l-8.5 6z"></path>
</svg>
),
SOUND_WAVE: (
<svg viewBox="0 0 24 24" fill="currentColor" className="w-full h-full">
<rect x="6" y="8" width="2" height="8">
<animate attributeName="height" values="8;16;8" begin="0s" dur="1s" repeatCount="indefinite" />
<animate attributeName="y" values="8;4;8" begin="0s" dur="1s" repeatCount="indefinite" />
</rect>
<rect x="11" y="8" width="2" height="8">
<animate attributeName="height" values="8;16;8" begin="0.2s" dur="1s" repeatCount="indefinite" />
<animate attributeName="y" values="8;4;8" begin="0.2s" dur="1s" repeatCount="indefinite" />
</rect>
<rect x="16" y="8" width="2" height="8">
<animate attributeName="height" values="8;16;8" begin="0.4s" dur="1s" repeatCount="indefinite" />
<animate attributeName="y" values="8;4;8" begin="0.4s" dur="1s" repeatCount="indefinite" />
</rect>
</svg>
),
VOLUME_HIGH: (
<svg viewBox="0 0 24 24" fill="currentColor" className="w-full h-full">
<path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"></path>
</svg>
),
VOLUME_MUTED: (
<svg viewBox="0 0 24 24" fill="currentColor" className="w-full h-full">
<path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"></path>
</svg>
),
MUSIC_NOTE: (
<svg viewBox="0 0 24 24" fill="currentColor" className="w-full h-full">
<path d="M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z"></path>
</svg>
),
PLUS: (
<svg viewBox="0 0 24 24" fill="currentColor" className="w-full h-full">
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path>
</svg>
),
SPINNER: (
<svg
className="animate-spin w-full h-full"
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
>
<circle
className="opacity-25"
cx="12"
cy="12"
r="10"
stroke="currentColor"
strokeWidth="4"
></circle>
<path
className="opacity-75"
fill="currentColor"
d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
></path>
</svg>
),
TRASH: (
<svg viewBox="0 0 24 24" fill="currentColor" className="w-full h-full">
<path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z"></path>
</svg>
),
REPEAT: (
<svg viewBox="0 0 24 24" fill="currentColor" className="w-full h-full">
<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4z"></path>
</svg>
),
REPEAT_ONE: (
<svg viewBox="0 0 24 24" fill="currentColor" className="w-full h-full">
<path d="M7 7h10v3l4-4-4-4v3H5v6h2V7zm10 10H7v-3l-4 4 4 4v-3h12v-6h-2v4zm-4-2V9h-1v4h-2v1h3v1h-3v1h3z"></path>
</svg>
),
MAXIMIZE: (
<svg viewBox="0 0 24 24" fill="currentColor" className="w-full h-full">
<path d="M5 16h3v3h2v-5H5v2zm3-8H5v2h5V5H8v3zm6 11h2v-3h3v-2h-5v5zm2-11V5h-2v5h5V8h-3z"></path>
</svg>
),
MINIMIZE: (
<svg viewBox="0 0 24 24" fill="currentColor" className="w-full h-full">
<path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path>
</svg>
),
SEARCH: (
<svg viewBox="0 0 24 24" fill="currentColor" className="w-full h-full">
<path d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path>
</svg>
),
CHECK: (
<svg viewBox="0 0 24 24" fill="currentColor" className="w-full h-full">
<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
</svg>
),
PLUS_CIRCLE: (
<svg viewBox="0 0 24 24" fill="currentColor" className="w-full h-full">
<path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm5 11h-4v4h-2v-4H7v-2h4V7h2v4h4v2z"></path>
</svg>
),
SETTINGS: (
<svg viewBox="0 0 24 24" fill="currentColor" className="w-full h-full">
<path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12-.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07.49-.12-.64l-2.11-1.65zM12 15.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"></path>
</svg>
)
};