You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
155 lines
8.7 KiB
155 lines
8.7 KiB
export const renderIconUsername = () => {
|
|
return (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<g
|
|
fill="none"
|
|
stroke="#4D4D4D"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
>
|
|
<path d="M11.5 15H7a4 4 0 0 0-4 4v2m18.378-4.374a1 1 0 0 0-3.004-3.004l-4.01 4.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z" />
|
|
<circle cx="10" cy="7" r="4" />
|
|
</g>
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
export const renderIconPassword = () => {
|
|
return (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<g fill="none" stroke="#4D4D4D" stroke-width="2">
|
|
<path d="M4 13c0-1.886 0-2.828.586-3.414S6.114 9 8 9h8c1.886 0 2.828 0 3.414.586S20 11.114 20 13v2c0 2.828 0 4.243-.879 5.121C18.243 21 16.828 21 14 21h-4c-2.828 0-4.243 0-5.121-.879C4 19.243 4 17.828 4 15z" />
|
|
<path
|
|
stroke-linecap="round"
|
|
d="M16 8V7a4 4 0 0 0-4-4v0a4 4 0 0 0-4 4v1"
|
|
/>
|
|
</g>
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
export const renderIconHome = ({ color, className }) => {
|
|
return (
|
|
<svg
|
|
className={className}
|
|
width="29"
|
|
height="27"
|
|
viewBox="0 0 29 27"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M14.3883 4.05938C14.301 3.97593 14.185 3.92935 14.0643 3.92935C13.9435 3.92935 13.8275 3.97593 13.7402 4.05938L2.95312 14.3643C2.90731 14.4081 2.87087 14.4607 2.84599 14.5191C2.82112 14.5774 2.80833 14.6401 2.8084 14.7035L2.80664 24.375C2.80664 24.8723 3.00418 25.3492 3.35582 25.7008C3.70745 26.0525 4.18436 26.25 4.68164 26.25H10.3125C10.5611 26.25 10.7996 26.1512 10.9754 25.9754C11.1512 25.7996 11.25 25.5611 11.25 25.3125V17.3438C11.25 17.2194 11.2994 17.1002 11.3873 17.0123C11.4752 16.9244 11.5944 16.875 11.7187 16.875H16.4062C16.5306 16.875 16.6498 16.9244 16.7377 17.0123C16.8256 17.1002 16.875 17.2194 16.875 17.3438V25.3125C16.875 25.5611 16.9738 25.7996 17.1496 25.9754C17.3254 26.1512 17.5639 26.25 17.8125 26.25H23.441C23.9383 26.25 24.4152 26.0525 24.7668 25.7008C25.1185 25.3492 25.316 24.8723 25.316 24.375V14.7035C25.3161 14.6401 25.3033 14.5774 25.2784 14.5191C25.2535 14.4607 25.2171 14.4081 25.1713 14.3643L14.3883 4.05938Z"
|
|
fill="currentColor"
|
|
/>
|
|
<path
|
|
d="M27.8268 12.4307L23.444 8.2377V1.875C23.444 1.62636 23.3452 1.3879 23.1694 1.21209C22.9936 1.03627 22.7551 0.9375 22.5065 0.9375H19.694C19.4453 0.9375 19.2069 1.03627 19.0311 1.21209C18.8552 1.3879 18.7565 1.62636 18.7565 1.875V3.75L15.3627 0.505078C15.0451 0.183984 14.5729 0 14.0625 0C13.5539 0 13.0828 0.183984 12.7653 0.505664L0.302366 12.4295C-0.0620872 12.7811 -0.10779 13.3594 0.22385 13.7402C0.30713 13.8364 0.409101 13.9146 0.523557 13.97C0.638012 14.0255 0.762559 14.0571 0.889616 14.0629C1.01667 14.0687 1.14358 14.0486 1.26263 14.0038C1.38167 13.959 1.49035 13.8905 1.58205 13.8023L13.7403 2.18438C13.8275 2.10093 13.9436 2.05435 14.0643 2.05435C14.185 2.05435 14.3011 2.10093 14.3883 2.18438L26.5477 13.8023C26.7268 13.9741 26.9667 14.0679 27.2148 14.063C27.4629 14.0582 27.699 13.9552 27.8713 13.7766C28.2311 13.4039 28.2012 12.7887 27.8268 12.4307Z"
|
|
fill="currentColor"
|
|
/>
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
export const renderIconSetting = ({ color, className }) => {
|
|
return (
|
|
<svg
|
|
className={className}
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="30"
|
|
height="30"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
fill="currentColor"
|
|
fill-rule="evenodd"
|
|
d="M14.208 4.83q.68.21 1.3.54l1.833-1.1a1 1 0 0 1 1.221.15l1.018 1.018a1 1 0 0 1 .15 1.221l-1.1 1.833q.33.62.54 1.3l2.073.519a1 1 0 0 1 .757.97v1.438a1 1 0 0 1-.757.97l-2.073.519q-.21.68-.54 1.3l1.1 1.833a1 1 0 0 1-.15 1.221l-1.018 1.018a1 1 0 0 1-1.221.15l-1.833-1.1q-.62.33-1.3.54l-.519 2.073a1 1 0 0 1-.97.757h-1.438a1 1 0 0 1-.97-.757l-.519-2.073a7.5 7.5 0 0 1-1.3-.54l-1.833 1.1a1 1 0 0 1-1.221-.15L4.42 18.562a1 1 0 0 1-.15-1.221l1.1-1.833a7.5 7.5 0 0 1-.54-1.3l-2.073-.519A1 1 0 0 1 2 12.72v-1.438a1 1 0 0 1 .757-.97l2.073-.519q.21-.68.54-1.3L4.27 6.66a1 1 0 0 1 .15-1.221L5.438 4.42a1 1 0 0 1 1.221-.15l1.833 1.1q.62-.33 1.3-.54l.519-2.073A1 1 0 0 1 11.28 2h1.438a1 1 0 0 1 .97.757zM12 16a4 4 0 1 0 0-8a4 4 0 0 0 0 8"
|
|
/>
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
export const renderIconLogOut = ({ color, className }) => {
|
|
return (
|
|
<svg
|
|
className={className}
|
|
width="39"
|
|
height="39"
|
|
viewBox="0 0 39 39"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<path
|
|
d="M20.8604 30.9234C20.8604 30.6085 20.7352 30.3064 20.5125 30.0837C20.2898 29.861 19.9878 29.7359 19.6729 29.7359H10.1729C10.0679 29.7359 9.96719 29.6942 9.89296 29.62C9.81872 29.5458 9.77702 29.4451 9.77702 29.3401V10.3401C9.77702 10.2351 9.81872 10.1344 9.89296 10.0602C9.96719 9.98596 10.0679 9.94426 10.1729 9.94426H19.6729C19.9878 9.94426 20.2898 9.81915 20.5125 9.59645C20.7352 9.37375 20.8604 9.0717 20.8604 8.75676C20.8604 8.44182 20.7352 8.13977 20.5125 7.91707C20.2898 7.69437 19.9878 7.56926 19.6729 7.56926H10.1729C8.64335 7.56926 7.40202 8.81059 7.40202 10.3401V29.3401C7.40202 30.075 7.69395 30.7797 8.21358 31.2994C8.73321 31.819 9.43798 32.1109 10.1729 32.1109H19.6729C19.9878 32.1109 20.2898 31.9858 20.5125 31.7631C20.7352 31.5404 20.8604 31.2384 20.8604 30.9234Z"
|
|
fill="currentColor"
|
|
/>
|
|
<path
|
|
d="M13.9538 21.6055C13.9538 22.0254 14.1206 22.4282 14.4176 22.7251C14.7145 23.022 15.1172 23.1888 15.5372 23.1888H23.2258C23.2628 23.7515 23.3082 24.3141 23.362 24.8767L23.4095 25.3596C23.4272 25.5416 23.4885 25.7166 23.5883 25.8699C23.6881 26.0231 23.8233 26.15 23.9826 26.2399C24.1419 26.3297 24.3205 26.3798 24.5032 26.3858C24.686 26.3919 24.8675 26.3538 25.0324 26.2748C27.9276 24.8889 30.548 22.9905 32.767 20.6713L32.8145 20.6223C33.0187 20.4099 33.1327 20.1268 33.1327 19.8322C33.1327 19.5376 33.0187 19.2545 32.8145 19.0421L32.767 18.993C30.548 16.6738 27.9276 14.7754 25.0324 13.3896C24.8675 13.3105 24.686 13.2724 24.5032 13.2785C24.3205 13.2846 24.1419 13.3347 23.9826 13.4245C23.8233 13.5143 23.6881 13.6412 23.5883 13.7945C23.4885 13.9477 23.4272 14.1228 23.4095 14.3048L23.362 14.7877C23.3082 15.3492 23.2628 15.9118 23.2258 16.4755H15.5372C15.1172 16.4755 14.7145 16.6423 14.4176 16.9393C14.1206 17.2362 13.9538 17.6389 13.9538 18.0588V21.6055Z"
|
|
fill="currentColor"
|
|
/>
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
export const renderIconSearchInput = () => {
|
|
return (
|
|
<svg
|
|
width="23"
|
|
height="23"
|
|
viewBox="0 0 23 23"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<g opacity="0.4" clip-path="url(#clip0_7_135)">
|
|
<path
|
|
d="M10.1383 17.9378C14.3554 17.9378 17.774 14.5269 17.774 10.3193C17.774 6.11169 14.3554 2.70074 10.1383 2.70074C5.92128 2.70074 2.50269 6.11169 2.50269 10.3193C2.50269 14.5269 5.92128 17.9378 10.1383 17.9378Z"
|
|
stroke="#00CC83"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
<path
|
|
d="M15.5447 15.6978L20.955 21.1559"
|
|
stroke="#00CC83"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
/>
|
|
</g>
|
|
<defs>
|
|
<clipPath id="clip0_7_135">
|
|
<rect
|
|
width="22"
|
|
height="22"
|
|
fill="white"
|
|
transform="translate(0.729004 0.928528)"
|
|
/>
|
|
</clipPath>
|
|
</defs>
|
|
</svg>
|
|
);
|
|
};
|
|
export const renderIconButton = () => {
|
|
return (
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-dasharray="20" stroke-dashoffset="20" d="M3 12h17.5"><animate fill="freeze" attributeName="stroke-dashoffset" dur="0.2s" values="20;0"/></path><path stroke-dasharray="12" stroke-dashoffset="12" d="M21 12l-7 7M21 12l-7 -7"><animate fill="freeze" attributeName="stroke-dashoffset" begin="0.2s" dur="0.2s" values="12;0"/></path></g></svg>
|
|
)
|
|
}
|
|
|
|
export const renderIconDate = () => (
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 20 20">
|
|
<path
|
|
fill="#00bbb5"
|
|
d="M5.673 0a.7.7 0 0 1 .7.7v1.309h7.517v-1.3a.7.7 0 0 1 1.4 0v1.3H18a2 2 0 0 1 2 1.999v13.993A2 2 0 0 1 18 20H2a2 2 0 0 1-2-1.999V4.008a2 2 0 0 1 2-1.999h2.973V.699a.7.7 0 0 1 .7-.699M1.4 7.742v10.259a.6.6 0 0 0 .6.6h16a.6.6 0 0 0 .6-.6V7.756zm5.267 6.877v1.666H5v-1.666zm4.166 0v1.666H9.167v-1.666zm4.167 0v1.666h-1.667v-1.666zm-8.333-3.977v1.666H5v-1.666zm4.166 0v1.666H9.167v-1.666zm4.167 0v1.666h-1.667v-1.666zM4.973 3.408H2a.6.6 0 0 0-.6.6v2.335l17.2.014V4.008a.6.6 0 0 0-.6-.6h-2.71v.929a.7.7 0 0 1-1.4 0v-.929H6.373v.92a.7.7 0 0 1-1.4 0z"
|
|
/>
|
|
</svg>
|
|
) |