@liner-fe/icon 0.0.3 → 0.0.4
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/.gitignore +3 -0
- package/CHANGELOG.md +6 -0
- package/assets/add-clock/index.tsx +39 -0
- package/assets/add-to-folder/index.tsx +35 -0
- package/assets/ai/index.tsx +42 -0
- package/assets/airplane/index.tsx +31 -0
- package/assets/android/index.tsx +31 -0
- package/assets/apple/index.tsx +35 -0
- package/assets/arrow-back/index.tsx +31 -0
- package/assets/arrow-backward/index.tsx +31 -0
- package/assets/arrow-down/index.tsx +31 -0
- package/assets/arrow-down-left/index.tsx +31 -0
- package/assets/arrow-downward/index.tsx +31 -0
- package/assets/arrow-drop-right/index.tsx +31 -0
- package/assets/arrow-forward/index.tsx +31 -0
- package/assets/arrow-left/index.tsx +31 -0
- package/assets/arrow-right/index.tsx +31 -0
- package/assets/arrow-turn/index.tsx +31 -0
- package/assets/arrow-up/index.tsx +31 -0
- package/assets/arrow-up-down/index.tsx +35 -0
- package/assets/arrow-up-left/index.tsx +31 -0
- package/assets/arrow-up-right/index.tsx +31 -0
- package/assets/arrow-upward/index.tsx +31 -0
- package/assets/balance/index.tsx +39 -0
- package/assets/bell/index.tsx +35 -0
- package/assets/block/index.tsx +31 -0
- package/assets/bolt/index.tsx +31 -0
- package/assets/book/index.tsx +32 -0
- package/assets/bookmark/index.tsx +31 -0
- package/assets/bookmark-cancel/index.tsx +39 -0
- package/assets/books/index.tsx +39 -0
- package/assets/brain/index.tsx +32 -0
- package/assets/bulb/index.tsx +35 -0
- package/assets/bulb-exclamtionmark/index.tsx +43 -0
- package/assets/camera/index.tsx +34 -0
- package/assets/car/index.tsx +31 -0
- package/assets/casual-shoe/index.tsx +31 -0
- package/assets/chart-bar/index.tsx +40 -0
- package/assets/chart-line-uptrend/index.tsx +40 -0
- package/assets/check-mark/index.tsx +31 -0
- package/assets/check-mark-fill/index.tsx +35 -0
- package/assets/chrome/index.tsx +43 -0
- package/assets/clock/index.tsx +35 -0
- package/assets/close/index.tsx +31 -0
- package/assets/close-fill/index.tsx +35 -0
- package/assets/copy/index.tsx +32 -0
- package/assets/credit/index.tsx +39 -0
- package/assets/creditcard/index.tsx +35 -0
- package/assets/dark-mode/index.tsx +31 -0
- package/assets/description/index.tsx +40 -0
- package/assets/desktop/index.tsx +31 -0
- package/assets/desktop-on-cursor/index.tsx +39 -0
- package/assets/document/index.tsx +33 -0
- package/assets/document-add/index.tsx +37 -0
- package/assets/document-check/index.tsx +37 -0
- package/assets/document-warning/index.tsx +35 -0
- package/assets/double-arrow-backward/index.tsx +35 -0
- package/assets/download/index.tsx +35 -0
- package/assets/drop-down/index.tsx +31 -0
- package/assets/drop-up/index.tsx +31 -0
- package/assets/email/index.tsx +33 -0
- package/assets/end/index.tsx +35 -0
- package/assets/essay/index.tsx +37 -0
- package/assets/exclamationmark/index.tsx +33 -0
- package/assets/exclamationmark-fill/index.tsx +39 -0
- package/assets/expand/index.tsx +35 -0
- package/assets/expand-close/index.tsx +31 -0
- package/assets/extend/index.tsx +31 -0
- package/assets/facebook/index.tsx +31 -0
- package/assets/feedback/index.tsx +35 -0
- package/assets/filter/index.tsx +39 -0
- package/assets/fire/index.tsx +34 -0
- package/assets/flowchart/index.tsx +31 -0
- package/assets/focus/index.tsx +35 -0
- package/assets/folder/index.tsx +31 -0
- package/assets/folder-add/index.tsx +33 -0
- package/assets/folder-open/index.tsx +45 -0
- package/assets/folder-open-share/index.tsx +39 -0
- package/assets/folder-share/index.tsx +39 -0
- package/assets/formal-bag/index.tsx +31 -0
- package/assets/globe/index.tsx +31 -0
- package/assets/google/index.tsx +31 -0
- package/assets/google-export/index.tsx +39 -0
- package/assets/graduationcap/index.tsx +32 -0
- package/assets/help/index.tsx +35 -0
- package/assets/hide-all/index.tsx +123 -0
- package/assets/highlight-edit/index.tsx +35 -0
- package/assets/highlighter/index.tsx +31 -0
- package/assets/history/index.tsx +35 -0
- package/assets/home/index.tsx +31 -0
- package/assets/info/index.tsx +39 -0
- package/assets/lds-pri-icon-s-double-arrow-forward/index.tsx +35 -0
- package/assets/light/index.tsx +35 -0
- package/assets/light-mode/index.tsx +63 -0
- package/assets/liner/index.tsx +35 -0
- package/assets/link/index.tsx +35 -0
- package/assets/list/index.tsx +51 -0
- package/assets/literature-review/index.tsx +47 -0
- package/assets/lock/index.tsx +35 -0
- package/assets/magic-pencil/index.tsx +47 -0
- package/assets/magic-wand/index.tsx +43 -0
- package/assets/make-easy/index.tsx +47 -0
- package/assets/members/index.tsx +43 -0
- package/assets/memo/index.tsx +35 -0
- package/assets/menu/index.tsx +39 -0
- package/assets/microscope/index.tsx +31 -0
- package/assets/mindmap/index.tsx +31 -0
- package/assets/minus/index.tsx +39 -0
- package/assets/mobile/index.tsx +35 -0
- package/assets/more/index.tsx +39 -0
- package/assets/move/index.tsx +31 -0
- package/assets/move-to-folder/index.tsx +35 -0
- package/assets/new-chrome-extension/index.tsx +31 -0
- package/assets/new-tab/index.tsx +35 -0
- package/assets/new-thread/index.tsx +33 -0
- package/assets/new-thread-folder/index.tsx +39 -0
- package/assets/palette/index.tsx +47 -0
- package/assets/paperclip/index.tsx +38 -0
- package/assets/paragraph/index.tsx +43 -0
- package/assets/paraphrase/index.tsx +43 -0
- package/assets/pencil/index.tsx +32 -0
- package/assets/person/index.tsx +35 -0
- package/assets/person-add/index.tsx +39 -0
- package/assets/person-fill/index.tsx +39 -0
- package/assets/photo/index.tsx +34 -0
- package/assets/play-button/index.tsx +34 -0
- package/assets/plus/index.tsx +31 -0
- package/assets/power/index.tsx +35 -0
- package/assets/question-box/index.tsx +35 -0
- package/assets/question-message/index.tsx +35 -0
- package/assets/quote/index.tsx +35 -0
- package/assets/redo/index.tsx +31 -0
- package/assets/regenerate/index.tsx +35 -0
- package/assets/remove-from-folder/index.tsx +35 -0
- package/assets/report/index.tsx +35 -0
- package/assets/restaurant/index.tsx +39 -0
- package/assets/retry/index.tsx +31 -0
- package/assets/rocket/index.tsx +35 -0
- package/assets/search/index.tsx +31 -0
- package/assets/secret-mode/index.tsx +35 -0
- package/assets/send/index.tsx +31 -0
- package/assets/setting/index.tsx +35 -0
- package/assets/share/index.tsx +35 -0
- package/assets/sheet-export/index.tsx +35 -0
- package/assets/shield/index.tsx +47 -0
- package/assets/shield-person/index.tsx +39 -0
- package/assets/shield-usage/index.tsx +47 -0
- package/assets/shorten/index.tsx +35 -0
- package/assets/show-all/index.tsx +43 -0
- package/assets/sign-out/index.tsx +35 -0
- package/assets/source/index.tsx +43 -0
- package/assets/speaker/index.tsx +35 -0
- package/assets/spinner/index.tsx +39 -0
- package/assets/stack/index.tsx +39 -0
- package/assets/start/index.tsx +35 -0
- package/assets/step/index.tsx +35 -0
- package/assets/stop/index.tsx +35 -0
- package/assets/summarize/index.tsx +39 -0
- package/assets/target/index.tsx +39 -0
- package/assets/teams/index.tsx +38 -0
- package/assets/text-select/index.tsx +35 -0
- package/assets/thumb-down/index.tsx +33 -0
- package/assets/thumb-up/index.tsx +33 -0
- package/assets/timer/index.tsx +39 -0
- package/assets/translate/index.tsx +35 -0
- package/assets/trash/index.tsx +37 -0
- package/assets/tune/index.tsx +51 -0
- package/assets/twitter/index.tsx +31 -0
- package/assets/undo/index.tsx +31 -0
- package/assets/verification-badge/index.tsx +31 -0
- package/assets/view-list/index.tsx +31 -0
- package/assets/visibility/index.tsx +35 -0
- package/assets/visibility-off/index.tsx +47 -0
- package/assets/volume/index.tsx +31 -0
- package/assets/volume-up/index.tsx +39 -0
- package/assets/zoom-in/index.tsx +35 -0
- package/assets/zoom-out/index.tsx +35 -0
- package/index.tsx +371 -0
- package/package.json +5 -2
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface CameraProps {
|
|
4
|
+
fill?: boolean;
|
|
5
|
+
thick?: boolean;
|
|
6
|
+
size?: number
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const Camera = ({ fill = false, thick = false, size = 24 }: CameraProps) => {
|
|
10
|
+
if (fill && thick) {
|
|
11
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
12
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M33 26C33 30.9706 28.9706 35 24 35C19.0294 35 15 30.9706 15 26C15 21.0294 19.0294 17 24 17C28.9706 17 33 21.0294 33 26ZM30 26C30 29.3137 27.3137 32 24 32C20.6863 32 18 29.3137 18 26C18 22.6863 20.6863 20 24 20C27.3137 20 30 22.6863 30 26Z" fill="currentColor"/>
|
|
13
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M6 12H14L16.4315 7.5423C16.7819 6.89977 17.4554 6.5 18.1873 6.5H29.8127C30.5446 6.5 31.2181 6.89977 31.5685 7.5423L34 12H42C43.1046 12 44 12.8954 44 14V39C44 40.1046 43.1046 41 42 41H6C4.89543 41 4 40.1046 4 39V14C4 12.8954 4.89543 12 6 12ZM15.7809 15L18.7809 9.5H29.2191L32.2191 15H41V38H7V15H15.7809Z" fill="currentColor"/>
|
|
14
|
+
</svg>
|
|
15
|
+
;
|
|
16
|
+
} else if (fill) {
|
|
17
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
18
|
+
<path d="M18.1875 8H29.8125C29.9955 8 30.1643 8.10011 30.252 8.26074L32.6836 12.7188L33.1094 13.5H42C42.2761 13.5 42.5 13.7239 42.5 14V39C42.5 39.2761 42.2761 39.5 42 39.5H6C5.72386 39.5 5.5 39.2761 5.5 39V14C5.5 13.7239 5.72386 13.5 6 13.5H14.8906L15.3164 12.7188L17.748 8.26074C17.8357 8.10011 18.0045 8 18.1875 8ZM24 15.5C18.201 15.5 13.5 20.201 13.5 26C13.5 31.799 18.201 36.5 24 36.5C29.799 36.5 34.5 31.799 34.5 26C34.5 20.201 29.799 15.5 24 15.5ZM24 21.5C26.4853 21.5 28.5 23.5147 28.5 26C28.5 28.4853 26.4853 30.5 24 30.5C21.5147 30.5 19.5 28.4853 19.5 26C19.5 23.5147 21.5147 21.5 24 21.5Z" fill="currentColor" stroke="currentColor" stroke-width="3"/>
|
|
19
|
+
</svg>
|
|
20
|
+
;
|
|
21
|
+
} else if (thick) {
|
|
22
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
23
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M33 26C33 30.9706 28.9706 35 24 35C19.0294 35 15 30.9706 15 26C15 21.0294 19.0294 17 24 17C28.9706 17 33 21.0294 33 26ZM29 26C29 28.7614 26.7614 31 24 31C21.2386 31 19 28.7614 19 26C19 23.2386 21.2386 21 24 21C26.7614 21 29 23.2386 29 26Z" fill="currentColor"/>
|
|
24
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M6 12H14L16.4315 7.5423C16.7819 6.89977 17.4554 6.5 18.1873 6.5H29.8127C30.5446 6.5 31.2181 6.89977 31.5685 7.5423L34 12H42C43.1046 12 44 12.8954 44 14V39C44 40.1046 43.1046 41 42 41H6C4.89543 41 4 40.1046 4 39V14C4 12.8954 4.89543 12 6 12ZM16.3745 16L19.3745 10.5H28.6255L31.6255 16H40V37H8V16H16.3745Z" fill="currentColor"/>
|
|
25
|
+
</svg>
|
|
26
|
+
;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
30
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M33 26C33 30.9706 28.9706 35 24 35C19.0294 35 15 30.9706 15 26C15 21.0294 19.0294 17 24 17C28.9706 17 33 21.0294 33 26ZM30 26C30 29.3137 27.3137 32 24 32C20.6863 32 18 29.3137 18 26C18 22.6863 20.6863 20 24 20C27.3137 20 30 22.6863 30 26Z" fill="currentColor"/>
|
|
31
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M6 12H14L16.4315 7.5423C16.7819 6.89977 17.4554 6.5 18.1873 6.5H29.8127C30.5446 6.5 31.2181 6.89977 31.5685 7.5423L34 12H42C43.1046 12 44 12.8954 44 14V39C44 40.1046 43.1046 41 42 41H6C4.89543 41 4 40.1046 4 39V14C4 12.8954 4.89543 12 6 12ZM15.7809 15L18.7809 9.5H29.2191L32.2191 15H41V38H7V15H15.7809Z" fill="currentColor"/>
|
|
32
|
+
</svg>
|
|
33
|
+
;
|
|
34
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface CarProps {
|
|
4
|
+
fill?: boolean;
|
|
5
|
+
thick?: boolean;
|
|
6
|
+
size?: number
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const Car = ({ fill = false, thick = false, size = 24 }: CarProps) => {
|
|
10
|
+
if (fill && thick) {
|
|
11
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
12
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M28.6327 11.5772C27.7268 10.5731 26.4378 10 25.0854 10H12.4579C10.8333 10 9.32003 10.8255 8.4406 12.1915L3.76191 19.4587C3.7493 19.4783 3.73748 19.498 3.72643 19.5179C3.24158 20.1586 2.95398 20.9569 2.95398 21.8223V31.6604C2.95398 33.7714 4.66527 35.4827 6.77626 35.4827H8.00466C8.74422 37.7937 10.9099 39.4668 13.4663 39.4668C16.0228 39.4668 18.1884 37.7937 18.928 35.4827H29.0277C29.7673 37.7937 31.933 39.4668 34.4894 39.4668C37.0458 39.4668 39.2115 37.7937 39.9511 35.4827H41.1768C43.2877 35.4827 44.999 33.7714 44.999 31.6604V27.4198C44.999 24.77 43.4349 22.37 41.0106 21.3002L35.0204 18.6567L28.6327 11.5772ZM34.4894 28C31.7525 28 29.4635 29.9177 28.8928 32.4827H19.0629C18.4922 29.9177 16.2032 28 13.4663 28C10.7294 28 8.44043 29.9177 7.86973 32.4827H6.77626C6.32213 32.4827 5.95398 32.1145 5.95398 31.6604V21.8223C5.95398 21.3681 6.32213 21 6.77626 21H32.8997L39.7994 24.0448C41.1364 24.6348 41.999 25.9584 41.999 27.4198V31.6604C41.999 32.1145 41.6309 32.4827 41.1768 32.4827H40.086C39.5153 29.9177 37.2263 28 34.4894 28ZM30.3872 18L26.4054 13.5869C26.0683 13.2133 25.5886 13 25.0854 13H20.7001V18H30.3872ZM17.7001 18V13H12.4579C11.8534 13 11.2903 13.3072 10.963 13.8155L8.26899 18H17.7001ZM16.1997 33.7334C16.1997 35.243 14.976 36.4668 13.4663 36.4668C11.9567 36.4668 10.7329 35.243 10.7329 33.7334C10.7329 32.2238 11.9567 31 13.4663 31C14.976 31 16.1997 32.2238 16.1997 33.7334ZM34.4894 36.4668C35.999 36.4668 37.2228 35.243 37.2228 33.7334C37.2228 32.2238 35.999 31 34.4894 31C32.9798 31 31.756 32.2238 31.756 33.7334C31.756 35.243 32.9798 36.4668 34.4894 36.4668Z" fill="currentColor"/>
|
|
13
|
+
</svg>
|
|
14
|
+
;
|
|
15
|
+
} else if (fill) {
|
|
16
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
17
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M28.6327 11.5772C27.7268 10.5731 26.4378 10 25.0854 10H12.4579C10.8333 10 9.32003 10.8255 8.4406 12.1915L3.76191 19.4587C3.7493 19.4783 3.73748 19.498 3.72643 19.5179C3.24158 20.1586 2.95398 20.9569 2.95398 21.8223V31.6604C2.95398 33.7714 4.66527 35.4827 6.77626 35.4827H8.00466C8.74422 37.7937 10.9099 39.4668 13.4663 39.4668C16.0228 39.4668 18.1884 37.7937 18.928 35.4827H29.0277C29.7673 37.7937 31.933 39.4668 34.4894 39.4668C37.0458 39.4668 39.2115 37.7937 39.9511 35.4827H41.1768C43.2877 35.4827 44.999 33.7714 44.999 31.6604V27.4198C44.999 24.77 43.4349 22.37 41.0106 21.3002L35.0204 18.6567L28.6327 11.5772ZM34.4894 28C31.7525 28 29.4635 29.9177 28.8928 32.4827H19.0629C18.4922 29.9177 16.2032 28 13.4663 28C10.7294 28 8.44043 29.9177 7.86973 32.4827H6.77626C6.32213 32.4827 5.95398 32.1145 5.95398 31.6604V21.8223C5.95398 21.3681 6.32213 21 6.77626 21H32.8997L39.7994 24.0448C41.1364 24.6348 41.999 25.9584 41.999 27.4198V31.6604C41.999 32.1145 41.6309 32.4827 41.1768 32.4827H40.086C39.5153 29.9177 37.2263 28 34.4894 28ZM30.3872 18L26.4054 13.5869C26.0683 13.2133 25.5886 13 25.0854 13H20.7001V18H30.3872ZM17.7001 18V13H12.4579C11.8534 13 11.2903 13.3072 10.963 13.8155L8.26899 18H17.7001ZM16.1997 33.7334C16.1997 35.243 14.976 36.4668 13.4663 36.4668C11.9567 36.4668 10.7329 35.243 10.7329 33.7334C10.7329 32.2238 11.9567 31 13.4663 31C14.976 31 16.1997 32.2238 16.1997 33.7334ZM34.4894 36.4668C35.999 36.4668 37.2228 35.243 37.2228 33.7334C37.2228 32.2238 35.999 31 34.4894 31C32.9798 31 31.756 32.2238 31.756 33.7334C31.756 35.243 32.9798 36.4668 34.4894 36.4668Z" fill="currentColor"/>
|
|
18
|
+
</svg>
|
|
19
|
+
;
|
|
20
|
+
} else if (thick) {
|
|
21
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
22
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M5.59734 17.0585C4.50438 18.6457 2.95398 20.1774 2.95398 22.1045V31.6602C2.95398 33.7712 4.66527 35.4825 6.77626 35.4825H8.49967C9.49094 37.1965 11.344 38.3496 13.4663 38.3496C15.5887 38.3496 17.4417 37.1965 18.433 35.4825H29.5227C30.514 37.1965 32.367 38.3496 34.4894 38.3496C36.6118 38.3496 38.4648 37.1965 39.4561 35.4825H41.1768C43.2877 35.4825 44.999 33.7712 44.999 31.6602V27.5194C44.999 24.819 43.3754 22.3835 40.8827 21.3449L33.597 18.3092L28.6387 12.5807C27.7312 11.5322 26.4129 10.9297 25.0261 10.9297H12.3704C10.794 10.9297 9.31899 11.7073 8.42828 13.0079C7.50081 14.3623 6.53222 15.7008 5.59734 17.0585ZM34.4894 26.8828C31.7111 26.8828 29.3943 28.859 28.8681 31.4825H19.0877C18.5614 28.859 16.2447 26.8828 13.4663 26.8828C10.688 26.8828 8.37121 28.859 7.84499 31.4825H6.95398V22.3958H32.9523C32.9693 22.3958 32.9863 22.3956 33.0032 22.3951L39.3443 25.0373C40.3463 25.4548 40.999 26.4339 40.999 27.5194V31.4825H40.1107C39.5845 28.859 37.2677 26.8828 34.4894 26.8828ZM25.6143 15.1985L28.2834 18.2822H21.2001V14.9297H25.0261C25.2519 14.9297 25.4665 15.0278 25.6143 15.1985ZM17.2001 14.9297V18.2822H9.66443L11.7286 15.268C11.8736 15.0563 12.1137 14.9297 12.3704 14.9297H17.2001ZM15.1997 32.6162C15.1997 33.5736 14.4237 34.3496 13.4663 34.3496C12.509 34.3496 11.7329 33.5736 11.7329 32.6162C11.7329 31.6589 12.509 30.8828 13.4663 30.8828C14.4237 30.8828 15.1997 31.6589 15.1997 32.6162ZM34.4894 34.3496C35.4467 34.3496 36.2228 33.5736 36.2228 32.6162C36.2228 31.6589 35.4467 30.8828 34.4894 30.8828C33.5321 30.8828 32.756 31.6589 32.756 32.6162C32.756 33.5736 33.5321 34.3496 34.4894 34.3496Z" fill="currentColor"/>
|
|
23
|
+
</svg>
|
|
24
|
+
;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
28
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M28.6327 11.5772C27.7268 10.5731 26.4378 10 25.0854 10H12.4579C10.8333 10 9.32003 10.8255 8.4406 12.1915L3.76191 19.4587C3.7493 19.4783 3.73748 19.498 3.72643 19.5179C3.24158 20.1586 2.95398 20.9569 2.95398 21.8223V31.6604C2.95398 33.7714 4.66527 35.4827 6.77626 35.4827H8.00466C8.74422 37.7937 10.9099 39.4668 13.4663 39.4668C16.0228 39.4668 18.1884 37.7937 18.928 35.4827H29.0277C29.7673 37.7937 31.933 39.4668 34.4894 39.4668C37.0458 39.4668 39.2115 37.7937 39.9511 35.4827H41.1768C43.2877 35.4827 44.999 33.7714 44.999 31.6604V27.4198C44.999 24.77 43.4349 22.37 41.0106 21.3002L35.0204 18.6567L28.6327 11.5772ZM34.4894 28C31.7525 28 29.4635 29.9177 28.8928 32.4827H19.0629C18.4922 29.9177 16.2032 28 13.4663 28C10.7294 28 8.44043 29.9177 7.86973 32.4827H6.77626C6.32213 32.4827 5.95398 32.1145 5.95398 31.6604V21.8223C5.95398 21.3681 6.32213 21 6.77626 21H32.8997L39.7994 24.0448C41.1364 24.6348 41.999 25.9584 41.999 27.4198V31.6604C41.999 32.1145 41.6309 32.4827 41.1768 32.4827H40.086C39.5153 29.9177 37.2263 28 34.4894 28ZM30.3872 18L26.4054 13.5869C26.0683 13.2133 25.5886 13 25.0854 13H20.7001V18H30.3872ZM17.7001 18V13H12.4579C11.8534 13 11.2903 13.3072 10.963 13.8155L8.26899 18H17.7001ZM16.1997 33.7334C16.1997 35.243 14.976 36.4668 13.4663 36.4668C11.9567 36.4668 10.7329 35.243 10.7329 33.7334C10.7329 32.2238 11.9567 31 13.4663 31C14.976 31 16.1997 32.2238 16.1997 33.7334ZM34.4894 36.4668C35.999 36.4668 37.2228 35.243 37.2228 33.7334C37.2228 32.2238 35.999 31 34.4894 31C32.9798 31 31.756 32.2238 31.756 33.7334C31.756 35.243 32.9798 36.4668 34.4894 36.4668Z" fill="currentColor"/>
|
|
29
|
+
</svg>
|
|
30
|
+
;
|
|
31
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface CasualShoeProps {
|
|
4
|
+
fill?: boolean;
|
|
5
|
+
thick?: boolean;
|
|
6
|
+
size?: number
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const CasualShoe = ({ fill = false, thick = false, size = 24 }: CasualShoeProps) => {
|
|
10
|
+
if (fill && thick) {
|
|
11
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
12
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M40.8125 21.499C43.4447 22.4687 45.2317 24.9095 45.3823 27.6864C45.3891 27.8127 45.3926 27.9397 45.3926 28.0674V31.1875C45.3926 33.3966 43.6017 35.1875 41.3926 35.1875H5.39258C4.28801 35.1875 3.39258 34.2921 3.39258 33.1875V29.6875C3.39258 29.5952 3.39883 29.5044 3.41094 29.4154C3.39885 29.3385 3.39258 29.2597 3.39258 29.1795C3.39258 24.2689 4.39264 19.4097 6.3318 14.8982L6.6352 14.1923C6.89755 13.5819 7.49814 13.1864 8.16251 13.1864H9.14845C9.7358 13.1864 10.2935 13.4445 10.6735 13.8924L12.5544 16.1093C13.2861 16.9716 14.5866 17.0562 15.4239 16.296L19.9751 12.1638C20.6169 11.5811 21.5612 11.4782 22.3135 11.9091L35.7472 19.6031C35.8439 19.6585 35.9452 19.7057 36.0498 19.7443L40.8125 21.499ZM13.4645 27.6864H33.0498L33.6947 21.8847L30.0305 19.7861L27.4564 23.6359L24.965 21.9726L27.4249 18.2938L25.3435 17.1017L22.9491 20.6827L20.4577 19.0195L22.7379 15.6093L21.4534 14.8737L17.4405 18.5171C15.3473 20.4176 12.096 20.206 10.2669 18.0502L8.92502 16.4687C8.46239 17.5836 8.06183 18.7209 7.72444 19.8752L8.08879 20.0434C11.1392 21.4513 13.1752 24.3805 13.4645 27.6864ZM10.4474 27.6864H6.4262C6.49952 26.0595 6.69245 24.4428 7.00233 22.8492C8.8958 23.7926 10.1786 25.6151 10.4474 27.6864ZM36.5742 23.1346L36.0683 27.6864H42.3745C42.2297 26.1678 41.2277 24.849 39.7754 24.314L36.5742 23.1346ZM6.39258 32.1875V30.6875H42.3926V31.1875C42.3926 31.7398 41.9449 32.1875 41.3926 32.1875H6.39258Z" fill="currentColor"/>
|
|
13
|
+
</svg>
|
|
14
|
+
;
|
|
15
|
+
} else if (fill) {
|
|
16
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
17
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M40.8125 21.499C43.4447 22.4687 45.2317 24.9095 45.3823 27.6864C45.3891 27.8127 45.3926 27.9397 45.3926 28.0674V31.1875C45.3926 33.3966 43.6017 35.1875 41.3926 35.1875H5.39258C4.28801 35.1875 3.39258 34.2921 3.39258 33.1875V29.6875C3.39258 29.5952 3.39883 29.5044 3.41094 29.4154C3.39885 29.3385 3.39258 29.2597 3.39258 29.1795C3.39258 24.2689 4.39264 19.4097 6.3318 14.8982L6.6352 14.1923C6.89755 13.5819 7.49814 13.1864 8.16251 13.1864H9.14845C9.7358 13.1864 10.2935 13.4445 10.6735 13.8924L12.5544 16.1093C13.2861 16.9716 14.5866 17.0562 15.4239 16.296L19.9751 12.1638C20.6169 11.5811 21.5612 11.4782 22.3135 11.9091L35.7472 19.6031C35.8439 19.6585 35.9452 19.7057 36.0498 19.7443L40.8125 21.499ZM13.4645 27.6864H33.0498L33.6947 21.8847L30.0305 19.7861L27.4564 23.6359L24.965 21.9726L27.4249 18.2938L25.3435 17.1017L22.9491 20.6827L20.4577 19.0195L22.7379 15.6093L21.4534 14.8737L17.4405 18.5171C15.3473 20.4176 12.096 20.206 10.2669 18.0502L8.92502 16.4687C8.46239 17.5836 8.06183 18.7209 7.72444 19.8752L8.08879 20.0434C11.1392 21.4513 13.1752 24.3805 13.4645 27.6864ZM10.4474 27.6864H6.4262C6.49952 26.0595 6.69245 24.4428 7.00233 22.8492C8.8958 23.7926 10.1786 25.6151 10.4474 27.6864ZM36.5742 23.1346L36.0683 27.6864H42.3745C42.2297 26.1678 41.2277 24.849 39.7754 24.314L36.5742 23.1346ZM6.39258 32.1875V30.6875H42.3926V31.1875C42.3926 31.7398 41.9449 32.1875 41.3926 32.1875H6.39258Z" fill="currentColor"/>
|
|
18
|
+
</svg>
|
|
19
|
+
;
|
|
20
|
+
} else if (thick) {
|
|
21
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
22
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M3.00371 27.8771C3.07351 22.8737 4.12607 17.931 6.10343 13.3306L6.24262 13.0068C6.50498 12.3964 7.10556 12.0008 7.76994 12.0008H8.75587C9.34322 12.0008 9.90088 12.259 10.2809 12.7069L12.1619 14.9237C12.8935 15.786 14.194 15.8707 15.0313 15.1105L19.5825 10.9783C20.2244 10.3955 21.1686 10.2926 21.9209 10.7235L35.3546 18.4175C35.4514 18.473 35.5526 18.5202 35.6572 18.5587L40.4199 20.3134C43.1718 21.3273 45 23.9491 45 26.8818V31C45 33.2091 43.2091 35 41 35H5C3.89543 35 3 34.1046 3 33V28C3 27.9587 3.00125 27.9177 3.00371 27.8771ZM7 30.0008V31H41V30.0008H7ZM40.8677 26C40.5973 25.1211 39.9309 24.3961 39.0371 24.0668L35.657 22.8215L35.2525 26H40.8677ZM31.2202 26L31.8538 21.0221L30.4817 20.2362L27.4788 24.7272L24.1569 22.5095L27.0075 18.2464L25.7951 17.552L22.972 21.7741L19.6501 19.5564L22.3208 15.5622L21.1947 14.9172L17.7201 18.072C15.2083 20.3525 11.3068 20.0985 9.11183 17.5116L8.87775 17.2358C8.61591 17.9928 8.38097 18.7583 8.17325 19.5306L8.29832 19.5883C10.9966 20.8337 12.9416 23.2088 13.6768 26H31.2202ZM9.43542 26H7.08503C7.14149 25.2012 7.22594 24.4052 7.33811 23.6137C8.2542 24.2045 8.97593 25.0353 9.43542 26Z" fill="currentColor"/>
|
|
23
|
+
</svg>
|
|
24
|
+
;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
28
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M40.8125 21.499C43.4447 22.4687 45.2317 24.9095 45.3823 27.6864C45.3891 27.8127 45.3926 27.9397 45.3926 28.0674V31.1875C45.3926 33.3966 43.6017 35.1875 41.3926 35.1875H5.39258C4.28801 35.1875 3.39258 34.2921 3.39258 33.1875V29.6875C3.39258 29.5952 3.39883 29.5044 3.41094 29.4154C3.39885 29.3385 3.39258 29.2597 3.39258 29.1795C3.39258 24.2689 4.39264 19.4097 6.3318 14.8982L6.6352 14.1923C6.89755 13.5819 7.49814 13.1864 8.16251 13.1864H9.14845C9.7358 13.1864 10.2935 13.4445 10.6735 13.8924L12.5544 16.1093C13.2861 16.9716 14.5866 17.0562 15.4239 16.296L19.9751 12.1638C20.6169 11.5811 21.5612 11.4782 22.3135 11.9091L35.7472 19.6031C35.8439 19.6585 35.9452 19.7057 36.0498 19.7443L40.8125 21.499ZM13.4645 27.6864H33.0498L33.6947 21.8847L30.0305 19.7861L27.4564 23.6359L24.965 21.9726L27.4249 18.2938L25.3435 17.1017L22.9491 20.6827L20.4577 19.0195L22.7379 15.6093L21.4534 14.8737L17.4405 18.5171C15.3473 20.4176 12.096 20.206 10.2669 18.0502L8.92502 16.4687C8.46239 17.5836 8.06183 18.7209 7.72444 19.8752L8.08879 20.0434C11.1392 21.4513 13.1752 24.3805 13.4645 27.6864ZM10.4474 27.6864H6.4262C6.49952 26.0595 6.69245 24.4428 7.00233 22.8492C8.8958 23.7926 10.1786 25.6151 10.4474 27.6864ZM36.5742 23.1346L36.0683 27.6864H42.3745C42.2297 26.1678 41.2277 24.849 39.7754 24.314L36.5742 23.1346ZM6.39258 32.1875V30.6875H42.3926V31.1875C42.3926 31.7398 41.9449 32.1875 41.3926 32.1875H6.39258Z" fill="currentColor"/>
|
|
29
|
+
</svg>
|
|
30
|
+
;
|
|
31
|
+
};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface ChartBarProps {
|
|
4
|
+
fill?: boolean;
|
|
5
|
+
thick?: boolean;
|
|
6
|
+
size?: number
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const ChartBar = ({ fill = false, thick = false, size = 24 }: ChartBarProps) => {
|
|
10
|
+
if (fill && thick) {
|
|
11
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
12
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M32.001 8C32.001 6.89543 32.8964 6 34.001 6H40.0006C41.1052 6 42.0006 6.89543 42.0006 8V36C42.0006 37.1046 41.1052 38 40.0006 38H34.001C32.8964 38 32.001 37.1046 32.001 36V8ZM35.001 35V9H39.0006V35H35.001Z" fill="currentColor"/>
|
|
13
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M21.0009 17.5862C19.8964 17.5862 19.001 18.4816 19.001 19.5862V35.9999C19.001 37.1045 19.8964 38 21.001 37.9999L27.0009 37.9998C28.1054 37.9998 29.0008 37.1043 29.0008 35.9998V19.586C29.0008 18.4814 28.1054 17.586 27.0008 17.586L21.0009 17.5862ZM22.001 20.5861V34.9999L26.0008 34.9998V20.586L22.001 20.5861Z" fill="currentColor"/>
|
|
14
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M6 28.4141C6 27.3095 6.89543 26.4141 8 26.4141H14C15.1046 26.4141 16 27.3095 16 28.4141V36C16 37.1046 15.1046 38 14 38H8C6.89543 38 6 37.1046 6 36V28.4141ZM9 35V29.4141H13V35H9Z" fill="currentColor"/>
|
|
15
|
+
<path d="M6.00024 43.5H42.0002V40.5H6.00024V43.5Z" fill="currentColor"/>
|
|
16
|
+
</svg>
|
|
17
|
+
;
|
|
18
|
+
} else if (fill) {
|
|
19
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
20
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M8 6C6.89543 6 6 6.89543 6 8V40C6 41.1046 6.89543 42 8 42H40C41.1046 42 42 41.1046 42 40V8C42 6.89543 41.1046 6 40 6H8ZM22.374 21.3371C21.2694 21.3371 20.374 22.2325 20.374 23.3371V34.3215C20.374 35.4261 21.2695 36.3215 22.3741 36.3215L25.3669 36.3214C26.4714 36.3214 27.3668 35.4259 27.3668 34.3214V23.337C27.3668 22.2324 26.4714 21.3369 25.3668 21.337L22.374 21.3371ZM10 30.0802C10 28.9757 10.8954 28.0802 11.9999 28.0802L14.9928 28.0801C16.0974 28.0801 16.9928 28.9755 16.9928 30.0801L16.9928 34.3212C16.9928 35.4258 16.0974 36.3212 14.9929 36.3212L12.0001 36.3213C10.8955 36.3213 10 35.4259 10 34.3213L10 30.0802ZM32.7479 12.0001C31.6433 12.0002 30.7479 12.8956 30.7479 14.0001L30.7479 34.3213C30.7479 35.4259 31.6434 36.3213 32.748 36.3213L35.7408 36.3212C36.8454 36.3212 37.7407 35.4258 37.7407 34.3212L37.7407 14.0001C37.7407 12.8955 36.8453 12 35.7407 12.0001L32.7479 12.0001Z" fill="currentColor"/>
|
|
21
|
+
</svg>
|
|
22
|
+
;
|
|
23
|
+
} else if (thick) {
|
|
24
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
25
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M32 8C32 6.89543 32.8954 6 34 6H40C41.1046 6 42 6.89543 42 8V36C42 37.1046 41.1046 38 40 38H34C32.8954 38 32 37.1046 32 36V8ZM36 34V10H38V34H36Z" fill="currentColor"/>
|
|
26
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M21 17.5859C19.8954 17.5859 19 18.4814 19 19.5859V35.9997C19 37.1043 19.8954 37.9997 21 37.9997H27C28.1046 37.9997 29 37.1043 29 35.9997V19.5859C29 18.4814 28.1046 17.5859 27 17.5859H21ZM23 21.5859V33.9997H25V21.5859H23Z" fill="currentColor"/>
|
|
27
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M6 28.4141C6 27.3095 6.89543 26.4141 8 26.4141H14C15.1046 26.4141 16 27.3095 16 28.4141V36C16 37.1046 15.1046 38 14 38H8C6.89543 38 6 37.1046 6 36V28.4141ZM10 34V30.4141H12V34H10Z" fill="currentColor"/>
|
|
28
|
+
<path d="M6 44H42.5V40H6V44Z" fill="currentColor"/>
|
|
29
|
+
</svg>
|
|
30
|
+
;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
34
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M32.001 8C32.001 6.89543 32.8964 6 34.001 6H40.0006C41.1052 6 42.0006 6.89543 42.0006 8V36C42.0006 37.1046 41.1052 38 40.0006 38H34.001C32.8964 38 32.001 37.1046 32.001 36V8ZM35.001 35V9H39.0006V35H35.001Z" fill="currentColor"/>
|
|
35
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M21.0009 17.5862C19.8964 17.5862 19.001 18.4816 19.001 19.5862V35.9999C19.001 37.1045 19.8964 38 21.001 37.9999L27.0009 37.9998C28.1054 37.9998 29.0008 37.1043 29.0008 35.9998V19.586C29.0008 18.4814 28.1054 17.586 27.0008 17.586L21.0009 17.5862ZM22.001 20.5861V34.9999L26.0008 34.9998V20.586L22.001 20.5861Z" fill="currentColor"/>
|
|
36
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M6 28.4141C6 27.3095 6.89543 26.4141 8 26.4141H14C15.1046 26.4141 16 27.3095 16 28.4141V36C16 37.1046 15.1046 38 14 38H8C6.89543 38 6 37.1046 6 36V28.4141ZM9 35V29.4141H13V35H9Z" fill="currentColor"/>
|
|
37
|
+
<path d="M6.00024 43.5H42.0002V40.5H6.00024V43.5Z" fill="currentColor"/>
|
|
38
|
+
</svg>
|
|
39
|
+
;
|
|
40
|
+
};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface ChartLineUptrendProps {
|
|
4
|
+
fill?: boolean;
|
|
5
|
+
thick?: boolean;
|
|
6
|
+
size?: number
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const ChartLineUptrend = ({ fill = false, thick = false, size = 24 }: ChartLineUptrendProps) => {
|
|
10
|
+
if (fill && thick) {
|
|
11
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
12
|
+
<g clip-path="url(#clip0_699_11960)">
|
|
13
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M8 6C6.89543 6 6 6.89543 6 8V40C6 41.1046 6.89543 42 8 42H40C41.1046 42 42 41.1046 42 40V8C42 6.89543 41.1046 6 40 6H8ZM31.815 25.6003L37.6207 12.8276L33.9793 11.1724L28.1735 23.945L22.5903 18.3619C20.5435 16.3151 17.0676 17.0527 16.0285 19.7544L10.1333 35.082L13.8667 36.5179L19.7619 21.1903L25.3451 26.7735C27.3199 28.7483 30.6593 28.1428 31.815 25.6003Z" fill="currentColor"/>
|
|
14
|
+
</g>
|
|
15
|
+
<defs>
|
|
16
|
+
<clipPath id="clip0_699_11960">
|
|
17
|
+
<rect width="48" height="48" fill="white"/>
|
|
18
|
+
</clipPath>
|
|
19
|
+
</defs>
|
|
20
|
+
</svg>
|
|
21
|
+
;
|
|
22
|
+
} else if (fill) {
|
|
23
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
24
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M8 6C6.89543 6 6 6.89543 6 8V40C6 41.1046 6.89543 42 8 42H40C41.1046 42 42 41.1046 42 40V8C42 6.89543 41.1046 6 40 6H8ZM31.3598 25.3934L37.1655 12.6207L34.4344 11.3793L28.6287 24.152C28.4842 24.4698 28.0668 24.5455 27.8199 24.2986L22.2368 18.7155C20.4458 16.9245 17.4044 17.5699 16.4952 19.9339L10.6 35.2615L13.4 36.3384L19.2952 21.0108C19.4251 20.6731 19.8596 20.5809 20.1155 20.8368L25.6986 26.4199C27.4266 28.1479 30.3486 27.618 31.3598 25.3934Z" fill="currentColor"/>
|
|
25
|
+
</svg>
|
|
26
|
+
;
|
|
27
|
+
} else if (thick) {
|
|
28
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
29
|
+
<path d="M5 6V39C5 41.2091 6.79086 43 9 43H42V39H9V6H5Z" fill="currentColor"/>
|
|
30
|
+
<path d="M35.2173 23.7995L41.0231 11.0268L37.3816 9.37158L31.5758 22.1443L25.9927 16.5611C23.9459 14.5143 20.47 15.2519 19.4309 17.9536L13.5356 33.2812L17.269 34.7171L23.1643 19.3895L28.7474 24.9727C30.7222 26.9475 34.0616 26.342 35.2173 23.7995Z" fill="currentColor"/>
|
|
31
|
+
</svg>
|
|
32
|
+
;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
36
|
+
<path d="M5.5 6V39C5.5 40.933 7.067 42.5 9 42.5H42V39.5H9C8.72386 39.5 8.5 39.2761 8.5 39V6H5.5Z" fill="currentColor"/>
|
|
37
|
+
<path d="M34.7621 23.5926L40.5679 10.8199L37.8368 9.57851L32.031 22.3512C31.8866 22.669 31.4691 22.7447 31.2223 22.4978L25.6391 16.9147C23.8482 15.1237 20.8068 15.7692 19.8976 18.1331L14.0023 33.4608L16.8024 34.5377L22.6976 19.2101C22.8275 18.8724 23.262 18.7802 23.5178 19.036L29.101 24.6192C30.8289 26.3471 33.7509 25.8173 34.7621 23.5926Z" fill="currentColor"/>
|
|
38
|
+
</svg>
|
|
39
|
+
;
|
|
40
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface CheckMarkProps {
|
|
4
|
+
fill?: boolean;
|
|
5
|
+
thick?: boolean;
|
|
6
|
+
size?: number
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const CheckMark = ({ fill = false, thick = false, size = 24 }: CheckMarkProps) => {
|
|
10
|
+
if (fill && thick) {
|
|
11
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
12
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM22.6155 27.5188L16.4292 21.3325L13.6008 24.1609L19.7871 30.3472C21.3472 31.9074 23.8761 31.9096 25.439 30.3522L36.1194 19.709L33.296 16.8756L22.6155 27.5188Z" fill="currentColor"/>
|
|
13
|
+
</svg>
|
|
14
|
+
;
|
|
15
|
+
} else if (fill) {
|
|
16
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
17
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M24 44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4C12.9543 4 4 12.9543 4 24C4 35.0457 12.9543 44 24 44ZM22.2619 27.8723L16.0756 21.686L13.9543 23.8074L20.1406 29.9937C21.5058 31.3588 23.7185 31.3608 25.0861 29.998L35.7665 19.3548L33.6489 17.2298L22.9684 27.873C22.7731 28.0676 22.457 28.0674 22.2619 27.8723Z" fill="currentColor"/>
|
|
18
|
+
</svg>
|
|
19
|
+
;
|
|
20
|
+
} else if (thick) {
|
|
21
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
22
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M9.76652 19.9382L20.3117 30.4834L37.9307 12.9258L40.7542 15.7592L23.1352 33.3167C21.5723 34.8742 19.0435 34.872 17.4833 33.3118L6.9381 22.7666L9.76652 19.9382Z" fill="currentColor"/>
|
|
23
|
+
</svg>
|
|
24
|
+
;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
28
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M9.41298 20.2918L19.9582 30.837C20.1532 31.032 20.4693 31.0323 20.6647 30.8376L38.2836 13.28L40.4013 15.4051L22.7823 32.9626C21.4147 34.3254 19.202 34.3234 17.8369 32.9583L7.29166 22.4131L9.41298 20.2918Z" fill="currentColor"/>
|
|
29
|
+
</svg>
|
|
30
|
+
;
|
|
31
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface CheckMarkFillProps {
|
|
4
|
+
fill?: boolean;
|
|
5
|
+
thick?: boolean;
|
|
6
|
+
size?: number
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const CheckMarkFill = ({ fill = false, thick = false, size = 24 }: CheckMarkFillProps) => {
|
|
10
|
+
if (fill && thick) {
|
|
11
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
12
|
+
<path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24Z" fill="currentColor"/>
|
|
13
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M16.4292 21.3327L22.6155 27.519L33.2959 16.8758L36.1194 19.7092L25.439 30.3524C23.8761 31.9098 21.3472 31.9076 19.7871 30.3474L13.6008 24.1611L16.4292 21.3327Z" fill="white"/>
|
|
14
|
+
</svg>
|
|
15
|
+
;
|
|
16
|
+
} else if (fill) {
|
|
17
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
18
|
+
<circle cx="24" cy="24" r="20" fill="currentColor"/>
|
|
19
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M16.0756 21.6863L22.2619 27.8726C22.457 28.0676 22.7731 28.0679 22.9684 27.8732L33.6489 17.23L35.7665 19.355L25.086 29.9982C23.7185 31.361 21.5058 31.3591 20.1406 29.9939L13.9543 23.8076L16.0756 21.6863Z" fill="white"/>
|
|
20
|
+
</svg>
|
|
21
|
+
;
|
|
22
|
+
} else if (thick) {
|
|
23
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
24
|
+
<circle cx="24" cy="24" r="20" fill="currentColor"/>
|
|
25
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M16.0756 21.6863L22.2619 27.8726C22.457 28.0676 22.7731 28.0679 22.9684 27.8732L33.6489 17.23L35.7665 19.355L25.086 29.9982C23.7185 31.361 21.5058 31.3591 20.1406 29.9939L13.9543 23.8076L16.0756 21.6863Z" fill="white"/>
|
|
26
|
+
</svg>
|
|
27
|
+
;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
31
|
+
<circle cx="24" cy="24" r="20" fill="currentColor"/>
|
|
32
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M16.0756 21.6863L22.2619 27.8726C22.457 28.0676 22.7731 28.0679 22.9684 27.8732L33.6489 17.23L35.7665 19.355L25.086 29.9982C23.7185 31.361 21.5058 31.3591 20.1406 29.9939L13.9543 23.8076L16.0756 21.6863Z" fill="white"/>
|
|
33
|
+
</svg>
|
|
34
|
+
;
|
|
35
|
+
};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface ChromeProps {
|
|
4
|
+
fill?: boolean;
|
|
5
|
+
thick?: boolean;
|
|
6
|
+
size?: number
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const Chrome = ({ fill = false, thick = false, size = 24 }: ChromeProps) => {
|
|
10
|
+
if (fill && thick) {
|
|
11
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
12
|
+
<path d="M42.7393 17C43.5535 19.1788 44 21.5372 44 24C44 34.8307 35.3909 43.649 24.6426 43.9883L32.4453 29.3506C32.7148 28.926 32.9531 28.4804 33.1572 28.0156L33.293 27.6895C33.7467 26.5475 34 25.3036 34 24C34 21.2741 32.9084 18.8038 31.1396 17H42.7393Z" fill="currentColor"/>
|
|
13
|
+
<path d="M15.7891 29.7061C17.5956 32.3008 20.5987 34 24 34C24.9641 34 25.8953 33.8601 26.7773 33.6055L21.332 43.8213C11.5479 42.5169 4 34.141 4 24C4 20.4151 4.94295 17.0503 6.59473 14.1406L15.7891 29.7061Z" fill="currentColor"/>
|
|
14
|
+
<path d="M24 17C27.866 17 31 20.134 31 24C31 27.866 27.866 31 24 31C20.134 31 17 27.866 17 24C17 20.134 20.134 17 24 17Z" fill="currentColor"/>
|
|
15
|
+
<path d="M24 4C31.4028 4 37.8661 8.02202 41.3242 14H24C19.3602 14 15.4592 17.1601 14.3301 21.4453L8.46973 11.3984C12.1367 6.88471 17.7312 4 24 4Z" fill="currentColor"/>
|
|
16
|
+
</svg>
|
|
17
|
+
;
|
|
18
|
+
} else if (fill) {
|
|
19
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
20
|
+
<path d="M42.7393 17C43.5535 19.1788 44 21.5372 44 24C44 34.8307 35.3909 43.649 24.6426 43.9883L32.4453 29.3506C32.7148 28.926 32.9531 28.4804 33.1572 28.0156L33.293 27.6895C33.7467 26.5475 34 25.3036 34 24C34 21.2741 32.9084 18.8038 31.1396 17H42.7393Z" fill="currentColor"/>
|
|
21
|
+
<path d="M15.7891 29.7061C17.5956 32.3008 20.5987 34 24 34C24.9641 34 25.8953 33.8601 26.7773 33.6055L21.332 43.8213C11.5479 42.5169 4 34.141 4 24C4 20.4151 4.94295 17.0503 6.59473 14.1406L15.7891 29.7061Z" fill="currentColor"/>
|
|
22
|
+
<path d="M24 17C27.866 17 31 20.134 31 24C31 27.866 27.866 31 24 31C20.134 31 17 27.866 17 24C17 20.134 20.134 17 24 17Z" fill="currentColor"/>
|
|
23
|
+
<path d="M24 4C31.4028 4 37.8661 8.02202 41.3242 14H24C19.3602 14 15.4592 17.1601 14.3301 21.4453L8.46973 11.3984C12.1367 6.88471 17.7312 4 24 4Z" fill="currentColor"/>
|
|
24
|
+
</svg>
|
|
25
|
+
;
|
|
26
|
+
} else if (thick) {
|
|
27
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
28
|
+
<path d="M42.7393 17C43.5535 19.1788 44 21.5372 44 24C44 34.8307 35.3909 43.649 24.6426 43.9883L32.4453 29.3506C32.7148 28.926 32.9531 28.4804 33.1572 28.0156L33.293 27.6895C33.7467 26.5475 34 25.3036 34 24C34 21.2741 32.9084 18.8038 31.1396 17H42.7393Z" fill="currentColor"/>
|
|
29
|
+
<path d="M15.7891 29.7061C17.5956 32.3008 20.5987 34 24 34C24.9641 34 25.8953 33.8601 26.7773 33.6055L21.332 43.8213C11.5479 42.5169 4 34.141 4 24C4 20.4151 4.94295 17.0503 6.59473 14.1406L15.7891 29.7061Z" fill="currentColor"/>
|
|
30
|
+
<path d="M24 17C27.866 17 31 20.134 31 24C31 27.866 27.866 31 24 31C20.134 31 17 27.866 17 24C17 20.134 20.134 17 24 17Z" fill="currentColor"/>
|
|
31
|
+
<path d="M24 4C31.4028 4 37.8661 8.02202 41.3242 14H24C19.3602 14 15.4592 17.1601 14.3301 21.4453L8.46973 11.3984C12.1367 6.88471 17.7312 4 24 4Z" fill="currentColor"/>
|
|
32
|
+
</svg>
|
|
33
|
+
;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
37
|
+
<path d="M42.7393 17C43.5535 19.1788 44 21.5372 44 24C44 34.8307 35.3909 43.649 24.6426 43.9883L32.4453 29.3506C32.7148 28.926 32.9531 28.4804 33.1572 28.0156L33.293 27.6895C33.7467 26.5475 34 25.3036 34 24C34 21.2741 32.9084 18.8038 31.1396 17H42.7393Z" fill="currentColor"/>
|
|
38
|
+
<path d="M15.7891 29.7061C17.5956 32.3008 20.5987 34 24 34C24.9641 34 25.8953 33.8601 26.7773 33.6055L21.332 43.8213C11.5479 42.5169 4 34.141 4 24C4 20.4151 4.94295 17.0503 6.59473 14.1406L15.7891 29.7061Z" fill="currentColor"/>
|
|
39
|
+
<path d="M24 17C27.866 17 31 20.134 31 24C31 27.866 27.866 31 24 31C20.134 31 17 27.866 17 24C17 20.134 20.134 17 24 17Z" fill="currentColor"/>
|
|
40
|
+
<path d="M24 4C31.4028 4 37.8661 8.02202 41.3242 14H24C19.3602 14 15.4592 17.1601 14.3301 21.4453L8.46973 11.3984C12.1367 6.88471 17.7312 4 24 4Z" fill="currentColor"/>
|
|
41
|
+
</svg>
|
|
42
|
+
;
|
|
43
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface ClockProps {
|
|
4
|
+
fill?: boolean;
|
|
5
|
+
thick?: boolean;
|
|
6
|
+
size?: number
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const Clock = ({ fill = false, thick = false, size = 24 }: ClockProps) => {
|
|
10
|
+
if (fill && thick) {
|
|
11
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
12
|
+
<path d="M22.4682 13.0001L22.4684 23.385L15.9376 29.9407L18.0629 32.058L25.4684 24.6243L25.4682 13.0001L22.4682 13.0001Z" fill="currentColor"/>
|
|
13
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M42 24C42 33.9411 33.9411 42 24 42C14.0589 42 6 33.9411 6 24C6 14.0589 14.0589 6 24 6C33.9411 6 42 14.0589 42 24ZM39 24C39 32.2843 32.2843 39 24 39C15.7157 39 9 32.2843 9 24C9 15.7157 15.7157 9 24 9C32.2843 9 39 15.7157 39 24Z" fill="currentColor"/>
|
|
14
|
+
</svg>
|
|
15
|
+
;
|
|
16
|
+
} else if (fill) {
|
|
17
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
18
|
+
<path d="M22.4682 13.0001L22.4684 23.385L15.9376 29.9407L18.0629 32.058L25.4684 24.6243L25.4682 13.0001L22.4682 13.0001Z" fill="currentColor"/>
|
|
19
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M42 24C42 33.9411 33.9411 42 24 42C14.0589 42 6 33.9411 6 24C6 14.0589 14.0589 6 24 6C33.9411 6 42 14.0589 42 24ZM39 24C39 32.2843 32.2843 39 24 39C15.7157 39 9 32.2843 9 24C9 15.7157 15.7157 9 24 9C32.2843 9 39 15.7157 39 24Z" fill="currentColor"/>
|
|
20
|
+
</svg>
|
|
21
|
+
;
|
|
22
|
+
} else if (thick) {
|
|
23
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
24
|
+
<path d="M21.9682 13.0006L21.9684 23.1789L15.5834 29.5883L18.4172 32.4114L25.9684 24.8313L25.9682 13.0006L21.9682 13.0006Z" fill="currentColor"/>
|
|
25
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M42 24C42 33.9411 33.9411 42 24 42C14.0589 42 6 33.9411 6 24C6 14.0589 14.0589 6 24 6C33.9411 6 42 14.0589 42 24ZM38 24C38 31.732 31.732 38 24 38C16.268 38 10 31.732 10 24C10 16.268 16.268 10 24 10C31.732 10 38 16.268 38 24Z" fill="currentColor"/>
|
|
26
|
+
</svg>
|
|
27
|
+
;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
31
|
+
<path d="M22.4682 13.0001L22.4684 23.385L15.9376 29.9407L18.0629 32.058L25.4684 24.6243L25.4682 13.0001L22.4682 13.0001Z" fill="currentColor"/>
|
|
32
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M42 24C42 33.9411 33.9411 42 24 42C14.0589 42 6 33.9411 6 24C6 14.0589 14.0589 6 24 6C33.9411 6 42 14.0589 42 24ZM39 24C39 32.2843 32.2843 39 24 39C15.7157 39 9 32.2843 9 24C9 15.7157 15.7157 9 24 9C32.2843 9 39 15.7157 39 24Z" fill="currentColor"/>
|
|
33
|
+
</svg>
|
|
34
|
+
;
|
|
35
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface CloseProps {
|
|
4
|
+
fill?: boolean;
|
|
5
|
+
thick?: boolean;
|
|
6
|
+
size?: number
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const Close = ({ fill = false, thick = false, size = 24 }: CloseProps) => {
|
|
10
|
+
if (fill && thick) {
|
|
11
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
12
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM24.0304 21.2242L29.6689 15.5858L32.4973 18.4142L26.8588 24.0527L32.4504 29.6443L29.622 32.4727L24.0304 26.8811L18.4859 32.4256L15.6574 29.5972L21.202 24.0527L15.6106 18.4613L18.439 15.6329L24.0304 21.2242Z" fill="currentColor"/>
|
|
13
|
+
</svg>
|
|
14
|
+
;
|
|
15
|
+
} else if (fill) {
|
|
16
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
17
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24ZM24.0304 21.9314L30.0224 15.9393L32.1437 18.0607L26.1517 24.0527L32.0969 29.9978L29.9756 32.1192L24.0304 26.174L18.1323 32.0721L16.011 29.9508L21.9091 24.0527L15.9641 18.1077L18.0855 15.9864L24.0304 21.9314Z" fill="currentColor"/>
|
|
18
|
+
</svg>
|
|
19
|
+
;
|
|
20
|
+
} else if (thick) {
|
|
21
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
22
|
+
<path d="M24.0005 21.1712L12.4152 9.58594L9.58679 12.4144L21.1721 23.9997L9.58679 35.585L12.4152 38.4134L24.0005 26.8281L35.5858 38.4134L38.4142 35.585L26.8289 23.9997L38.4142 12.4144L35.5858 9.58594L24.0005 21.1712Z" fill="currentColor"/>
|
|
23
|
+
</svg>
|
|
24
|
+
;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
28
|
+
<path d="M24.0005 21.8783L12.0617 9.93945L9.94034 12.0608L21.8792 23.9996L9.94034 35.9385L12.0617 38.0598L24.0005 26.1209L35.9394 38.0598L38.0607 35.9385L26.1218 23.9996L38.0607 12.0608L35.9394 9.93946L24.0005 21.8783Z" fill="currentColor"/>
|
|
29
|
+
</svg>
|
|
30
|
+
;
|
|
31
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface CloseFillProps {
|
|
4
|
+
fill?: boolean;
|
|
5
|
+
thick?: boolean;
|
|
6
|
+
size?: number
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const CloseFill = ({ fill = false, thick = false, size = 24 }: CloseFillProps) => {
|
|
10
|
+
if (fill && thick) {
|
|
11
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
12
|
+
<path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24Z" fill="currentColor"/>
|
|
13
|
+
<path d="M32.4973 18.4141L26.8586 24.0527L32.4504 29.6445L29.6223 32.4727L24.0295 26.8809L18.4856 32.4258L15.6574 29.5977L21.2014 24.0527L15.6106 18.4619L18.4387 15.6328L24.0305 21.2246L29.6692 15.5859L32.4973 18.4141Z" fill="white"/>
|
|
14
|
+
</svg>
|
|
15
|
+
;
|
|
16
|
+
} else if (fill) {
|
|
17
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
18
|
+
<path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24Z" fill="currentColor"/>
|
|
19
|
+
<path d="M32.4973 18.4141L26.8586 24.0527L32.4504 29.6445L29.6223 32.4727L24.0295 26.8809L18.4856 32.4258L15.6574 29.5977L21.2014 24.0527L15.6106 18.4619L18.4387 15.6328L24.0305 21.2246L29.6692 15.5859L32.4973 18.4141Z" fill="white"/>
|
|
20
|
+
</svg>
|
|
21
|
+
;
|
|
22
|
+
} else if (thick) {
|
|
23
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
24
|
+
<path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24Z" fill="currentColor"/>
|
|
25
|
+
<path d="M32.4973 18.4141L26.8586 24.0527L32.4504 29.6445L29.6223 32.4727L24.0295 26.8809L18.4856 32.4258L15.6574 29.5977L21.2014 24.0527L15.6106 18.4619L18.4387 15.6328L24.0305 21.2246L29.6692 15.5859L32.4973 18.4141Z" fill="white"/>
|
|
26
|
+
</svg>
|
|
27
|
+
;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
31
|
+
<path d="M44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24Z" fill="currentColor"/>
|
|
32
|
+
<path d="M32.4973 18.4141L26.8586 24.0527L32.4504 29.6445L29.6223 32.4727L24.0295 26.8809L18.4856 32.4258L15.6574 29.5977L21.2014 24.0527L15.6106 18.4619L18.4387 15.6328L24.0305 21.2246L29.6692 15.5859L32.4973 18.4141Z" fill="white"/>
|
|
33
|
+
</svg>
|
|
34
|
+
;
|
|
35
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface CopyProps {
|
|
4
|
+
fill?: boolean;
|
|
5
|
+
thick?: boolean;
|
|
6
|
+
size?: number
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const Copy = ({ fill = false, thick = false, size = 24 }: CopyProps) => {
|
|
10
|
+
if (fill && thick) {
|
|
11
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
12
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M36 36V41C36 42.1046 35.1046 43 34 43H7C5.89543 43 5 42.1046 5 41V14C5 12.8954 5.89543 12 7 12H12V7C12 5.89543 12.8954 5 14 5H41C42.1046 5 43 5.89543 43 7V34C43 35.1046 42.1046 36 41 36H36ZM15 8V12H34C35.1046 12 36 12.8954 36 14V33H40V8H15ZM8 40V15H33V40H8Z" fill="currentColor"/>
|
|
13
|
+
</svg>
|
|
14
|
+
;
|
|
15
|
+
} else if (fill) {
|
|
16
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
17
|
+
<path d="M7 12C5.89543 12 5 12.8954 5 14V41C5 42.1046 5.89543 43 7 43H34C35.1046 43 36 42.1046 36 41V14C36 12.8954 35.1046 12 34 12H7Z" fill="currentColor"/>
|
|
18
|
+
<path d="M11 9L39 9V37H40C41.1046 37 42 36.1046 42 35V8C42 6.89543 41.1046 6 40 6H13C11.8954 6 11 6.89543 11 8V9Z" fill="currentColor"/>
|
|
19
|
+
</svg>
|
|
20
|
+
;
|
|
21
|
+
} else if (thick) {
|
|
22
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
23
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M36 36V41C36 42.1046 35.1046 43 34 43H7C5.89543 43 5 42.1046 5 41V14C5 12.8954 5.89543 12 7 12H12V7C12 5.89543 12.8954 5 14 5H41C42.1046 5 43 5.89543 43 7V34C43 35.1046 42.1046 36 41 36H36ZM16 9V12H34C35.1046 12 36 12.8954 36 14V32H39V9H16ZM9 39V16H32V39H9Z" fill="currentColor"/>
|
|
24
|
+
</svg>
|
|
25
|
+
;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
29
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M36 36V41C36 42.1046 35.1046 43 34 43H7C5.89543 43 5 42.1046 5 41V14C5 12.8954 5.89543 12 7 12H12V7C12 5.89543 12.8954 5 14 5H41C42.1046 5 43 5.89543 43 7V34C43 35.1046 42.1046 36 41 36H36ZM15 8V12H34C35.1046 12 36 12.8954 36 14V33H40V8H15ZM8 40V15H33V40H8Z" fill="currentColor"/>
|
|
30
|
+
</svg>
|
|
31
|
+
;
|
|
32
|
+
};
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface CreditProps {
|
|
4
|
+
fill?: boolean;
|
|
5
|
+
thick?: boolean;
|
|
6
|
+
size?: number
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const Credit = ({ fill = false, thick = false, size = 24 }: CreditProps) => {
|
|
10
|
+
if (fill && thick) {
|
|
11
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
12
|
+
<path d="M36.249 12.25V18.4996H39.249V12.25H45.5V9.25H39.249V3H36.249V9.25H30.0004V12.25H36.249Z" fill="currentColor"/>
|
|
13
|
+
<path d="M42.9695 19.4647C43.3165 20.9211 43.5 22.4399 43.5 24C43.5 34.7696 34.7696 43.5 24 43.5C13.2304 43.5 4.5 34.7696 4.5 24C4.5 21.7236 4.89071 19.5351 5.60997 17.5001C8.2862 9.9284 15.5072 4.5 24 4.5C25.5616 4.5 27.0802 4.68354 28.5355 5.03018C28.0084 5.89216 27.6022 6.83606 27.3403 7.83832C26.2615 7.61651 25.1443 7.5 24 7.5C16.8181 7.5 10.7043 12.0893 8.43849 18.4999C7.83114 20.2182 7.5 22.0688 7.5 24C7.5 33.1127 14.8873 40.5 24 40.5C33.1127 40.5 40.5 33.1127 40.5 24C40.5 22.8546 40.3835 21.7375 40.162 20.6596C41.164 20.3978 42.1077 19.9916 42.9695 19.4647Z" fill="currentColor"/>
|
|
14
|
+
<path d="M25.2301 15.1661C25.9932 15.3168 26.7208 15.5646 27.4116 15.9098C28.2307 16.3116 28.8917 16.8065 29.3712 17.4058L29.6147 17.7102L27.6907 20.2426L27.2862 19.8019C26.9265 19.4099 26.4961 19.0807 25.9906 18.8156C25.8581 18.7462 25.7205 18.6811 25.5777 18.6205L25.572 18.6181C24.8923 18.3199 24.201 18.1728 23.4946 18.1728C22.7125 18.1728 22.118 18.3572 21.6723 18.6869C21.2379 19.0082 21.0474 19.3889 21.0474 19.8605C21.0474 20.1892 21.1266 20.4592 21.2726 20.6873C21.4314 20.9277 21.6447 21.1317 21.9215 21.2988C22.2386 21.4775 22.6021 21.6423 23.0139 21.7917C23.4497 21.9393 23.9084 22.0836 24.39 22.2244C24.8947 22.3621 25.3956 22.5113 25.8926 22.6719C26.2307 22.7811 26.5576 22.9075 26.8733 23.0513C27.0412 23.1277 27.2059 23.2091 27.3673 23.2953C27.847 23.5475 28.2752 23.847 28.649 24.1952C29.0578 24.5608 29.3728 25.0248 29.6007 25.573C29.8348 26.1286 29.9455 26.7516 29.9455 27.4323C29.9455 28.768 29.4612 29.9379 28.5129 30.9195C27.659 31.8037 26.555 32.3545 25.2301 32.5899V35.2888H22.1671V32.5858C21.2732 32.4233 20.417 32.1394 19.5999 31.7342L19.5954 31.732C18.6611 31.2569 17.8595 30.6818 17.1972 30.0033L16.8789 29.6772L18.9312 27.2638L19.3141 27.6232C20.7202 28.9432 22.2045 29.5734 23.778 29.5734C24.6847 29.5734 25.3772 29.3532 25.8969 28.9532C26.4068 28.5533 26.6445 28.0656 26.6445 27.455C26.6445 27.144 26.5668 26.8921 26.424 26.6806L26.4192 26.6733C26.2737 26.4495 26.0692 26.2638 25.791 26.1187L25.7795 26.1125C25.473 25.9422 25.111 25.7881 24.6902 25.6526L24.6805 25.6493C24.2552 25.5027 23.8028 25.3665 23.3227 25.241L23.3139 25.2386C22.8262 25.1014 22.3349 24.9567 21.84 24.8044L21.8311 24.8016C21.3214 24.6343 20.8309 24.427 20.3602 24.1797L20.3571 24.1781C19.8862 23.9264 19.4603 23.6321 19.0813 23.2942L19.0772 23.2906C18.6751 22.9242 18.3638 22.4596 18.1361 21.9113L18.1326 21.9027C17.9093 21.3359 17.8031 20.7054 17.8031 20.0192C17.8031 18.7456 18.26 17.644 19.1616 16.742C19.9627 15.9337 20.9718 15.4128 22.1671 15.1674V12.4688H25.2301V15.1661Z" fill="currentColor"/>
|
|
15
|
+
</svg>
|
|
16
|
+
;
|
|
17
|
+
} else if (fill) {
|
|
18
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
19
|
+
<path d="M36.249 12.25V18.4996H39.249V12.25H45.5V9.25H39.249V3H36.249V9.25H30.0004V12.25H36.249Z" fill="currentColor"/>
|
|
20
|
+
<path d="M42.9695 19.4647C43.3165 20.9211 43.5 22.4399 43.5 24C43.5 34.7696 34.7696 43.5 24 43.5C13.2304 43.5 4.5 34.7696 4.5 24C4.5 21.7236 4.89071 19.5351 5.60997 17.5001C8.2862 9.9284 15.5072 4.5 24 4.5C25.5616 4.5 27.0802 4.68354 28.5355 5.03018C28.0084 5.89216 27.6022 6.83606 27.3403 7.83832C26.2615 7.61651 25.1443 7.5 24 7.5C16.8181 7.5 10.7043 12.0893 8.43849 18.4999C7.83114 20.2182 7.5 22.0688 7.5 24C7.5 33.1127 14.8873 40.5 24 40.5C33.1127 40.5 40.5 33.1127 40.5 24C40.5 22.8546 40.3835 21.7375 40.162 20.6596C41.164 20.3978 42.1077 19.9916 42.9695 19.4647Z" fill="currentColor"/>
|
|
21
|
+
<path d="M25.2301 15.1661C25.9932 15.3168 26.7208 15.5646 27.4116 15.9098C28.2307 16.3116 28.8917 16.8065 29.3712 17.4058L29.6147 17.7102L27.6907 20.2426L27.2862 19.8019C26.9265 19.4099 26.4961 19.0807 25.9906 18.8156C25.8581 18.7462 25.7205 18.6811 25.5777 18.6205L25.572 18.6181C24.8923 18.3199 24.201 18.1728 23.4946 18.1728C22.7125 18.1728 22.118 18.3572 21.6723 18.6869C21.2379 19.0082 21.0474 19.3889 21.0474 19.8605C21.0474 20.1892 21.1266 20.4592 21.2726 20.6873C21.4314 20.9277 21.6447 21.1317 21.9215 21.2988C22.2386 21.4775 22.6021 21.6423 23.0139 21.7917C23.4497 21.9393 23.9084 22.0836 24.39 22.2244C24.8947 22.3621 25.3956 22.5113 25.8926 22.6719C26.2307 22.7811 26.5576 22.9075 26.8733 23.0513C27.0412 23.1277 27.2059 23.2091 27.3673 23.2953C27.847 23.5475 28.2752 23.847 28.649 24.1952C29.0578 24.5608 29.3728 25.0248 29.6007 25.573C29.8348 26.1286 29.9455 26.7516 29.9455 27.4323C29.9455 28.768 29.4612 29.9379 28.5129 30.9195C27.659 31.8037 26.555 32.3545 25.2301 32.5899V35.2888H22.1671V32.5858C21.2732 32.4233 20.417 32.1394 19.5999 31.7342L19.5954 31.732C18.6611 31.2569 17.8595 30.6818 17.1972 30.0033L16.8789 29.6772L18.9312 27.2638L19.3141 27.6232C20.7202 28.9432 22.2045 29.5734 23.778 29.5734C24.6847 29.5734 25.3772 29.3532 25.8969 28.9532C26.4068 28.5533 26.6445 28.0656 26.6445 27.455C26.6445 27.144 26.5668 26.8921 26.424 26.6806L26.4192 26.6733C26.2737 26.4495 26.0692 26.2638 25.791 26.1187L25.7795 26.1125C25.473 25.9422 25.111 25.7881 24.6902 25.6526L24.6805 25.6493C24.2552 25.5027 23.8028 25.3665 23.3227 25.241L23.3139 25.2386C22.8262 25.1014 22.3349 24.9567 21.84 24.8044L21.8311 24.8016C21.3214 24.6343 20.8309 24.427 20.3602 24.1797L20.3571 24.1781C19.8862 23.9264 19.4603 23.6321 19.0813 23.2942L19.0772 23.2906C18.6751 22.9242 18.3638 22.4596 18.1361 21.9113L18.1326 21.9027C17.9093 21.3359 17.8031 20.7054 17.8031 20.0192C17.8031 18.7456 18.26 17.644 19.1616 16.742C19.9627 15.9337 20.9718 15.4128 22.1671 15.1674V12.4688H25.2301V15.1661Z" fill="currentColor"/>
|
|
22
|
+
</svg>
|
|
23
|
+
;
|
|
24
|
+
} else if (thick) {
|
|
25
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
26
|
+
<path d="M35.7487 12.75V18.4996H39.7486V12.75H45.4996V8.75H39.7486V3H35.7487V8.75H30V12.75H35.7487Z" fill="currentColor"/>
|
|
27
|
+
<path d="M43.4142 19.1772C43.7971 20.7233 44 22.3391 44 24C44 35.0457 35.0457 44 24 44C12.9543 44 4 35.0457 4 24C4 21.666 4.40064 19.4213 5.13855 17.3335C7.88318 9.56825 15.2888 4 24 4C25.6631 4 27.2786 4.20295 28.8231 4.58538C28.0637 5.69726 27.5125 6.9626 27.2255 8.32529C26.1835 8.112 25.1048 8 24 8C17.0366 8 11.1073 12.4494 8.90991 18.6665C8.32121 20.3321 8 22.1264 8 24C8 32.8366 15.1634 40 24 40C32.8366 40 40 32.8366 40 24C40 22.8938 39.888 21.8152 39.6751 20.7744C41.0375 20.4874 42.3025 19.9364 43.4142 19.1772Z" fill="currentColor"/>
|
|
28
|
+
<path d="M28.1062 15.5895C27.4742 15.2738 26.8127 15.0364 26.1234 14.8771V12.1113H22.3461V14.8817C21.2125 15.1613 20.2355 15.692 19.4446 16.4898C18.4766 17.4584 17.9821 18.6506 17.9821 20.0189C17.9821 20.7418 18.094 21.4179 18.3364 22.0333L18.3393 22.0407L18.3424 22.048C18.5871 22.6372 18.9264 23.1475 19.3728 23.5543L19.3798 23.5606C19.7813 23.9184 20.2308 24.2287 20.7249 24.4928L20.7302 24.4956C21.2187 24.7523 21.7275 24.9673 22.2559 25.1407L22.2635 25.1431L22.2711 25.1455C22.7687 25.2986 23.2628 25.4442 23.7533 25.5821L23.7609 25.5842L23.7685 25.5862C24.2406 25.7097 24.6843 25.8433 25.1002 25.9867L25.1085 25.9896L25.1168 25.9923C25.5198 26.122 25.8597 26.2675 26.1422 26.4244L26.152 26.4299L26.1619 26.435C26.3905 26.5543 26.5468 26.6998 26.6559 26.8677L26.66 26.8739L26.6641 26.8801C26.7632 27.0269 26.8235 27.2076 26.8235 27.4547C26.8235 27.9509 26.6399 28.3362 26.2139 28.6708C25.771 29.0113 25.1613 29.216 24.3141 29.216C22.8474 29.216 21.4472 28.6323 20.0947 27.3626L19.4383 26.7463L16.9321 29.6935L17.4778 30.2525C18.1706 30.9622 19.005 31.5595 19.9696 32.05L19.9774 32.0539C20.7348 32.4295 21.5249 32.7046 22.3461 32.8791V35.6457H26.1234V32.8831C27.3833 32.6096 28.4574 32.0459 29.306 31.1673C30.3163 30.1215 30.8388 28.8635 30.8388 27.4321C30.8388 26.7131 30.7219 26.0416 30.4662 25.4347C30.2212 24.8457 29.8783 24.3365 29.426 23.9311C29.028 23.5609 28.5745 23.2445 28.0706 22.9794C27.9379 22.9086 27.8033 22.841 27.6667 22.7766C27.3045 22.6059 26.9283 22.4577 26.5386 22.3318C26.0373 22.1698 25.5322 22.0194 25.0233 21.8805C24.5486 21.7416 24.0969 21.5995 23.6682 21.4543C23.2756 21.3117 22.9332 21.1562 22.6377 20.99C22.4063 20.8496 22.2348 20.6833 22.1082 20.4924C22.0034 20.3278 21.9407 20.1267 21.9407 19.8602C21.9407 19.5106 22.0702 19.233 22.4208 18.9737C22.7908 18.7 23.3053 18.5297 24.0307 18.5297C24.6858 18.5297 25.3283 18.6657 25.9646 18.9449L25.9743 18.949C26.3752 19.1191 26.7289 19.3249 27.0393 19.5654C27.2284 19.7119 27.4015 19.8712 27.5592 20.0431L28.2527 20.7987L30.6037 17.7043L30.1862 17.1824C29.6666 16.5329 28.9597 16.0083 28.1062 15.5895Z" fill="currentColor"/>
|
|
29
|
+
</svg>
|
|
30
|
+
;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
34
|
+
<path d="M36.249 12.25V18.4996H39.249V12.25H45.5V9.25H39.249V3H36.249V9.25H30.0004V12.25H36.249Z" fill="currentColor"/>
|
|
35
|
+
<path d="M42.9695 19.4647C43.3165 20.9211 43.5 22.4399 43.5 24C43.5 34.7696 34.7696 43.5 24 43.5C13.2304 43.5 4.5 34.7696 4.5 24C4.5 21.7236 4.89071 19.5351 5.60997 17.5001C8.2862 9.9284 15.5072 4.5 24 4.5C25.5616 4.5 27.0802 4.68354 28.5355 5.03018C28.0084 5.89216 27.6022 6.83606 27.3403 7.83832C26.2615 7.61651 25.1443 7.5 24 7.5C16.8181 7.5 10.7043 12.0893 8.43849 18.4999C7.83114 20.2182 7.5 22.0688 7.5 24C7.5 33.1127 14.8873 40.5 24 40.5C33.1127 40.5 40.5 33.1127 40.5 24C40.5 22.8546 40.3835 21.7375 40.162 20.6596C41.164 20.3978 42.1077 19.9916 42.9695 19.4647Z" fill="currentColor"/>
|
|
36
|
+
<path d="M25.2301 15.1661C25.9932 15.3168 26.7208 15.5646 27.4116 15.9098C28.2307 16.3116 28.8917 16.8065 29.3712 17.4058L29.6147 17.7102L27.6907 20.2426L27.2862 19.8019C26.9265 19.4099 26.4961 19.0807 25.9906 18.8156C25.8581 18.7462 25.7205 18.6811 25.5777 18.6205L25.572 18.6181C24.8923 18.3199 24.201 18.1728 23.4946 18.1728C22.7125 18.1728 22.118 18.3572 21.6723 18.6869C21.2379 19.0082 21.0474 19.3889 21.0474 19.8605C21.0474 20.1892 21.1266 20.4592 21.2726 20.6873C21.4314 20.9277 21.6447 21.1317 21.9215 21.2988C22.2386 21.4775 22.6021 21.6423 23.0139 21.7917C23.4497 21.9393 23.9084 22.0836 24.39 22.2244C24.8947 22.3621 25.3956 22.5113 25.8926 22.6719C26.2307 22.7811 26.5576 22.9075 26.8733 23.0513C27.0412 23.1277 27.2059 23.2091 27.3673 23.2953C27.847 23.5475 28.2752 23.847 28.649 24.1952C29.0578 24.5608 29.3728 25.0248 29.6007 25.573C29.8348 26.1286 29.9455 26.7516 29.9455 27.4323C29.9455 28.768 29.4612 29.9379 28.5129 30.9195C27.659 31.8037 26.555 32.3545 25.2301 32.5899V35.2888H22.1671V32.5858C21.2732 32.4233 20.417 32.1394 19.5999 31.7342L19.5954 31.732C18.6611 31.2569 17.8595 30.6818 17.1972 30.0033L16.8789 29.6772L18.9312 27.2638L19.3141 27.6232C20.7202 28.9432 22.2045 29.5734 23.778 29.5734C24.6847 29.5734 25.3772 29.3532 25.8969 28.9532C26.4068 28.5533 26.6445 28.0656 26.6445 27.455C26.6445 27.144 26.5668 26.8921 26.424 26.6806L26.4192 26.6733C26.2737 26.4495 26.0692 26.2638 25.791 26.1187L25.7795 26.1125C25.473 25.9422 25.111 25.7881 24.6902 25.6526L24.6805 25.6493C24.2552 25.5027 23.8028 25.3665 23.3227 25.241L23.3139 25.2386C22.8262 25.1014 22.3349 24.9567 21.84 24.8044L21.8311 24.8016C21.3214 24.6343 20.8309 24.427 20.3602 24.1797L20.3571 24.1781C19.8862 23.9264 19.4603 23.6321 19.0813 23.2942L19.0772 23.2906C18.6751 22.9242 18.3638 22.4596 18.1361 21.9113L18.1326 21.9027C17.9093 21.3359 17.8031 20.7054 17.8031 20.0192C17.8031 18.7456 18.26 17.644 19.1616 16.742C19.9627 15.9337 20.9718 15.4128 22.1671 15.1674V12.4688H25.2301V15.1661Z" fill="currentColor"/>
|
|
37
|
+
</svg>
|
|
38
|
+
;
|
|
39
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface CreditcardProps {
|
|
4
|
+
fill?: boolean;
|
|
5
|
+
thick?: boolean;
|
|
6
|
+
size?: number
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const Creditcard = ({ fill = false, thick = false, size = 24 }: CreditcardProps) => {
|
|
10
|
+
if (fill && thick) {
|
|
11
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
12
|
+
<path d="M6 9C4.89543 9 4 9.89543 4 11V17H44V11C44 9.89543 43.1046 9 42 9H6Z" fill="currentColor"/>
|
|
13
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M42 39C43.1046 39 44 38.1046 44 37V21H4V37C4 38.1046 4.89543 39 6 39H42ZM18 32V27H11V32H18Z" fill="currentColor"/>
|
|
14
|
+
</svg>
|
|
15
|
+
;
|
|
16
|
+
} else if (fill) {
|
|
17
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
18
|
+
<path d="M6 9C4.89543 9 4 9.89543 4 11V17.5H44V11C44 9.89543 43.1046 9 42 9H6Z" fill="currentColor"/>
|
|
19
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M42 39C43.1046 39 44 38.1046 44 37V20.5H4V37C4 38.1046 4.89543 39 6 39H42ZM18 32V27H11V32H18Z" fill="currentColor"/>
|
|
20
|
+
</svg>
|
|
21
|
+
;
|
|
22
|
+
} else if (thick) {
|
|
23
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
24
|
+
<path d="M18 27H11V32H18V27Z" fill="currentColor"/>
|
|
25
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M4 9V39H44V9H4ZM40 13H8V16.5H40V13ZM8 35V20.5H40V35H8Z" fill="currentColor"/>
|
|
26
|
+
</svg>
|
|
27
|
+
;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
31
|
+
<path d="M18 27H11V32H18V27Z" fill="currentColor"/>
|
|
32
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M4 9V39H44V9H4ZM41 12H7V17H41V12ZM7 36V20H41V36H7Z" fill="currentColor"/>
|
|
33
|
+
</svg>
|
|
34
|
+
;
|
|
35
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
interface DarkModeProps {
|
|
4
|
+
fill?: boolean;
|
|
5
|
+
thick?: boolean;
|
|
6
|
+
size?: number
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
export const DarkMode = ({ fill = false, thick = false, size = 24 }: DarkModeProps) => {
|
|
10
|
+
if (fill && thick) {
|
|
11
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
12
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M15.7999 9.10393C15.2792 10.8136 14.9998 12.6262 14.9998 14.5C14.9998 24.7173 23.2825 33 33.4998 33C35.3736 33 37.1863 32.7205 38.8961 32.1997C36.0002 37.4492 30.4118 41 23.9999 41C14.6111 41 6.99994 33.3888 6.99994 24C6.99994 17.5882 10.5506 11.9999 15.7999 9.10393ZM19.2269 8.44529C19.9422 6.76131 18.6844 4.6268 16.9715 5.26983C9.39313 8.11493 3.99994 15.4276 3.99994 24C3.99994 35.0457 12.9542 44 23.9999 44C32.5724 44 39.8852 38.6066 42.7302 31.028C43.3732 29.3151 41.2387 28.0574 39.5547 28.7727C37.6946 29.5629 35.6482 30 33.4998 30C24.9393 30 17.9998 23.0604 17.9998 14.5C17.9998 12.3516 18.4368 10.3054 19.2269 8.44529Z" fill="currentColor"/>
|
|
13
|
+
</svg>
|
|
14
|
+
;
|
|
15
|
+
} else if (fill) {
|
|
16
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
17
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M15.7999 9.10393C15.2792 10.8136 14.9998 12.6262 14.9998 14.5C14.9998 24.7173 23.2825 33 33.4998 33C35.3736 33 37.1863 32.7205 38.8961 32.1997C36.0002 37.4492 30.4118 41 23.9999 41C14.6111 41 6.99994 33.3888 6.99994 24C6.99994 17.5882 10.5506 11.9999 15.7999 9.10393ZM19.2269 8.44529C19.9422 6.76131 18.6844 4.6268 16.9715 5.26983C9.39313 8.11493 3.99994 15.4276 3.99994 24C3.99994 35.0457 12.9542 44 23.9999 44C32.5724 44 39.8852 38.6066 42.7302 31.028C43.3732 29.3151 41.2387 28.0574 39.5547 28.7727C37.6946 29.5629 35.6482 30 33.4998 30C24.9393 30 17.9998 23.0604 17.9998 14.5C17.9998 12.3516 18.4368 10.3054 19.2269 8.44529Z" fill="currentColor"/>
|
|
18
|
+
</svg>
|
|
19
|
+
;
|
|
20
|
+
} else if (thick) {
|
|
21
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
22
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M15.2611 11.1508C15.0891 12.1922 14.9998 13.2603 14.9998 14.3476C14.9998 25.1172 23.7302 33.8476 34.4998 33.8476C35.5872 33.8476 36.6554 33.7583 37.697 33.5862C34.77 37.3959 30.1685 39.8476 24.9999 39.8476C16.1634 39.8476 8.99994 32.6842 8.99994 23.8476C8.99994 18.6792 11.4516 14.0777 15.2611 11.1508ZM20.2269 8.29294C20.9422 6.60897 19.6844 4.47445 17.9715 5.11749C10.3931 7.96258 4.99994 15.2753 4.99994 23.8476C4.99994 34.8933 13.9542 43.8476 24.9999 43.8476C33.5724 43.8476 40.8852 38.4543 43.7302 30.8757C44.3732 29.1628 42.2387 27.9051 40.5547 28.6204C38.6946 29.4105 36.6482 29.8476 34.4998 29.8476C25.9393 29.8476 18.9998 22.9081 18.9998 14.3476C18.9998 12.1993 19.4368 10.153 20.2269 8.29294Z" fill="currentColor"/>
|
|
23
|
+
</svg>
|
|
24
|
+
;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
return <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
28
|
+
<path fillRule="evenodd" clipRule="evenodd" d="M15.7999 9.10393C15.2792 10.8136 14.9998 12.6262 14.9998 14.5C14.9998 24.7173 23.2825 33 33.4998 33C35.3736 33 37.1863 32.7205 38.8961 32.1997C36.0002 37.4492 30.4118 41 23.9999 41C14.6111 41 6.99994 33.3888 6.99994 24C6.99994 17.5882 10.5506 11.9999 15.7999 9.10393ZM19.2269 8.44529C19.9422 6.76131 18.6844 4.6268 16.9715 5.26983C9.39313 8.11493 3.99994 15.4276 3.99994 24C3.99994 35.0457 12.9542 44 23.9999 44C32.5724 44 39.8852 38.6066 42.7302 31.028C43.3732 29.3151 41.2387 28.0574 39.5547 28.7727C37.6946 29.5629 35.6482 30 33.4998 30C24.9393 30 17.9998 23.0604 17.9998 14.5C17.9998 12.3516 18.4368 10.3054 19.2269 8.44529Z" fill="currentColor"/>
|
|
29
|
+
</svg>
|
|
30
|
+
;
|
|
31
|
+
};
|