238 lines
15 KiB
TypeScript
238 lines
15 KiB
TypeScript
interface OrderDishIconType {
|
|
className?: string;
|
|
onClick?: () => void;
|
|
}
|
|
|
|
const OrderDishIcon = ({ className, onClick }: OrderDishIconType) => {
|
|
return (
|
|
<svg
|
|
width="128"
|
|
height="125"
|
|
viewBox="0 0 128 125"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
className={className}
|
|
onClick={onClick}
|
|
>
|
|
<path
|
|
d="M4.39648 71.289C4.39648 71.289 3.80793 39.3963 43.4377 44.7342C76.9939 49.2506 65.096 50.9877 86.0185 49.7738C90.9069 49.4918 110.023 42.8582 117.731 48.5354C127.418 55.6676 136.966 80.4567 112.68 106.092C84.073 136.284 21.7468 106.366 21.7468 106.366C21.7468 106.366 3.42781 94.9336 4.39648 71.289Z"
|
|
fill="#FFB700"
|
|
fillOpacity="0.12"
|
|
/>
|
|
<path
|
|
d="M65.0429 124.583C91.6928 124.583 113.297 119.033 113.297 112.186C113.297 105.34 91.6928 99.7896 65.0429 99.7896C38.3931 99.7896 16.7891 105.34 16.7891 112.186C16.7891 119.033 38.3931 124.583 65.0429 124.583Z"
|
|
fill="#CC9300"
|
|
/>
|
|
<path
|
|
d="M65.0428 120.912C94.2118 120.912 117.858 115.362 117.858 108.515C117.858 101.669 94.2118 96.1187 65.0428 96.1187C35.8737 96.1187 12.2275 101.669 12.2275 108.515C12.2275 115.362 35.8737 120.912 65.0428 120.912Z"
|
|
fill="#5F6C7B"
|
|
/>
|
|
<path
|
|
d="M92.8808 96.0248C92.8808 107.968 75.9678 106.815 55.1025 106.815C34.2372 106.815 17.3242 107.964 17.3242 96.0248C17.3242 84.086 34.2372 74.4033 55.1025 74.4033C75.9638 74.4074 92.8808 84.086 92.8808 96.0248Z"
|
|
fill="#F0C7A9"
|
|
/>
|
|
<mask
|
|
id="mask0_2448_7615"
|
|
style={{ maskType: "alpha" as const }}
|
|
maskUnits="userSpaceOnUse"
|
|
x="17"
|
|
y="74"
|
|
width="76"
|
|
height="33"
|
|
>
|
|
<path
|
|
d="M92.8808 96.0248C92.8808 107.968 75.9678 106.815 55.1025 106.815C34.2372 106.815 17.3242 107.964 17.3242 96.0248C17.3242 84.086 34.2372 74.4033 55.1025 74.4033C75.9638 74.4074 92.8808 84.086 92.8808 96.0248Z"
|
|
fill="#FFC5BB"
|
|
/>
|
|
</mask>
|
|
<g mask="url(#mask0_2448_7615)">
|
|
<path
|
|
d="M31.7728 90.6255H31.3028C30.4322 90.6255 29.7251 89.9184 29.7251 89.0478V70.9986C29.7251 70.128 30.4322 69.4209 31.3028 69.4209H31.7728C32.6434 69.4209 33.3505 70.128 33.3505 70.9986V89.0478C33.3505 89.9225 32.6434 90.6255 31.7728 90.6255Z"
|
|
fill="#E06738"
|
|
/>
|
|
<path
|
|
d="M42.1869 87.8872H41.7168C40.8462 87.8872 40.1392 87.1801 40.1392 86.3095V68.2603C40.1392 67.3897 40.8462 66.6826 41.7168 66.6826H42.1869C43.0575 66.6826 43.7645 67.3897 43.7645 68.2603V86.3095C43.7645 87.1801 43.0575 87.8872 42.1869 87.8872Z"
|
|
fill="#E06738"
|
|
/>
|
|
<path
|
|
d="M52.2254 85.0054H51.7554C50.8848 85.0054 50.1777 84.2983 50.1777 83.4277V65.3785C50.1777 64.5079 50.8848 63.8008 51.7554 63.8008H52.2254C53.096 63.8008 53.8031 64.5079 53.8031 65.3785V83.4277C53.8031 84.3023 53.096 85.0054 52.2254 85.0054Z"
|
|
fill="#E06738"
|
|
/>
|
|
<path
|
|
d="M62.39 85.0054H61.92C61.0494 85.0054 60.3423 84.2983 60.3423 83.4277V65.3785C60.3423 64.5079 61.0494 63.8008 61.92 63.8008H62.39C63.2606 63.8008 63.9677 64.5079 63.9677 65.3785V83.4277C63.9677 84.3023 63.2647 85.0054 62.39 85.0054Z"
|
|
fill="#E06738"
|
|
/>
|
|
</g>
|
|
<path
|
|
d="M86.709 66.2656C74.852 66.2656 65.2388 69.6621 65.2388 73.8515V106.566H81.1749L81.2607 113.906C83.0019 114.066 84.8248 114.152 86.709 114.152C98.5661 114.152 108.179 110.755 108.179 106.566V73.8515C108.179 69.6621 98.5661 66.2656 86.709 66.2656Z"
|
|
fill="#FDF0B9"
|
|
/>
|
|
<path
|
|
d="M81.3848 81.184V91.4266C81.3848 91.4266 82.5374 93.1678 84.2785 89.338C86.0197 85.5124 87.0619 85.5982 87.3235 86.0356C87.5851 86.4688 87.626 88.1364 88.5906 88.7536C89.5551 89.3707 90.393 87.1718 91.0061 86.9961C91.6233 86.8203 92.0157 87.041 92.4571 87.789C93.4217 89.4239 91.9789 95.6651 94.7051 94.8027C95.5797 94.5247 96.9244 91.6719 96.2827 87.2209C96.1233 86.1296 96.5484 83.9674 96.855 83.9674C97.1615 83.9674 97.3822 85.6391 98.261 85.4184C99.1397 85.1977 99.5811 83.3094 100.46 83.4851C101.339 83.6609 102.99 84.7849 103.668 82.1241C103.938 81.0737 105.471 81.5069 105.822 81.9933C106.174 82.4756 108.001 82.4347 108.197 80.763C108.393 79.0913 108.197 73.8638 108.197 73.8638L81.3848 81.184Z"
|
|
fill="#EDB82C"
|
|
/>
|
|
<path
|
|
d="M86.709 81.4374C98.5667 81.4374 108.179 78.0411 108.179 73.8515C108.179 69.662 98.5667 66.2656 86.709 66.2656C74.8513 66.2656 65.2388 69.662 65.2388 73.8515C65.2388 78.0411 74.8513 81.4374 86.709 81.4374Z"
|
|
fill="#EDB82C"
|
|
/>
|
|
<path
|
|
d="M86.7153 81.411C96.8025 81.411 105.265 78.9533 107.567 75.6401"
|
|
stroke="white"
|
|
strokeWidth="2.2294"
|
|
strokeLinecap="round"
|
|
/>
|
|
<mask
|
|
id="mask1_2448_7615"
|
|
style={{ maskType: "alpha" as const }}
|
|
maskUnits="userSpaceOnUse"
|
|
x="65"
|
|
y="73"
|
|
width="44"
|
|
height="42"
|
|
>
|
|
<path
|
|
d="M65.2451 106.53V73.8159H108.186V106.53C108.186 110.72 98.5724 114.116 86.7154 114.116C84.8312 114.116 83.0082 114.03 81.2671 113.871L81.1812 106.53H65.2451Z"
|
|
fill="#C4C4C4"
|
|
/>
|
|
</mask>
|
|
<g mask="url(#mask1_2448_7615)">
|
|
<path
|
|
d="M109.237 99.0819C109.237 103.476 99.1499 107.04 86.7124 107.04C74.2709 107.04 64.1836 103.476 64.1836 99.0819C64.1836 98.5546 64.3267 98.0397 64.6046 97.541C66.64 101.195 75.7668 103.954 86.7124 103.954C97.654 103.954 106.781 101.195 108.816 97.541C109.09 98.0397 109.237 98.5546 109.237 99.0819Z"
|
|
fill="#EDB82C"
|
|
/>
|
|
<path
|
|
d="M109.237 89.9143C109.237 90.9933 108.632 92.0192 107.529 92.9593C106.887 93.5069 106.074 94.0219 105.121 94.5042C101.038 96.5438 94.3188 97.8762 86.7124 97.8762C79.1061 97.8762 72.3785 96.5438 68.2994 94.5042C67.3471 94.0219 66.5338 93.5069 65.8921 92.9593C64.7885 92.0192 64.1836 90.9933 64.1836 89.9143C64.1836 89.4524 64.2981 88.9946 64.5106 88.5532C65.0501 89.665 66.2436 90.6949 67.9398 91.6023H67.9439C69.0147 92.1745 70.2981 92.6895 71.7368 93.1432C75.7178 94.398 80.9617 95.1582 86.7124 95.1582C92.455 95.1582 97.6989 94.398 101.68 93.1432C103.123 92.6895 104.402 92.1745 105.473 91.6023H105.477C107.173 90.6949 108.367 89.665 108.906 88.5532C109.123 88.9946 109.237 89.4524 109.237 89.9143Z"
|
|
fill="#EDB82C"
|
|
/>
|
|
</g>
|
|
<mask
|
|
id="mask2_2448_7615"
|
|
style={{ maskType: "alpha" as const }}
|
|
maskUnits="userSpaceOnUse"
|
|
x="65"
|
|
y="73"
|
|
width="22"
|
|
height="41"
|
|
>
|
|
<path
|
|
d="M65.2451 73.9214H86.849L81.2804 81.2539V113.91L65.2451 113.735V73.9214Z"
|
|
fill="#FC9AEA"
|
|
/>
|
|
</mask>
|
|
<g mask="url(#mask2_2448_7615)">
|
|
<path
|
|
d="M65.2451 73.8516H86.849L81.2804 81.1841V114.021H65.2451V73.8516Z"
|
|
fill="#EDB82C"
|
|
/>
|
|
<path
|
|
d="M84.3894 77.0887C84.3894 77.0887 83.0528 76.5492 82.5716 76.7086C82.0946 76.868 81.5805 77.1173 81.2761 77.0887C80.9759 77.0642 79.701 76.5287 79.2198 76.6759C78.7427 76.823 76.9496 77.2358 76.6288 77.0887C76.3081 76.9415 74.7946 76.4756 74.3587 76.6514C73.9186 76.8271 72.8822 77.338 72.4874 77.1214C72.0926 76.9048 70.4146 76.3285 70.2542 76.8925C70.0938 77.4565 70.2542 79.0833 70.2542 79.4388C70.2542 79.7944 69.7936 79.6432 69.662 81.0165C69.5304 82.3898 70.1884 82.586 69.991 83.3708C69.7936 84.1555 69.4934 86.6406 69.6455 87.4907C69.7936 88.3408 69.5468 89.3872 69.6044 90.7605C69.662 92.1338 69.2014 92.5793 69.5962 93.8913C69.991 95.2074 69.4687 96.3191 69.4358 97.4309C69.4029 98.5426 69.7319 98.8042 69.8635 100.308C69.9951 101.812 69.3371 102.663 69.4358 103.186C69.5345 103.709 69.3165 105.344 69.4276 106.194C69.5386 107.044 69.5181 107.633 69.3947 108.679C69.2713 109.725 69.3947 111.037 69.3947 111.037L69.4358 113.875H83.1823L84.3894 77.0887Z"
|
|
fill="#FDF0B9"
|
|
/>
|
|
<path
|
|
d="M84.2209 82.3527C84.2209 82.3527 81.3009 82.2791 79.9766 82.9985C78.6523 83.7178 77.8915 81.7519 76.2834 82.5489C74.6713 83.3418 73.9145 84.286 74.4368 86.3091C74.9591 88.3323 75.4321 88.3814 74.9591 89.9345C74.4862 91.4877 73.2071 91.8637 73.824 93.6539C74.4409 95.4441 73.2071 96.9973 73.8734 98.7834C74.5355 100.574 74.1078 100.267 74.2024 101.395C74.297 102.523 75.3745 102.372 74.9962 105.335C74.6219 108.29 73.4827 106.688 73.8652 108.711C74.2435 110.734 74.7741 110.878 74.6795 111.724C74.5849 112.57 74.3011 113.935 74.3011 113.935H84.9817L84.2209 82.3527Z"
|
|
fill="#F0C7A9"
|
|
/>
|
|
</g>
|
|
<path
|
|
d="M66.6479 73.6758H87.344L84.9236 76.482"
|
|
stroke="white"
|
|
strokeWidth="2.2294"
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
/>
|
|
<path
|
|
d="M78.1954 104.723H41.0466C40.7155 106.754 41.0466 112.522 41.0466 112.522C41.0466 115.763 49.3641 118.391 59.6189 118.391C69.8779 118.391 78.1913 115.763 78.1913 112.522C78.4529 107.923 78.1954 104.723 78.1954 104.723Z"
|
|
fill="#EDB82C"
|
|
/>
|
|
<path
|
|
d="M77.7376 103.775C79.4992 103.681 80.942 105.536 80.3452 106.669C79.7485 107.801 77.5537 108.647 76.8302 108.859C75.1831 109.346 76.3765 111.884 73.2621 111.136C71.6517 110.748 71.1817 111.835 70.2907 112.709C69.3996 113.584 67.0209 112.971 64.7892 112.011C62.5576 111.05 60.6284 113.76 58.4704 113.498C56.3123 113.237 54.3832 112.186 52.969 112.709C51.5548 113.233 50.7414 112.709 49.0289 111.046C47.3163 109.382 45.6119 111.659 44.0506 111.046C42.4893 110.433 43.086 108.945 41.3735 108.16C39.6609 107.376 37.9565 107.081 37.9565 106.104C37.9565 103.889 41.3449 103.337 41.3449 103.337L77.7376 103.775Z"
|
|
fill="#E06738"
|
|
/>
|
|
<path
|
|
d="M78.1956 101.249C78.1956 108.054 69.878 109.538 59.6232 109.538C49.3683 109.538 41.0508 108.054 41.0508 101.249C41.0508 94.4435 49.3683 88.9258 59.6232 88.9258C69.878 88.9258 78.1956 94.4435 78.1956 101.249Z"
|
|
fill="#EDB82C"
|
|
/>
|
|
<path
|
|
d="M50.378 92.7977C50.6963 92.7977 50.9544 92.6677 50.9544 92.5075C50.9544 92.3472 50.6963 92.2173 50.378 92.2173C50.0598 92.2173 49.8018 92.3472 49.8018 92.5075C49.8018 92.6677 50.0598 92.7977 50.378 92.7977Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
d="M54.0279 95.0286C54.3462 95.0286 54.6043 94.8987 54.6043 94.7384C54.6043 94.5782 54.3462 94.4482 54.0279 94.4482C53.7097 94.4482 53.4517 94.5782 53.4517 94.7384C53.4517 94.8987 53.7097 95.0286 54.0279 95.0286Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
d="M56.4274 92.7977C56.7456 92.7977 57.0037 92.6677 57.0037 92.5075C57.0037 92.3472 56.7456 92.2173 56.4274 92.2173C56.1091 92.2173 55.8511 92.3472 55.8511 92.5075C55.8511 92.6677 56.1091 92.7977 56.4274 92.7977Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
d="M60.4654 90.7293C60.7837 90.7293 61.0418 90.5994 61.0418 90.4391C61.0418 90.2788 60.7837 90.1489 60.4654 90.1489C60.1472 90.1489 59.8892 90.2788 59.8892 90.4391C59.8892 90.5994 60.1472 90.7293 60.4654 90.7293Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
d="M63.6046 93.6556C63.9229 93.6556 64.1809 93.5257 64.1809 93.3654C64.1809 93.2051 63.9229 93.0752 63.6046 93.0752C63.2863 93.0752 63.0283 93.2051 63.0283 93.3654C63.0283 93.5257 63.2863 93.6556 63.6046 93.6556Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
d="M69.8131 93.6556C70.1314 93.6556 70.3894 93.5257 70.3894 93.3654C70.3894 93.2051 70.1314 93.0752 69.8131 93.0752C69.4948 93.0752 69.2368 93.2051 69.2368 93.3654C69.2368 93.5257 69.4948 93.6556 69.8131 93.6556Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
d="M47.7008 97.6776C48.0191 97.6776 48.2771 97.5476 48.2771 97.3874C48.2771 97.2271 48.0191 97.0972 47.7008 97.0972C47.3825 97.0972 47.1245 97.2271 47.1245 97.3874C47.1245 97.5476 47.3825 97.6776 47.7008 97.6776Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
d="M54.5226 100.391C54.8409 100.391 55.0989 100.261 55.0989 100.101C55.0989 99.941 54.8409 99.811 54.5226 99.811C54.2043 99.811 53.9463 99.941 53.9463 100.101C53.9463 100.261 54.2043 100.391 54.5226 100.391Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
d="M59.8893 96.5579C60.2076 96.5579 60.4656 96.428 60.4656 96.2677C60.4656 96.1075 60.2076 95.9775 59.8893 95.9775C59.571 95.9775 59.313 96.1075 59.313 96.2677C59.313 96.428 59.571 96.5579 59.8893 96.5579Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
d="M63.6046 99.5208C63.9229 99.5208 64.1809 99.3909 64.1809 99.2306C64.1809 99.0704 63.9229 98.9404 63.6046 98.9404C63.2863 98.9404 63.0283 99.0704 63.0283 99.2306C63.0283 99.3909 63.2863 99.5208 63.6046 99.5208Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
d="M69.339 98.3558C69.6573 98.3558 69.9153 98.2259 69.9153 98.0656C69.9153 97.9053 69.6573 97.7754 69.339 97.7754C69.0207 97.7754 68.7627 97.9053 68.7627 98.0656C68.7627 98.2259 69.0207 98.3558 69.339 98.3558Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
d="M64.9043 89.8423C67.8151 90.2356 69.6246 91.337 69.6246 91.337"
|
|
stroke="white"
|
|
strokeWidth="2"
|
|
strokeLinecap="round"
|
|
/>
|
|
<path
|
|
d="M46.5497 12.2132C51.6176 9.89356 54.9048 6.21941 53.892 4.00673C52.8793 1.79405 47.95 1.88074 42.8822 4.20036C37.8143 6.51997 34.5271 10.1941 35.5398 12.4068C36.5526 14.6195 41.4819 14.5328 46.5497 12.2132Z"
|
|
fill="#CC9300"
|
|
/>
|
|
<path
|
|
d="M46.0234 11.0577C48.7307 9.8185 50.4868 7.8555 49.9456 6.67321C49.4045 5.49093 46.7711 5.53706 44.0637 6.77626C41.3564 8.01545 39.6003 9.97845 40.1415 11.1607C40.6826 12.343 43.316 12.2969 46.0234 11.0577Z"
|
|
fill="#333333"
|
|
/>
|
|
<path
|
|
d="M49.9461 6.67191L40.1382 11.1611L42.4585 16.2305L52.2664 11.7412L49.9461 6.67191Z"
|
|
fill="#333333"
|
|
/>
|
|
<path
|
|
d="M103.271 30.1182L20.1363 66.3474C19.3557 62.9836 18.9429 59.4809 18.9429 55.8841C18.9429 30.4247 39.5875 9.78418 65.0428 9.78418C80.9626 9.78418 94.994 17.8524 103.271 30.1182Z"
|
|
fill="#5F6C7B"
|
|
/>
|
|
<path
|
|
d="M11.5042 73.8842C11.0669 73.1117 9.3748 73.1853 7.2944 73.9455C6.88976 74.0927 6.43607 73.966 6.16223 73.6308C4.77257 71.9019 3.36248 70.9659 2.58999 71.3992C1.8175 71.8365 1.89108 73.5286 2.65131 75.609C2.79845 76.0137 2.67174 76.4673 2.33658 76.7412C0.61177 78.1308 -0.328303 79.5409 0.104944 80.3134C0.542278 81.0859 2.23439 81.0123 4.31479 80.2521C4.71943 80.105 5.17312 80.2317 5.44696 80.5668C6.83662 82.2916 8.24671 83.2317 9.0192 82.7985C9.79169 82.3611 9.71813 80.669 8.95791 78.5886C8.81077 78.184 8.93745 77.7303 9.27261 77.4564C11.0015 76.0668 11.9416 74.6608 11.5042 73.8842Z"
|
|
fill="#EDB82C"
|
|
/>
|
|
<path
|
|
d="M125.996 39.6985C126.216 38.8402 124.945 37.7203 122.918 36.8211C122.522 36.6454 122.284 36.2407 122.321 35.8116C122.517 33.6044 122.15 31.9491 121.291 31.7284C120.433 31.5077 119.313 32.7788 118.414 34.8061C118.238 35.2026 117.833 35.4396 117.404 35.4028C115.197 35.2066 113.542 35.5745 113.321 36.4328C113.1 37.2911 114.372 38.411 116.399 39.3102C116.795 39.486 117.032 39.8906 116.996 40.3198C116.799 42.5269 117.167 44.1822 118.026 44.4029C118.884 44.6236 120.004 43.3525 120.903 41.3252C121.079 40.9288 121.483 40.6917 121.913 40.7285C124.12 40.9247 125.775 40.5568 125.996 39.6985Z"
|
|
fill="#E06738"
|
|
/>
|
|
<path
|
|
d="M122.505 97.2997C125.072 97.2997 127.152 95.2191 127.152 92.6526C127.152 90.086 125.072 88.0054 122.505 88.0054C119.939 88.0054 117.858 90.086 117.858 92.6526C117.858 95.2191 119.939 97.2997 122.505 97.2997Z"
|
|
fill="#5F6C7B"
|
|
/>
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
export default OrderDishIcon;
|