@edu-tosel/design 1.0.335 → 1.0.342
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +42 -42
- package/asset/SVG.tsx +47 -47
- package/asset/html/gomito-promotion.html +116 -116
- package/asset/html/speaking-series-promotion.html +58 -58
- package/asset/sizes.ts +202 -202
- package/asset/svg/Close.tsx +32 -32
- package/asset/svg/Collab.tsx +51 -51
- package/asset/svg/Direction.tsx +76 -76
- package/asset/svg/Email.tsx +19 -19
- package/asset/svg/Eye.tsx +48 -48
- package/asset/svg/HallofFame.tsx +179 -179
- package/asset/svg/Icon.tsx +324 -324
- package/asset/svg/Image.tsx +24 -24
- package/asset/svg/Login.tsx +116 -116
- package/asset/svg/MiniCheck.tsx +16 -16
- package/asset/svg/MiniClose.tsx +19 -19
- package/asset/svg/Notification.tsx +34 -34
- package/asset/svg/Operation.tsx +130 -130
- package/asset/svg/Phone.tsx +19 -19
- package/asset/svg/Print.tsx +18 -18
- package/asset/svg/Profile.tsx +27 -27
- package/asset/svg/Search.tsx +24 -24
- package/asset/svg/Symbol.tsx +61 -61
- package/asset/svg/TOSEL.tsx +63 -63
- package/asset/svg/TestOption.tsx +51 -51
- package/asset/svg/User.tsx +18 -18
- package/asset/url.ts +12 -12
- package/globals.css +341 -341
- package/layout/template/home/Announcement.d.ts +2 -1
- package/layout/template/home/Announcement.js +9 -3
- package/package.json +1 -1
- package/tailwind.config.ts +763 -763
- package/version.txt +1 -1
package/asset/svg/Icon.tsx
CHANGED
|
@@ -1,324 +1,324 @@
|
|
|
1
|
-
import { OnClick, Size } from "../../interface";
|
|
2
|
-
import { cn } from "../../util";
|
|
3
|
-
|
|
4
|
-
export interface IconProps {
|
|
5
|
-
size?: Size;
|
|
6
|
-
onClick?: OnClick;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
const Icon = {
|
|
10
|
-
Calendar,
|
|
11
|
-
Notification,
|
|
12
|
-
Search,
|
|
13
|
-
Browser,
|
|
14
|
-
Event,
|
|
15
|
-
Document,
|
|
16
|
-
Tosel,
|
|
17
|
-
Newspaper,
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export default Icon;
|
|
21
|
-
|
|
22
|
-
function Tosel() {
|
|
23
|
-
return (
|
|
24
|
-
<svg
|
|
25
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
26
|
-
width="48"
|
|
27
|
-
height="48"
|
|
28
|
-
viewBox="0 0 32 32"
|
|
29
|
-
fill="none"
|
|
30
|
-
>
|
|
31
|
-
<mask
|
|
32
|
-
id="mask0_11735_6688"
|
|
33
|
-
maskUnits="userSpaceOnUse"
|
|
34
|
-
x="5"
|
|
35
|
-
y="5"
|
|
36
|
-
width="22"
|
|
37
|
-
height="22"
|
|
38
|
-
>
|
|
39
|
-
<path
|
|
40
|
-
d="M25.0656 8.67629L11.2926 5.31786C10.1657 5.04307 9.03321 5.7496 8.76309 6.89593L5.46158 20.9064C5.19145 22.0527 5.886 23.2047 7.0129 23.4795L20.7858 26.838C21.9127 27.1127 23.0453 26.4062 23.3154 25.2599L26.6169 11.2495C26.887 10.1031 26.1925 8.95108 25.0656 8.67629Z"
|
|
41
|
-
fill="white"
|
|
42
|
-
/>
|
|
43
|
-
</mask>
|
|
44
|
-
<g mask="url(#mask0_11735_6688)">
|
|
45
|
-
<path
|
|
46
|
-
d="M10.7722 12.8021H14.5937V22.2518L18.1969 23.1306V12.9115H21.2326C21.2563 12.1733 21.2802 11.435 21.304 10.6968C17.7943 10.1401 14.2846 9.58329 10.7748 9.02661C10.7738 10.285 10.773 11.5436 10.7721 12.802L10.7722 12.8021Z"
|
|
47
|
-
fill="url(#paint0_linear_11735_6688)"
|
|
48
|
-
/>
|
|
49
|
-
<path
|
|
50
|
-
d="M27.106 9.17384L9.2522 4.82031L4.97247 22.982L22.8263 27.3355L27.106 9.17384Z"
|
|
51
|
-
fill="url(#paint1_linear_11735_6688)"
|
|
52
|
-
/>
|
|
53
|
-
<path
|
|
54
|
-
d="M15.6311 0H3.15723C1.41354 0 0 1.43791 0 3.21167V10.6436C0 12.4174 1.41354 13.8553 3.15723 13.8553H15.6311C17.3748 13.8553 18.7884 12.4174 18.7884 10.6436V3.21167C18.7884 1.43791 17.3748 0 15.6311 0Z"
|
|
55
|
-
fill="url(#paint2_linear_11735_6688)"
|
|
56
|
-
/>
|
|
57
|
-
<path
|
|
58
|
-
d="M28.8427 18.1448H16.3688C14.6251 18.1448 13.2115 19.5827 13.2115 21.3564V28.7884C13.2115 30.5621 14.6251 32 16.3688 32H28.8427C30.5864 32 31.9999 30.5621 31.9999 28.7884V21.3564C31.9999 19.5827 30.5864 18.1448 28.8427 18.1448Z"
|
|
59
|
-
fill="url(#paint3_linear_11735_6688)"
|
|
60
|
-
/>
|
|
61
|
-
<path
|
|
62
|
-
d="M12.5135 11.3384V13.8506H14.8235V20.8187H17.2529V13.8506H19.5627V12.4175L12.5135 11.3384Z"
|
|
63
|
-
fill="white"
|
|
64
|
-
/>
|
|
65
|
-
</g>
|
|
66
|
-
<defs>
|
|
67
|
-
<linearGradient
|
|
68
|
-
id="paint0_linear_11735_6688"
|
|
69
|
-
x1="10.7722"
|
|
70
|
-
y1="16.0787"
|
|
71
|
-
x2="21.304"
|
|
72
|
-
y2="16.0787"
|
|
73
|
-
gradientUnits="userSpaceOnUse"
|
|
74
|
-
>
|
|
75
|
-
<stop stop-color="white" />
|
|
76
|
-
<stop offset="0.1" stop-color="white" stop-opacity="0.98" />
|
|
77
|
-
<stop offset="0.23" stop-color="white" stop-opacity="0.92" />
|
|
78
|
-
<stop offset="0.36" stop-color="white" stop-opacity="0.83" />
|
|
79
|
-
<stop offset="0.5" stop-color="white" stop-opacity="0.7" />
|
|
80
|
-
<stop offset="0.65" stop-color="white" stop-opacity="0.53" />
|
|
81
|
-
<stop offset="0.8" stop-color="white" stop-opacity="0.32" />
|
|
82
|
-
<stop offset="0.95" stop-color="white" stop-opacity="0.08" />
|
|
83
|
-
<stop offset="1" stop-color="white" stop-opacity="0" />
|
|
84
|
-
</linearGradient>
|
|
85
|
-
<linearGradient
|
|
86
|
-
id="paint1_linear_11735_6688"
|
|
87
|
-
x1="7.11194"
|
|
88
|
-
y1="6.99765"
|
|
89
|
-
x2="25.2717"
|
|
90
|
-
y2="24.8477"
|
|
91
|
-
gradientUnits="userSpaceOnUse"
|
|
92
|
-
>
|
|
93
|
-
<stop stop-color="#105652" />
|
|
94
|
-
<stop offset="1" stop-color="#910023" />
|
|
95
|
-
</linearGradient>
|
|
96
|
-
<linearGradient
|
|
97
|
-
id="paint2_linear_11735_6688"
|
|
98
|
-
x1="0.00335254"
|
|
99
|
-
y1="6.92763"
|
|
100
|
-
x2="18.7457"
|
|
101
|
-
y2="6.92763"
|
|
102
|
-
gradientUnits="userSpaceOnUse"
|
|
103
|
-
>
|
|
104
|
-
<stop stop-color="white" />
|
|
105
|
-
<stop offset="0.15" stop-color="white" stop-opacity="0.88" />
|
|
106
|
-
<stop offset="0.46" stop-color="white" stop-opacity="0.57" />
|
|
107
|
-
<stop offset="0.93" stop-color="white" stop-opacity="0.08" />
|
|
108
|
-
<stop offset="1" stop-color="white" stop-opacity="0" />
|
|
109
|
-
</linearGradient>
|
|
110
|
-
<linearGradient
|
|
111
|
-
id="paint3_linear_11735_6688"
|
|
112
|
-
x1="31.9249"
|
|
113
|
-
y1="25.0724"
|
|
114
|
-
x2="13.1825"
|
|
115
|
-
y2="25.0724"
|
|
116
|
-
gradientUnits="userSpaceOnUse"
|
|
117
|
-
>
|
|
118
|
-
<stop stop-color="white" />
|
|
119
|
-
<stop offset="0.15" stop-color="white" stop-opacity="0.88" />
|
|
120
|
-
<stop offset="0.46" stop-color="white" stop-opacity="0.57" />
|
|
121
|
-
<stop offset="0.93" stop-color="white" stop-opacity="0.08" />
|
|
122
|
-
<stop offset="1" stop-color="white" stop-opacity="0" />
|
|
123
|
-
</linearGradient>
|
|
124
|
-
</defs>
|
|
125
|
-
</svg>
|
|
126
|
-
);
|
|
127
|
-
}
|
|
128
|
-
function Calendar({ size = "md", onClick }: IconProps) {
|
|
129
|
-
return (
|
|
130
|
-
<svg
|
|
131
|
-
onClick={onClick}
|
|
132
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
133
|
-
width={size === "lg" ? 36 : 24}
|
|
134
|
-
height={size === "lg" ? 36 : 24}
|
|
135
|
-
viewBox="0 0 24 24"
|
|
136
|
-
fill="none"
|
|
137
|
-
>
|
|
138
|
-
<path
|
|
139
|
-
d="M6.75 3V5.25M17.25 3V5.25M3 18.75V7.5C3 6.90326 3.23705 6.33097 3.65901 5.90901C4.08097 5.48705 4.65326 5.25 5.25 5.25H18.75C19.3467 5.25 19.919 5.48705 20.341 5.90901C20.7629 6.33097 21 6.90326 21 7.5V18.75M3 18.75C3 19.3467 3.23705 19.919 3.65901 20.341C4.08097 20.7629 4.65326 21 5.25 21H18.75C19.3467 21 19.919 20.7629 20.341 20.341C20.7629 19.919 21 19.3467 21 18.75M3 18.75V11.25C3 10.6533 3.23705 10.081 3.65901 9.65901C4.08097 9.23705 4.65326 9 5.25 9H18.75C19.3467 9 19.919 9.23705 20.341 9.65901C20.7629 10.081 21 10.6533 21 11.25V18.75"
|
|
140
|
-
stroke="white"
|
|
141
|
-
strokeWidth="1.5"
|
|
142
|
-
strokeLinecap="round"
|
|
143
|
-
strokeLinejoin="round"
|
|
144
|
-
/>
|
|
145
|
-
</svg>
|
|
146
|
-
);
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
function Notification({ size = "md", onClick }: IconProps) {
|
|
150
|
-
return (
|
|
151
|
-
<svg
|
|
152
|
-
onClick={onClick}
|
|
153
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
154
|
-
width={size === "lg" ? 36 : 24}
|
|
155
|
-
height={size === "lg" ? 36 : 24}
|
|
156
|
-
viewBox="0 0 24 24"
|
|
157
|
-
fill="none"
|
|
158
|
-
>
|
|
159
|
-
<path
|
|
160
|
-
d="M14.8565 17.082C16.7197 16.8614 18.5504 16.4217 20.3105 15.772C18.8199 14.1208 17.9962 11.9745 17.9995 9.75V9C17.9995 7.4087 17.3674 5.88258 16.2421 4.75736C15.1169 3.63214 13.5908 3 11.9995 3C10.4082 3 8.88208 3.63214 7.75686 4.75736C6.63164 5.88258 5.9995 7.4087 5.9995 9V9.75C6.00252 11.9746 5.17849 14.121 3.6875 15.772C5.4205 16.412 7.2475 16.857 9.1425 17.082M14.8565 17.082C12.9585 17.3071 11.0405 17.3071 9.1425 17.082M14.8565 17.082C15.0006 17.5319 15.0364 18.0094 14.9611 18.4757C14.8857 18.942 14.7013 19.384 14.4229 19.7656C14.1444 20.1472 13.7798 20.4576 13.3587 20.6716C12.9376 20.8856 12.4719 20.9972 11.9995 20.9972C11.5271 20.9972 11.0614 20.8856 10.6403 20.6716C10.2192 20.4576 9.85457 20.1472 9.57612 19.7656C9.29767 19.384 9.11326 18.942 9.03791 18.4757C8.96256 18.0094 8.9984 17.5319 9.1425 17.082"
|
|
161
|
-
stroke="white"
|
|
162
|
-
strokeWidth="1.5"
|
|
163
|
-
strokeLinecap="round"
|
|
164
|
-
strokeLinejoin="round"
|
|
165
|
-
/>
|
|
166
|
-
</svg>
|
|
167
|
-
);
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
function Search({ size = "md", onClick }: IconProps) {
|
|
171
|
-
return (
|
|
172
|
-
<svg
|
|
173
|
-
onClick={onClick}
|
|
174
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
175
|
-
width={size === "lg" ? 36 : 24}
|
|
176
|
-
height={size === "lg" ? 36 : 24}
|
|
177
|
-
viewBox="0 0 24 24"
|
|
178
|
-
fill="none"
|
|
179
|
-
>
|
|
180
|
-
<path
|
|
181
|
-
d="M21.0008 21L15.8038 15.803M15.8038 15.803C17.2104 14.3965 18.0006 12.4887 18.0006 10.4995C18.0006 8.51035 17.2104 6.60262 15.8038 5.19605C14.3972 3.78947 12.4895 2.99927 10.5003 2.99927C8.51108 2.99927 6.60336 3.78947 5.19678 5.19605C3.79021 6.60262 3 8.51035 3 10.4995C3 12.4887 3.79021 14.3965 5.19678 15.803C6.60336 17.2096 8.51108 17.9998 10.5003 17.9998C12.4895 17.9998 14.3972 17.2096 15.8038 15.803Z"
|
|
182
|
-
stroke="white"
|
|
183
|
-
strokeWidth="1.5"
|
|
184
|
-
strokeLinecap="round"
|
|
185
|
-
strokeLinejoin="round"
|
|
186
|
-
/>
|
|
187
|
-
</svg>
|
|
188
|
-
);
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
function Browser({ size = "md", onClick }: IconProps) {
|
|
192
|
-
return (
|
|
193
|
-
<svg
|
|
194
|
-
onClick={onClick}
|
|
195
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
196
|
-
width={size === "lg" ? 36 : 24}
|
|
197
|
-
height={size === "lg" ? 36 : 24}
|
|
198
|
-
viewBox="0 0 24 24"
|
|
199
|
-
fill="none"
|
|
200
|
-
>
|
|
201
|
-
<path
|
|
202
|
-
d="M3 8.25V18C3 18.5967 3.23705 19.169 3.65901 19.591C4.08097 20.0129 4.65326 20.25 5.25 20.25H18.75C19.3467 20.25 19.919 20.0129 20.341 19.591C20.7629 19.169 21 18.5967 21 18V8.25M3 8.25V6C3 5.40326 3.23705 4.83097 3.65901 4.40901C4.08097 3.98705 4.65326 3.75 5.25 3.75H18.75C19.3467 3.75 19.919 3.98705 20.341 4.40901C20.7629 4.83097 21 5.40326 21 6V8.25M3 8.25H21M5.25 6H5.258V6.008H5.25V6ZM7.5 6H7.508V6.008H7.5V6ZM9.75 6H9.758V6.008H9.75V6Z"
|
|
203
|
-
stroke="white"
|
|
204
|
-
stroke-width="1.5"
|
|
205
|
-
stroke-linecap="round"
|
|
206
|
-
stroke-linejoin="round"
|
|
207
|
-
/>
|
|
208
|
-
</svg>
|
|
209
|
-
);
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
function Event({ size = "md", onClick }: IconProps) {
|
|
213
|
-
return (
|
|
214
|
-
<svg
|
|
215
|
-
onClick={onClick}
|
|
216
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
217
|
-
width={size === "lg" ? 36 : 24}
|
|
218
|
-
height={size === "lg" ? 36 : 24}
|
|
219
|
-
viewBox="0 0 24 24"
|
|
220
|
-
fill="none"
|
|
221
|
-
>
|
|
222
|
-
<path
|
|
223
|
-
d="M21 11.25V19.5C21 19.8978 20.842 20.2794 20.5607 20.5607C20.2794 20.842 19.8978 21 19.5 21H5.25C4.85218 21 4.47064 20.842 4.18934 20.5607C3.90804 20.2794 3.75 19.8978 3.75 19.5V11.25M12 4.875C12 4.35583 11.846 3.84831 11.5576 3.41663C11.2692 2.98495 10.8592 2.6485 10.3795 2.44982C9.89989 2.25114 9.37209 2.19915 8.86289 2.30044C8.35369 2.40173 7.88596 2.65173 7.51884 3.01885C7.15173 3.38596 6.90172 3.85369 6.80044 4.36289C6.69915 4.87209 6.75114 5.39989 6.94982 5.87954C7.1485 6.3592 7.48495 6.76917 7.91663 7.05761C8.34831 7.34605 8.85582 7.5 9.375 7.5H12M12 4.875V7.5M12 4.875C12 4.35583 12.154 3.84831 12.4424 3.41663C12.7308 2.98495 13.1408 2.6485 13.6205 2.44982C14.1001 2.25114 14.6279 2.19915 15.1371 2.30044C15.6463 2.40173 16.114 2.65173 16.4812 3.01885C16.8483 3.38596 17.0983 3.85369 17.1996 4.36289C17.3008 4.87209 17.2489 5.39989 17.0502 5.87954C16.8515 6.3592 16.5151 6.76917 16.0834 7.05761C15.6517 7.34605 15.1442 7.5 14.625 7.5H12M12 7.5V21M3.375 11.25H21.375C21.996 11.25 22.5 10.746 22.5 10.125V8.625C22.5 8.004 21.996 7.5 21.375 7.5H3.375C2.754 7.5 2.25 8.004 2.25 8.625V10.125C2.25 10.746 2.754 11.25 3.375 11.25Z"
|
|
224
|
-
stroke="white"
|
|
225
|
-
strokeWidth="1.5"
|
|
226
|
-
strokeLinecap="round"
|
|
227
|
-
strokeLinejoin="round"
|
|
228
|
-
/>
|
|
229
|
-
</svg>
|
|
230
|
-
);
|
|
231
|
-
}
|
|
232
|
-
|
|
233
|
-
function Document({ theme }: { theme: "blue" | "red" }) {
|
|
234
|
-
const color = {
|
|
235
|
-
red: "#910023",
|
|
236
|
-
blue: "#173A8B",
|
|
237
|
-
};
|
|
238
|
-
return (
|
|
239
|
-
<svg
|
|
240
|
-
width="25"
|
|
241
|
-
height="25"
|
|
242
|
-
viewBox="0 0 25 25"
|
|
243
|
-
fill="none"
|
|
244
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
245
|
-
>
|
|
246
|
-
<g clipPath="url(#clip0_3677_836)">
|
|
247
|
-
<path
|
|
248
|
-
d="M18.3495 25H1.3316C1.14591 25 1 24.8525 1 24.6647V4.61373C1 4.53326 1.03979 4.43938 1.09285 4.38573L5.33737 0.0938841C5.33737 0.0938841 5.48328 0 5.56286 0H18.3362C18.5219 0 18.6678 0.147532 18.6678 0.3353V9.2677C18.6678 9.45547 18.5219 9.603 18.3362 9.603C18.1505 9.603 18.0046 9.45547 18.0046 9.2677V0.670601H5.70877L1.66321 4.76127V24.3294H18.0179V15.8396C18.0179 15.6518 18.1638 15.5043 18.3495 15.5043C18.5352 15.5043 18.6811 15.6518 18.6811 15.8396V24.6647C18.6811 24.8525 18.5352 25 18.3495 25Z"
|
|
249
|
-
fill={color[theme]}
|
|
250
|
-
/>
|
|
251
|
-
<path
|
|
252
|
-
d="M1.33158 4.9489C1.252 4.9489 1.15915 4.92208 1.09283 4.85502C0.960187 4.7209 0.960187 4.50631 1.09283 4.3856L5.33735 0.0937542C5.46999 -0.040366 5.68222 -0.040366 5.80159 0.0937542C5.93424 0.227874 5.93424 0.442467 5.80159 0.563175L1.57034 4.85502C1.57034 4.85502 1.42443 4.9489 1.33158 4.9489Z"
|
|
253
|
-
fill={color[theme]}
|
|
254
|
-
/>
|
|
255
|
-
<path
|
|
256
|
-
d="M5.56286 4.96245H1.3316C1.14591 4.94903 1 4.8015 1 4.61373C1 4.42597 1.14591 4.27843 1.3316 4.27843H5.23126V0.3353C5.23126 0.147532 5.37716 0 5.56286 0C5.74856 0 5.89446 0.147532 5.89446 0.3353V4.62715C5.89446 4.72103 5.85467 4.8015 5.80161 4.86856C5.74856 4.93562 5.65571 4.96245 5.56286 4.96245Z"
|
|
257
|
-
fill={color[theme]}
|
|
258
|
-
/>
|
|
259
|
-
<path
|
|
260
|
-
d="M13.4019 18.0259C13.3091 18.0259 13.2295 17.9857 13.1632 17.932C13.0836 17.8516 13.0571 17.7443 13.0703 17.637L13.4417 15.719C13.4417 15.719 13.4815 15.5983 13.5346 15.5447L20.233 8.77162C20.233 8.77162 20.3789 8.67773 20.4717 8.67773C20.5646 8.67773 20.6442 8.71797 20.7105 8.77162L22.2491 10.3274C22.3818 10.4615 22.3818 10.6761 22.2491 10.7968L15.5507 17.5699C15.5507 17.5699 15.4446 17.6504 15.3783 17.6638L13.4815 18.0393C13.4815 18.0393 13.4417 18.0393 13.4152 18.0393L13.4019 18.0259ZM14.0784 15.9336L13.8264 17.2614L15.1395 17.0066L21.5328 10.542L20.4717 9.46904L14.0784 15.9336Z"
|
|
261
|
-
fill={color[theme]}
|
|
262
|
-
/>
|
|
263
|
-
<path
|
|
264
|
-
d="M22.7665 10.1129C22.6736 10.1129 22.594 10.0726 22.5277 10.019L20.9891 8.46318C20.8564 8.32906 20.8564 8.11447 20.9891 7.99376L21.891 7.08174C22.0104 6.96103 22.2359 6.96103 22.3553 7.08174L23.8939 8.63754C23.8939 8.63754 23.9868 8.78507 23.9868 8.87895C23.9868 8.97284 23.947 9.05331 23.8939 9.12037L22.992 10.0324C22.992 10.0324 22.846 10.1263 22.7532 10.1263L22.7665 10.1129ZM21.7053 8.22176L22.7665 9.29472L23.2042 8.85213L22.143 7.77917L21.7053 8.22176Z"
|
|
265
|
-
fill={color[theme]}
|
|
266
|
-
/>
|
|
267
|
-
<path
|
|
268
|
-
d="M18.4689 12.9026C18.3893 12.9026 18.2964 12.8757 18.2301 12.8087C18.0975 12.6745 18.0975 12.46 18.2301 12.3392L21.0023 9.53614C21.1349 9.40202 21.3472 9.40202 21.4665 9.53614C21.5992 9.67026 21.5992 9.88485 21.4665 10.0056L18.6943 12.8087C18.6943 12.8087 18.5484 12.9026 18.4556 12.9026H18.4689Z"
|
|
269
|
-
fill={color[theme]}
|
|
270
|
-
/>
|
|
271
|
-
<path
|
|
272
|
-
d="M15.2987 17.6504C15.2192 17.6504 15.1263 17.6235 15.06 17.5565L13.5214 16.0007C13.3887 15.8666 13.3887 15.652 13.5214 15.5313C13.654 15.3971 13.8662 15.3971 13.9856 15.5313L15.5242 17.087C15.6569 17.2212 15.6569 17.4358 15.5242 17.5565C15.4579 17.6235 15.3783 17.6504 15.2855 17.6504H15.2987Z"
|
|
273
|
-
fill={color[theme]}
|
|
274
|
-
/>
|
|
275
|
-
<path
|
|
276
|
-
d="M15.763 8.30244H3.90485C3.71915 8.30244 3.57324 8.1549 3.57324 7.96714C3.57324 7.77937 3.71915 7.63184 3.90485 7.63184H15.763C15.9487 7.63184 16.0946 7.77937 16.0946 7.96714C16.0946 8.1549 15.9487 8.30244 15.763 8.30244Z"
|
|
277
|
-
fill={color[theme]}
|
|
278
|
-
/>
|
|
279
|
-
<path
|
|
280
|
-
d="M15.763 11.32H3.90485C3.71915 11.32 3.57324 11.1725 3.57324 10.9847C3.57324 10.7969 3.71915 10.6494 3.90485 10.6494H15.763C15.9487 10.6494 16.0946 10.7969 16.0946 10.9847C16.0946 11.1725 15.9487 11.32 15.763 11.32Z"
|
|
281
|
-
fill={color[theme]}
|
|
282
|
-
/>
|
|
283
|
-
<path
|
|
284
|
-
d="M13.1102 14.3513H3.90485C3.71915 14.3513 3.57324 14.2037 3.57324 14.016C3.57324 13.8282 3.71915 13.6807 3.90485 13.6807H13.1102C13.2958 13.6807 13.4418 13.8282 13.4418 14.016C13.4418 14.2037 13.2958 14.3513 13.1102 14.3513Z"
|
|
285
|
-
fill={color[theme]}
|
|
286
|
-
/>
|
|
287
|
-
<path
|
|
288
|
-
d="M11.7837 17.3688H3.90485C3.71915 17.3688 3.57324 17.2213 3.57324 17.0335C3.57324 16.8458 3.71915 16.6982 3.90485 16.6982H11.7837C11.9694 16.6982 12.1153 16.8458 12.1153 17.0335C12.1153 17.2213 11.9694 17.3688 11.7837 17.3688Z"
|
|
289
|
-
fill={color[theme]}
|
|
290
|
-
/>
|
|
291
|
-
<path
|
|
292
|
-
d="M15.763 20.3864H3.90485C3.71915 20.3864 3.57324 20.2389 3.57324 20.0511C3.57324 19.8634 3.71915 19.7158 3.90485 19.7158H15.763C15.9487 19.7158 16.0946 19.8634 16.0946 20.0511C16.0946 20.2389 15.9487 20.3864 15.763 20.3864Z"
|
|
293
|
-
fill={color[theme]}
|
|
294
|
-
/>
|
|
295
|
-
</g>
|
|
296
|
-
<defs>
|
|
297
|
-
<clipPath id="clip0_3677_836">
|
|
298
|
-
<rect width="25" height="25" fill="white" />
|
|
299
|
-
</clipPath>
|
|
300
|
-
</defs>
|
|
301
|
-
</svg>
|
|
302
|
-
);
|
|
303
|
-
}
|
|
304
|
-
|
|
305
|
-
function Newspaper({ size = "md", onClick }: IconProps) {
|
|
306
|
-
return (
|
|
307
|
-
<svg
|
|
308
|
-
onClick={onClick}
|
|
309
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
310
|
-
width={size === "lg" ? 36 : 24}
|
|
311
|
-
height={size === "lg" ? 36 : 24}
|
|
312
|
-
viewBox="0 0 24 24"
|
|
313
|
-
fill="none"
|
|
314
|
-
>
|
|
315
|
-
<path
|
|
316
|
-
stroke="white"
|
|
317
|
-
stroke-width="1.5"
|
|
318
|
-
stroke-linecap="round"
|
|
319
|
-
stroke-linejoin="round"
|
|
320
|
-
d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 1 1 0-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 0 1-1.44-4.282m3.102.069a18.03 18.03 0 0 1-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 0 1 8.835 2.535M10.34 6.66a23.847 23.847 0 0 0 8.835-2.535m0 0A23.74 23.74 0 0 0 18.795 3m.38 1.125a23.91 23.91 0 0 1 1.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 0 0 1.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 0 1 0 3.46"
|
|
321
|
-
/>
|
|
322
|
-
</svg>
|
|
323
|
-
);
|
|
324
|
-
}
|
|
1
|
+
import { OnClick, Size } from "../../interface";
|
|
2
|
+
import { cn } from "../../util";
|
|
3
|
+
|
|
4
|
+
export interface IconProps {
|
|
5
|
+
size?: Size;
|
|
6
|
+
onClick?: OnClick;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
const Icon = {
|
|
10
|
+
Calendar,
|
|
11
|
+
Notification,
|
|
12
|
+
Search,
|
|
13
|
+
Browser,
|
|
14
|
+
Event,
|
|
15
|
+
Document,
|
|
16
|
+
Tosel,
|
|
17
|
+
Newspaper,
|
|
18
|
+
};
|
|
19
|
+
|
|
20
|
+
export default Icon;
|
|
21
|
+
|
|
22
|
+
function Tosel() {
|
|
23
|
+
return (
|
|
24
|
+
<svg
|
|
25
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
26
|
+
width="48"
|
|
27
|
+
height="48"
|
|
28
|
+
viewBox="0 0 32 32"
|
|
29
|
+
fill="none"
|
|
30
|
+
>
|
|
31
|
+
<mask
|
|
32
|
+
id="mask0_11735_6688"
|
|
33
|
+
maskUnits="userSpaceOnUse"
|
|
34
|
+
x="5"
|
|
35
|
+
y="5"
|
|
36
|
+
width="22"
|
|
37
|
+
height="22"
|
|
38
|
+
>
|
|
39
|
+
<path
|
|
40
|
+
d="M25.0656 8.67629L11.2926 5.31786C10.1657 5.04307 9.03321 5.7496 8.76309 6.89593L5.46158 20.9064C5.19145 22.0527 5.886 23.2047 7.0129 23.4795L20.7858 26.838C21.9127 27.1127 23.0453 26.4062 23.3154 25.2599L26.6169 11.2495C26.887 10.1031 26.1925 8.95108 25.0656 8.67629Z"
|
|
41
|
+
fill="white"
|
|
42
|
+
/>
|
|
43
|
+
</mask>
|
|
44
|
+
<g mask="url(#mask0_11735_6688)">
|
|
45
|
+
<path
|
|
46
|
+
d="M10.7722 12.8021H14.5937V22.2518L18.1969 23.1306V12.9115H21.2326C21.2563 12.1733 21.2802 11.435 21.304 10.6968C17.7943 10.1401 14.2846 9.58329 10.7748 9.02661C10.7738 10.285 10.773 11.5436 10.7721 12.802L10.7722 12.8021Z"
|
|
47
|
+
fill="url(#paint0_linear_11735_6688)"
|
|
48
|
+
/>
|
|
49
|
+
<path
|
|
50
|
+
d="M27.106 9.17384L9.2522 4.82031L4.97247 22.982L22.8263 27.3355L27.106 9.17384Z"
|
|
51
|
+
fill="url(#paint1_linear_11735_6688)"
|
|
52
|
+
/>
|
|
53
|
+
<path
|
|
54
|
+
d="M15.6311 0H3.15723C1.41354 0 0 1.43791 0 3.21167V10.6436C0 12.4174 1.41354 13.8553 3.15723 13.8553H15.6311C17.3748 13.8553 18.7884 12.4174 18.7884 10.6436V3.21167C18.7884 1.43791 17.3748 0 15.6311 0Z"
|
|
55
|
+
fill="url(#paint2_linear_11735_6688)"
|
|
56
|
+
/>
|
|
57
|
+
<path
|
|
58
|
+
d="M28.8427 18.1448H16.3688C14.6251 18.1448 13.2115 19.5827 13.2115 21.3564V28.7884C13.2115 30.5621 14.6251 32 16.3688 32H28.8427C30.5864 32 31.9999 30.5621 31.9999 28.7884V21.3564C31.9999 19.5827 30.5864 18.1448 28.8427 18.1448Z"
|
|
59
|
+
fill="url(#paint3_linear_11735_6688)"
|
|
60
|
+
/>
|
|
61
|
+
<path
|
|
62
|
+
d="M12.5135 11.3384V13.8506H14.8235V20.8187H17.2529V13.8506H19.5627V12.4175L12.5135 11.3384Z"
|
|
63
|
+
fill="white"
|
|
64
|
+
/>
|
|
65
|
+
</g>
|
|
66
|
+
<defs>
|
|
67
|
+
<linearGradient
|
|
68
|
+
id="paint0_linear_11735_6688"
|
|
69
|
+
x1="10.7722"
|
|
70
|
+
y1="16.0787"
|
|
71
|
+
x2="21.304"
|
|
72
|
+
y2="16.0787"
|
|
73
|
+
gradientUnits="userSpaceOnUse"
|
|
74
|
+
>
|
|
75
|
+
<stop stop-color="white" />
|
|
76
|
+
<stop offset="0.1" stop-color="white" stop-opacity="0.98" />
|
|
77
|
+
<stop offset="0.23" stop-color="white" stop-opacity="0.92" />
|
|
78
|
+
<stop offset="0.36" stop-color="white" stop-opacity="0.83" />
|
|
79
|
+
<stop offset="0.5" stop-color="white" stop-opacity="0.7" />
|
|
80
|
+
<stop offset="0.65" stop-color="white" stop-opacity="0.53" />
|
|
81
|
+
<stop offset="0.8" stop-color="white" stop-opacity="0.32" />
|
|
82
|
+
<stop offset="0.95" stop-color="white" stop-opacity="0.08" />
|
|
83
|
+
<stop offset="1" stop-color="white" stop-opacity="0" />
|
|
84
|
+
</linearGradient>
|
|
85
|
+
<linearGradient
|
|
86
|
+
id="paint1_linear_11735_6688"
|
|
87
|
+
x1="7.11194"
|
|
88
|
+
y1="6.99765"
|
|
89
|
+
x2="25.2717"
|
|
90
|
+
y2="24.8477"
|
|
91
|
+
gradientUnits="userSpaceOnUse"
|
|
92
|
+
>
|
|
93
|
+
<stop stop-color="#105652" />
|
|
94
|
+
<stop offset="1" stop-color="#910023" />
|
|
95
|
+
</linearGradient>
|
|
96
|
+
<linearGradient
|
|
97
|
+
id="paint2_linear_11735_6688"
|
|
98
|
+
x1="0.00335254"
|
|
99
|
+
y1="6.92763"
|
|
100
|
+
x2="18.7457"
|
|
101
|
+
y2="6.92763"
|
|
102
|
+
gradientUnits="userSpaceOnUse"
|
|
103
|
+
>
|
|
104
|
+
<stop stop-color="white" />
|
|
105
|
+
<stop offset="0.15" stop-color="white" stop-opacity="0.88" />
|
|
106
|
+
<stop offset="0.46" stop-color="white" stop-opacity="0.57" />
|
|
107
|
+
<stop offset="0.93" stop-color="white" stop-opacity="0.08" />
|
|
108
|
+
<stop offset="1" stop-color="white" stop-opacity="0" />
|
|
109
|
+
</linearGradient>
|
|
110
|
+
<linearGradient
|
|
111
|
+
id="paint3_linear_11735_6688"
|
|
112
|
+
x1="31.9249"
|
|
113
|
+
y1="25.0724"
|
|
114
|
+
x2="13.1825"
|
|
115
|
+
y2="25.0724"
|
|
116
|
+
gradientUnits="userSpaceOnUse"
|
|
117
|
+
>
|
|
118
|
+
<stop stop-color="white" />
|
|
119
|
+
<stop offset="0.15" stop-color="white" stop-opacity="0.88" />
|
|
120
|
+
<stop offset="0.46" stop-color="white" stop-opacity="0.57" />
|
|
121
|
+
<stop offset="0.93" stop-color="white" stop-opacity="0.08" />
|
|
122
|
+
<stop offset="1" stop-color="white" stop-opacity="0" />
|
|
123
|
+
</linearGradient>
|
|
124
|
+
</defs>
|
|
125
|
+
</svg>
|
|
126
|
+
);
|
|
127
|
+
}
|
|
128
|
+
function Calendar({ size = "md", onClick }: IconProps) {
|
|
129
|
+
return (
|
|
130
|
+
<svg
|
|
131
|
+
onClick={onClick}
|
|
132
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
133
|
+
width={size === "lg" ? 36 : 24}
|
|
134
|
+
height={size === "lg" ? 36 : 24}
|
|
135
|
+
viewBox="0 0 24 24"
|
|
136
|
+
fill="none"
|
|
137
|
+
>
|
|
138
|
+
<path
|
|
139
|
+
d="M6.75 3V5.25M17.25 3V5.25M3 18.75V7.5C3 6.90326 3.23705 6.33097 3.65901 5.90901C4.08097 5.48705 4.65326 5.25 5.25 5.25H18.75C19.3467 5.25 19.919 5.48705 20.341 5.90901C20.7629 6.33097 21 6.90326 21 7.5V18.75M3 18.75C3 19.3467 3.23705 19.919 3.65901 20.341C4.08097 20.7629 4.65326 21 5.25 21H18.75C19.3467 21 19.919 20.7629 20.341 20.341C20.7629 19.919 21 19.3467 21 18.75M3 18.75V11.25C3 10.6533 3.23705 10.081 3.65901 9.65901C4.08097 9.23705 4.65326 9 5.25 9H18.75C19.3467 9 19.919 9.23705 20.341 9.65901C20.7629 10.081 21 10.6533 21 11.25V18.75"
|
|
140
|
+
stroke="white"
|
|
141
|
+
strokeWidth="1.5"
|
|
142
|
+
strokeLinecap="round"
|
|
143
|
+
strokeLinejoin="round"
|
|
144
|
+
/>
|
|
145
|
+
</svg>
|
|
146
|
+
);
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
function Notification({ size = "md", onClick }: IconProps) {
|
|
150
|
+
return (
|
|
151
|
+
<svg
|
|
152
|
+
onClick={onClick}
|
|
153
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
154
|
+
width={size === "lg" ? 36 : 24}
|
|
155
|
+
height={size === "lg" ? 36 : 24}
|
|
156
|
+
viewBox="0 0 24 24"
|
|
157
|
+
fill="none"
|
|
158
|
+
>
|
|
159
|
+
<path
|
|
160
|
+
d="M14.8565 17.082C16.7197 16.8614 18.5504 16.4217 20.3105 15.772C18.8199 14.1208 17.9962 11.9745 17.9995 9.75V9C17.9995 7.4087 17.3674 5.88258 16.2421 4.75736C15.1169 3.63214 13.5908 3 11.9995 3C10.4082 3 8.88208 3.63214 7.75686 4.75736C6.63164 5.88258 5.9995 7.4087 5.9995 9V9.75C6.00252 11.9746 5.17849 14.121 3.6875 15.772C5.4205 16.412 7.2475 16.857 9.1425 17.082M14.8565 17.082C12.9585 17.3071 11.0405 17.3071 9.1425 17.082M14.8565 17.082C15.0006 17.5319 15.0364 18.0094 14.9611 18.4757C14.8857 18.942 14.7013 19.384 14.4229 19.7656C14.1444 20.1472 13.7798 20.4576 13.3587 20.6716C12.9376 20.8856 12.4719 20.9972 11.9995 20.9972C11.5271 20.9972 11.0614 20.8856 10.6403 20.6716C10.2192 20.4576 9.85457 20.1472 9.57612 19.7656C9.29767 19.384 9.11326 18.942 9.03791 18.4757C8.96256 18.0094 8.9984 17.5319 9.1425 17.082"
|
|
161
|
+
stroke="white"
|
|
162
|
+
strokeWidth="1.5"
|
|
163
|
+
strokeLinecap="round"
|
|
164
|
+
strokeLinejoin="round"
|
|
165
|
+
/>
|
|
166
|
+
</svg>
|
|
167
|
+
);
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
function Search({ size = "md", onClick }: IconProps) {
|
|
171
|
+
return (
|
|
172
|
+
<svg
|
|
173
|
+
onClick={onClick}
|
|
174
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
175
|
+
width={size === "lg" ? 36 : 24}
|
|
176
|
+
height={size === "lg" ? 36 : 24}
|
|
177
|
+
viewBox="0 0 24 24"
|
|
178
|
+
fill="none"
|
|
179
|
+
>
|
|
180
|
+
<path
|
|
181
|
+
d="M21.0008 21L15.8038 15.803M15.8038 15.803C17.2104 14.3965 18.0006 12.4887 18.0006 10.4995C18.0006 8.51035 17.2104 6.60262 15.8038 5.19605C14.3972 3.78947 12.4895 2.99927 10.5003 2.99927C8.51108 2.99927 6.60336 3.78947 5.19678 5.19605C3.79021 6.60262 3 8.51035 3 10.4995C3 12.4887 3.79021 14.3965 5.19678 15.803C6.60336 17.2096 8.51108 17.9998 10.5003 17.9998C12.4895 17.9998 14.3972 17.2096 15.8038 15.803Z"
|
|
182
|
+
stroke="white"
|
|
183
|
+
strokeWidth="1.5"
|
|
184
|
+
strokeLinecap="round"
|
|
185
|
+
strokeLinejoin="round"
|
|
186
|
+
/>
|
|
187
|
+
</svg>
|
|
188
|
+
);
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
function Browser({ size = "md", onClick }: IconProps) {
|
|
192
|
+
return (
|
|
193
|
+
<svg
|
|
194
|
+
onClick={onClick}
|
|
195
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
196
|
+
width={size === "lg" ? 36 : 24}
|
|
197
|
+
height={size === "lg" ? 36 : 24}
|
|
198
|
+
viewBox="0 0 24 24"
|
|
199
|
+
fill="none"
|
|
200
|
+
>
|
|
201
|
+
<path
|
|
202
|
+
d="M3 8.25V18C3 18.5967 3.23705 19.169 3.65901 19.591C4.08097 20.0129 4.65326 20.25 5.25 20.25H18.75C19.3467 20.25 19.919 20.0129 20.341 19.591C20.7629 19.169 21 18.5967 21 18V8.25M3 8.25V6C3 5.40326 3.23705 4.83097 3.65901 4.40901C4.08097 3.98705 4.65326 3.75 5.25 3.75H18.75C19.3467 3.75 19.919 3.98705 20.341 4.40901C20.7629 4.83097 21 5.40326 21 6V8.25M3 8.25H21M5.25 6H5.258V6.008H5.25V6ZM7.5 6H7.508V6.008H7.5V6ZM9.75 6H9.758V6.008H9.75V6Z"
|
|
203
|
+
stroke="white"
|
|
204
|
+
stroke-width="1.5"
|
|
205
|
+
stroke-linecap="round"
|
|
206
|
+
stroke-linejoin="round"
|
|
207
|
+
/>
|
|
208
|
+
</svg>
|
|
209
|
+
);
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
function Event({ size = "md", onClick }: IconProps) {
|
|
213
|
+
return (
|
|
214
|
+
<svg
|
|
215
|
+
onClick={onClick}
|
|
216
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
217
|
+
width={size === "lg" ? 36 : 24}
|
|
218
|
+
height={size === "lg" ? 36 : 24}
|
|
219
|
+
viewBox="0 0 24 24"
|
|
220
|
+
fill="none"
|
|
221
|
+
>
|
|
222
|
+
<path
|
|
223
|
+
d="M21 11.25V19.5C21 19.8978 20.842 20.2794 20.5607 20.5607C20.2794 20.842 19.8978 21 19.5 21H5.25C4.85218 21 4.47064 20.842 4.18934 20.5607C3.90804 20.2794 3.75 19.8978 3.75 19.5V11.25M12 4.875C12 4.35583 11.846 3.84831 11.5576 3.41663C11.2692 2.98495 10.8592 2.6485 10.3795 2.44982C9.89989 2.25114 9.37209 2.19915 8.86289 2.30044C8.35369 2.40173 7.88596 2.65173 7.51884 3.01885C7.15173 3.38596 6.90172 3.85369 6.80044 4.36289C6.69915 4.87209 6.75114 5.39989 6.94982 5.87954C7.1485 6.3592 7.48495 6.76917 7.91663 7.05761C8.34831 7.34605 8.85582 7.5 9.375 7.5H12M12 4.875V7.5M12 4.875C12 4.35583 12.154 3.84831 12.4424 3.41663C12.7308 2.98495 13.1408 2.6485 13.6205 2.44982C14.1001 2.25114 14.6279 2.19915 15.1371 2.30044C15.6463 2.40173 16.114 2.65173 16.4812 3.01885C16.8483 3.38596 17.0983 3.85369 17.1996 4.36289C17.3008 4.87209 17.2489 5.39989 17.0502 5.87954C16.8515 6.3592 16.5151 6.76917 16.0834 7.05761C15.6517 7.34605 15.1442 7.5 14.625 7.5H12M12 7.5V21M3.375 11.25H21.375C21.996 11.25 22.5 10.746 22.5 10.125V8.625C22.5 8.004 21.996 7.5 21.375 7.5H3.375C2.754 7.5 2.25 8.004 2.25 8.625V10.125C2.25 10.746 2.754 11.25 3.375 11.25Z"
|
|
224
|
+
stroke="white"
|
|
225
|
+
strokeWidth="1.5"
|
|
226
|
+
strokeLinecap="round"
|
|
227
|
+
strokeLinejoin="round"
|
|
228
|
+
/>
|
|
229
|
+
</svg>
|
|
230
|
+
);
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
function Document({ theme }: { theme: "blue" | "red" }) {
|
|
234
|
+
const color = {
|
|
235
|
+
red: "#910023",
|
|
236
|
+
blue: "#173A8B",
|
|
237
|
+
};
|
|
238
|
+
return (
|
|
239
|
+
<svg
|
|
240
|
+
width="25"
|
|
241
|
+
height="25"
|
|
242
|
+
viewBox="0 0 25 25"
|
|
243
|
+
fill="none"
|
|
244
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
245
|
+
>
|
|
246
|
+
<g clipPath="url(#clip0_3677_836)">
|
|
247
|
+
<path
|
|
248
|
+
d="M18.3495 25H1.3316C1.14591 25 1 24.8525 1 24.6647V4.61373C1 4.53326 1.03979 4.43938 1.09285 4.38573L5.33737 0.0938841C5.33737 0.0938841 5.48328 0 5.56286 0H18.3362C18.5219 0 18.6678 0.147532 18.6678 0.3353V9.2677C18.6678 9.45547 18.5219 9.603 18.3362 9.603C18.1505 9.603 18.0046 9.45547 18.0046 9.2677V0.670601H5.70877L1.66321 4.76127V24.3294H18.0179V15.8396C18.0179 15.6518 18.1638 15.5043 18.3495 15.5043C18.5352 15.5043 18.6811 15.6518 18.6811 15.8396V24.6647C18.6811 24.8525 18.5352 25 18.3495 25Z"
|
|
249
|
+
fill={color[theme]}
|
|
250
|
+
/>
|
|
251
|
+
<path
|
|
252
|
+
d="M1.33158 4.9489C1.252 4.9489 1.15915 4.92208 1.09283 4.85502C0.960187 4.7209 0.960187 4.50631 1.09283 4.3856L5.33735 0.0937542C5.46999 -0.040366 5.68222 -0.040366 5.80159 0.0937542C5.93424 0.227874 5.93424 0.442467 5.80159 0.563175L1.57034 4.85502C1.57034 4.85502 1.42443 4.9489 1.33158 4.9489Z"
|
|
253
|
+
fill={color[theme]}
|
|
254
|
+
/>
|
|
255
|
+
<path
|
|
256
|
+
d="M5.56286 4.96245H1.3316C1.14591 4.94903 1 4.8015 1 4.61373C1 4.42597 1.14591 4.27843 1.3316 4.27843H5.23126V0.3353C5.23126 0.147532 5.37716 0 5.56286 0C5.74856 0 5.89446 0.147532 5.89446 0.3353V4.62715C5.89446 4.72103 5.85467 4.8015 5.80161 4.86856C5.74856 4.93562 5.65571 4.96245 5.56286 4.96245Z"
|
|
257
|
+
fill={color[theme]}
|
|
258
|
+
/>
|
|
259
|
+
<path
|
|
260
|
+
d="M13.4019 18.0259C13.3091 18.0259 13.2295 17.9857 13.1632 17.932C13.0836 17.8516 13.0571 17.7443 13.0703 17.637L13.4417 15.719C13.4417 15.719 13.4815 15.5983 13.5346 15.5447L20.233 8.77162C20.233 8.77162 20.3789 8.67773 20.4717 8.67773C20.5646 8.67773 20.6442 8.71797 20.7105 8.77162L22.2491 10.3274C22.3818 10.4615 22.3818 10.6761 22.2491 10.7968L15.5507 17.5699C15.5507 17.5699 15.4446 17.6504 15.3783 17.6638L13.4815 18.0393C13.4815 18.0393 13.4417 18.0393 13.4152 18.0393L13.4019 18.0259ZM14.0784 15.9336L13.8264 17.2614L15.1395 17.0066L21.5328 10.542L20.4717 9.46904L14.0784 15.9336Z"
|
|
261
|
+
fill={color[theme]}
|
|
262
|
+
/>
|
|
263
|
+
<path
|
|
264
|
+
d="M22.7665 10.1129C22.6736 10.1129 22.594 10.0726 22.5277 10.019L20.9891 8.46318C20.8564 8.32906 20.8564 8.11447 20.9891 7.99376L21.891 7.08174C22.0104 6.96103 22.2359 6.96103 22.3553 7.08174L23.8939 8.63754C23.8939 8.63754 23.9868 8.78507 23.9868 8.87895C23.9868 8.97284 23.947 9.05331 23.8939 9.12037L22.992 10.0324C22.992 10.0324 22.846 10.1263 22.7532 10.1263L22.7665 10.1129ZM21.7053 8.22176L22.7665 9.29472L23.2042 8.85213L22.143 7.77917L21.7053 8.22176Z"
|
|
265
|
+
fill={color[theme]}
|
|
266
|
+
/>
|
|
267
|
+
<path
|
|
268
|
+
d="M18.4689 12.9026C18.3893 12.9026 18.2964 12.8757 18.2301 12.8087C18.0975 12.6745 18.0975 12.46 18.2301 12.3392L21.0023 9.53614C21.1349 9.40202 21.3472 9.40202 21.4665 9.53614C21.5992 9.67026 21.5992 9.88485 21.4665 10.0056L18.6943 12.8087C18.6943 12.8087 18.5484 12.9026 18.4556 12.9026H18.4689Z"
|
|
269
|
+
fill={color[theme]}
|
|
270
|
+
/>
|
|
271
|
+
<path
|
|
272
|
+
d="M15.2987 17.6504C15.2192 17.6504 15.1263 17.6235 15.06 17.5565L13.5214 16.0007C13.3887 15.8666 13.3887 15.652 13.5214 15.5313C13.654 15.3971 13.8662 15.3971 13.9856 15.5313L15.5242 17.087C15.6569 17.2212 15.6569 17.4358 15.5242 17.5565C15.4579 17.6235 15.3783 17.6504 15.2855 17.6504H15.2987Z"
|
|
273
|
+
fill={color[theme]}
|
|
274
|
+
/>
|
|
275
|
+
<path
|
|
276
|
+
d="M15.763 8.30244H3.90485C3.71915 8.30244 3.57324 8.1549 3.57324 7.96714C3.57324 7.77937 3.71915 7.63184 3.90485 7.63184H15.763C15.9487 7.63184 16.0946 7.77937 16.0946 7.96714C16.0946 8.1549 15.9487 8.30244 15.763 8.30244Z"
|
|
277
|
+
fill={color[theme]}
|
|
278
|
+
/>
|
|
279
|
+
<path
|
|
280
|
+
d="M15.763 11.32H3.90485C3.71915 11.32 3.57324 11.1725 3.57324 10.9847C3.57324 10.7969 3.71915 10.6494 3.90485 10.6494H15.763C15.9487 10.6494 16.0946 10.7969 16.0946 10.9847C16.0946 11.1725 15.9487 11.32 15.763 11.32Z"
|
|
281
|
+
fill={color[theme]}
|
|
282
|
+
/>
|
|
283
|
+
<path
|
|
284
|
+
d="M13.1102 14.3513H3.90485C3.71915 14.3513 3.57324 14.2037 3.57324 14.016C3.57324 13.8282 3.71915 13.6807 3.90485 13.6807H13.1102C13.2958 13.6807 13.4418 13.8282 13.4418 14.016C13.4418 14.2037 13.2958 14.3513 13.1102 14.3513Z"
|
|
285
|
+
fill={color[theme]}
|
|
286
|
+
/>
|
|
287
|
+
<path
|
|
288
|
+
d="M11.7837 17.3688H3.90485C3.71915 17.3688 3.57324 17.2213 3.57324 17.0335C3.57324 16.8458 3.71915 16.6982 3.90485 16.6982H11.7837C11.9694 16.6982 12.1153 16.8458 12.1153 17.0335C12.1153 17.2213 11.9694 17.3688 11.7837 17.3688Z"
|
|
289
|
+
fill={color[theme]}
|
|
290
|
+
/>
|
|
291
|
+
<path
|
|
292
|
+
d="M15.763 20.3864H3.90485C3.71915 20.3864 3.57324 20.2389 3.57324 20.0511C3.57324 19.8634 3.71915 19.7158 3.90485 19.7158H15.763C15.9487 19.7158 16.0946 19.8634 16.0946 20.0511C16.0946 20.2389 15.9487 20.3864 15.763 20.3864Z"
|
|
293
|
+
fill={color[theme]}
|
|
294
|
+
/>
|
|
295
|
+
</g>
|
|
296
|
+
<defs>
|
|
297
|
+
<clipPath id="clip0_3677_836">
|
|
298
|
+
<rect width="25" height="25" fill="white" />
|
|
299
|
+
</clipPath>
|
|
300
|
+
</defs>
|
|
301
|
+
</svg>
|
|
302
|
+
);
|
|
303
|
+
}
|
|
304
|
+
|
|
305
|
+
function Newspaper({ size = "md", onClick }: IconProps) {
|
|
306
|
+
return (
|
|
307
|
+
<svg
|
|
308
|
+
onClick={onClick}
|
|
309
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
310
|
+
width={size === "lg" ? 36 : 24}
|
|
311
|
+
height={size === "lg" ? 36 : 24}
|
|
312
|
+
viewBox="0 0 24 24"
|
|
313
|
+
fill="none"
|
|
314
|
+
>
|
|
315
|
+
<path
|
|
316
|
+
stroke="white"
|
|
317
|
+
stroke-width="1.5"
|
|
318
|
+
stroke-linecap="round"
|
|
319
|
+
stroke-linejoin="round"
|
|
320
|
+
d="M10.34 15.84c-.688-.06-1.386-.09-2.09-.09H7.5a4.5 4.5 0 1 1 0-9h.75c.704 0 1.402-.03 2.09-.09m0 9.18c.253.962.584 1.892.985 2.783.247.55.06 1.21-.463 1.511l-.657.38c-.551.318-1.26.117-1.527-.461a20.845 20.845 0 0 1-1.44-4.282m3.102.069a18.03 18.03 0 0 1-.59-4.59c0-1.586.205-3.124.59-4.59m0 9.18a23.848 23.848 0 0 1 8.835 2.535M10.34 6.66a23.847 23.847 0 0 0 8.835-2.535m0 0A23.74 23.74 0 0 0 18.795 3m.38 1.125a23.91 23.91 0 0 1 1.014 5.395m-1.014 8.855c-.118.38-.245.754-.38 1.125m.38-1.125a23.91 23.91 0 0 0 1.014-5.395m0-3.46c.495.413.811 1.035.811 1.73 0 .695-.316 1.317-.811 1.73m0-3.46a24.347 24.347 0 0 1 0 3.46"
|
|
321
|
+
/>
|
|
322
|
+
</svg>
|
|
323
|
+
);
|
|
324
|
+
}
|