'use client'
interface IconProps {
    width?: number | string;
    height?: number | string;
    className?: string;
}

export const LightThemIcon = ({ width = 20, height = 20, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M10.0001 15.8332C13.2217 15.8332 15.8334 13.2215 15.8334 9.99984C15.8334 6.77818 13.2217 4.1665 10.0001 4.1665C6.77842 4.1665 4.16675 6.77818 4.16675 9.99984C4.16675 13.2215 6.77842 15.8332 10.0001 15.8332Z" fill="#0C0C0C" />
        <path d="M9.99992 19.1335C9.54158 19.1335 9.16658 18.7918 9.16658 18.3335V18.2668C9.16658 17.8085 9.54158 17.4335 9.99992 17.4335C10.4583 17.4335 10.8333 17.8085 10.8333 18.2668C10.8333 18.7252 10.4583 19.1335 9.99992 19.1335ZM15.9499 16.7835C15.7333 16.7835 15.5249 16.7002 15.3583 16.5418L15.2499 16.4335C14.9249 16.1085 14.9249 15.5835 15.2499 15.2585C15.5749 14.9335 16.0999 14.9335 16.4249 15.2585L16.5333 15.3668C16.8583 15.6918 16.8583 16.2168 16.5333 16.5418C16.3749 16.7002 16.1666 16.7835 15.9499 16.7835ZM4.04992 16.7835C3.83325 16.7835 3.62492 16.7002 3.45825 16.5418C3.13325 16.2168 3.13325 15.6918 3.45825 15.3668L3.56659 15.2585C3.89159 14.9335 4.41659 14.9335 4.74159 15.2585C5.06659 15.5835 5.06659 16.1085 4.74159 16.4335L4.63325 16.5418C4.47492 16.7002 4.25825 16.7835 4.04992 16.7835ZM18.3333 10.8335H18.2666C17.8083 10.8335 17.4333 10.4585 17.4333 10.0002C17.4333 9.54183 17.8083 9.16683 18.2666 9.16683C18.7249 9.16683 19.1333 9.54183 19.1333 10.0002C19.1333 10.4585 18.7916 10.8335 18.3333 10.8335ZM1.73325 10.8335H1.66659C1.20825 10.8335 0.833252 10.4585 0.833252 10.0002C0.833252 9.54183 1.20825 9.16683 1.66659 9.16683C2.12492 9.16683 2.53325 9.54183 2.53325 10.0002C2.53325 10.4585 2.19159 10.8335 1.73325 10.8335ZM15.8416 4.99183C15.6249 4.99183 15.4166 4.9085 15.2499 4.75016C14.9249 4.42516 14.9249 3.90016 15.2499 3.57516L15.3583 3.46683C15.6833 3.14183 16.2083 3.14183 16.5333 3.46683C16.8583 3.79183 16.8583 4.31683 16.5333 4.64183L16.4249 4.75016C16.2666 4.9085 16.0583 4.99183 15.8416 4.99183ZM4.15825 4.99183C3.94159 4.99183 3.73325 4.9085 3.56659 4.75016L3.45825 4.6335C3.13325 4.3085 3.13325 3.7835 3.45825 3.4585C3.78325 3.1335 4.30825 3.1335 4.63325 3.4585L4.74159 3.56683C5.06659 3.89183 5.06659 4.41683 4.74159 4.74183C4.58325 4.9085 4.36659 4.99183 4.15825 4.99183ZM9.99992 2.5335C9.54158 2.5335 9.16658 2.19183 9.16658 1.7335V1.66683C9.16658 1.2085 9.54158 0.833496 9.99992 0.833496C10.4583 0.833496 10.8333 1.2085 10.8333 1.66683C10.8333 2.12516 10.4583 2.5335 9.99992 2.5335Z" fill="#0C0C0C" />
    </svg>

)

export const DarkThemIcon = ({ width = 20, height = 20, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M17.9407 13.2743C17.8073 13.0493 17.4323 12.6993 16.499 12.866C15.9823 12.9577 15.4573 12.9993 14.9323 12.9743C12.9907 12.891 11.2323 11.9993 10.0073 10.6243C8.924 9.41601 8.25736 7.84099 8.24902 6.14099C8.24902 5.19099 8.43233 4.27432 8.80733 3.40766C9.174 2.56599 8.91567 2.12432 8.73233 1.94099C8.54067 1.74932 8.09069 1.48266 7.20736 1.84932C3.79902 3.28266 1.69069 6.69932 1.94069 10.3577C2.19069 13.7993 4.60736 16.741 7.80736 17.8493C8.574 18.116 9.38233 18.2743 10.2157 18.3077C10.349 18.316 10.4823 18.3243 10.6157 18.3243C13.4073 18.3243 16.024 17.0077 17.674 14.766C18.2323 13.991 18.0823 13.4993 17.9407 13.2743Z" fill="#0C0C0C" />
    </svg>

)

export const NewArrow = ({ width = 6, height = 11, className }: IconProps) => (
    <svg width={width} height={height} className={`${className} rtl:rotate-180`} viewBox="0 0 6 11" fill="#989898" xmlns="http://www.w3.org/2000/svg">
        <path d="M1.38004 0.239079L3.78754 2.64658L5.26506 4.1166C5.88756 4.7391 5.88756 5.7516 5.26506 6.3741L1.38004 10.2591C0.870044 10.7691 4.3869e-05 10.4016 4.3869e-05 9.6891V5.4816V0.809079C4.3869e-05 0.0890791 0.870044 -0.270921 1.38004 0.239079Z" />
    </svg>
)
export const Hamburg = ({ width = 48, height = 48, className }: IconProps) => (
    <svg width={width} height={height} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
        <rect x="0.5" y="0.5" width="47" height="47" rx="23.5" fill="white" />
        <rect x="0.5" y="0.5" width="47" height="47" rx="23.5" stroke="#E9E9E9" />
        <rect x="15" y="19" width="18" height="2" rx="1" fill="#D9D9D9" />
        <rect x="15" y="19" width="18" height="2" rx="1" fill="#0C0C0C" />
        <rect x="15" y="27" width="18" height="2" rx="1" fill="#D9D9D9" />
        <rect x="15" y="27" width="18" height="2" rx="1" fill="#0C0C0C" />
    </svg>

)

export const CircleTextArrIcon = ({ width = 32, height = 32, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M8 24L11.3333 20.6667M24 20V8H12M24 8L15.3333 16.6667" stroke="#070808" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M8 24L11.3333 20.6667M24 20V8H12M24 8L15.3333 16.6667" stroke="url(#paint0_linear_12647_27836)" strokeOpacity="0.24" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" />
        <defs>
            <linearGradient id="paint0_linear_12647_27836" x1="16" y1="8" x2="16" y2="24" gradientUnits="userSpaceOnUse">
                <stop stopColor="white" stopOpacity="0" />
                <stop offset="1" stopColor="white" />
            </linearGradient>
        </defs>
    </svg>
);

export const Linkedin = ({ width = 32, height = 32, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M29.3333 4.62729V27.3724C29.3333 27.8924 29.1268 28.3912 28.759 28.7589C28.3913 29.1266 27.8925 29.3332 27.3725 29.3332H4.62741C4.10737 29.3332 3.60864 29.1266 3.24093 28.7589C2.87321 28.3912 2.66663 27.8924 2.66663 27.3724V4.62729C2.66663 4.10725 2.87321 3.60852 3.24093 3.24081C3.60864 2.87309 4.10737 2.6665 4.62741 2.6665H27.3725C27.8925 2.6665 28.3913 2.87309 28.759 3.24081C29.1268 3.60852 29.3333 4.10725 29.3333 4.62729ZM10.5098 12.8626H6.5882V25.4116H10.5098V12.8626ZM10.8627 8.54886C10.8648 8.25222 10.8084 7.95809 10.6968 7.68324C10.5852 7.4084 10.4205 7.15822 10.2122 6.94702C10.0039 6.73581 9.75607 6.56769 9.4828 6.45228C9.20953 6.33686 8.9162 6.2764 8.61957 6.27434H8.54899C7.94575 6.27434 7.36721 6.51398 6.94065 6.94053C6.51411 7.36709 6.27447 7.94562 6.27447 8.54886C6.27447 9.15209 6.51411 9.73062 6.94065 10.1572C7.36721 10.5837 7.94575 10.8234 8.54899 10.8234C8.84564 10.8307 9.14083 10.7794 9.41767 10.6726C9.69452 10.5658 9.94761 10.4055 10.1625 10.2008C10.3773 9.99613 10.5498 9.75112 10.6699 9.47978C10.7901 9.20845 10.8556 8.9161 10.8627 8.61945V8.54886ZM25.4117 17.7881C25.4117 14.0156 23.0117 12.5489 20.6274 12.5489C19.8468 12.5098 19.0694 12.676 18.3732 13.0311C17.6768 13.3861 17.0857 13.9176 16.6588 14.5724H16.549V12.8626H12.8627V25.4116H16.7842V18.737C16.7276 18.0536 16.9429 17.3752 17.3834 16.8494C17.8241 16.3237 18.4542 15.993 19.1372 15.9293H19.2862C20.5333 15.9293 21.4588 16.7136 21.4588 18.69V25.4116H25.3804L25.4117 17.7881Z" fill="#F7F7F7" />
    </svg>
)

export const Twitch = ({ width = 32, height = 32, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M16 8.6665H18V14.6665H16V8.6665ZM23 8.6665V14.6665H21V8.6665H23Z" fill="#F7F7F7" />
        <path fillRule="evenodd" clipRule="evenodd" d="M4 7.6665L9 2.6665H28V16.6665L19 25.6665H15L10 30.6665V25.6665H4V7.6665ZM26 15.6665L22 19.6665H18L14 23.6665V19.6665H10V4.6665H26V15.6665ZM16 8.6665H18V14.6665H16V8.6665ZM23 8.6665V14.6665H21V8.6665H23Z" fill="#F7F7F7" />
    </svg>

)

export const Facebook = ({ width = 32, height = 32, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M29.3333 15.9998C29.3333 8.63604 23.3638 2.6665 16 2.6665C8.63616 2.6665 2.66663 8.63604 2.66663 15.9998C2.66663 22.6549 7.54244 28.1709 13.9166 29.1712V19.854H10.5312V15.9998H13.9166V13.0623C13.9166 9.72068 15.9072 7.87484 18.9528 7.87484C20.4116 7.87484 21.9374 8.13525 21.9374 8.13525V11.4165H20.2561C18.5998 11.4165 18.0833 12.4443 18.0833 13.4988V15.9998H21.7812L21.1901 19.854H18.0833V29.1712C24.4574 28.1709 29.3333 22.6549 29.3333 15.9998Z" fill="#F7F7F7" />
    </svg>
)

export const Youtube = ({ width = 32, height = 32, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path fillRule="evenodd" clipRule="evenodd" d="M27.4599 5.94682C28.7228 6.28487 29.7154 7.2773 30.0534 8.54018C30.6643 10.8269 30.6667 15.6007 30.6667 15.6007C30.6667 15.6007 30.6667 20.3744 30.0534 22.6611C29.7154 23.924 28.7228 24.9164 27.4599 25.2544C25.1734 25.8678 16 25.8678 16 25.8678C16 25.8678 6.82673 25.8678 4.54004 25.2544C3.27717 24.9164 2.28475 23.924 1.94669 22.6611C1.33337 20.3744 1.33337 15.6007 1.33337 15.6007C1.33337 15.6007 1.33337 10.8269 1.94669 8.54018C2.28475 7.2773 3.27717 6.28487 4.54004 5.94682C6.82673 5.3335 16 5.3335 16 5.3335C16 5.3335 25.1734 5.3335 27.4599 5.94682ZM20.6846 15.6011L13.0639 20.0006V11.2015L20.6846 15.6011Z" fill="#F7F7F7" />
    </svg>
)

export const Trophy = ({ width = 72, height = 74, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 72 74" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g filter="url(#filter0_di_12641_31947)">
            <path d="M34.2937 42.6388H29.4187C27.0354 42.6388 25.0854 44.5888 25.0854 46.9722V47.5138H22.9187C22.0304 47.5138 21.2937 48.2505 21.2937 49.1388C21.2937 50.0272 22.0304 50.7638 22.9187 50.7638H48.9187C49.807 50.7638 50.5437 50.0272 50.5437 49.1388C50.5437 48.2505 49.807 47.5138 48.9187 47.5138H46.752V46.9722C46.752 44.5888 44.802 42.6388 42.4187 42.6388H37.5437V37.6772C37.002 37.7422 36.4604 37.7638 35.9187 37.7638C35.377 37.7638 34.8354 37.7422 34.2937 37.6772V42.6388Z" fill="url(#paint0_linear_12641_31947)" shapeRendering="crispEdges" />
            <path d="M49.9572 28.3152C51.3872 27.7736 52.6438 26.8852 53.6405 25.8886C55.6555 23.6569 56.9772 20.9919 56.9772 17.8719C56.9772 14.7519 54.5288 12.3036 51.4088 12.3036H50.1955C48.7872 9.42189 45.8405 7.42856 42.4172 7.42856H29.4172C25.9938 7.42856 23.0472 9.42189 21.6388 12.3036H20.4255C17.3055 12.3036 14.8572 14.7519 14.8572 17.8719C14.8572 20.9919 16.1788 23.6569 18.1938 25.8886C19.1905 26.8852 20.4472 27.7736 21.8772 28.3152C24.1305 33.8619 29.5472 37.7619 35.9172 37.7619C42.2872 37.7619 47.7038 33.8619 49.9572 28.3152ZM42.0705 21.4036L40.7272 23.0502C40.5105 23.2886 40.3588 23.7652 40.3805 24.0902L40.5105 26.2136C40.5972 27.5136 39.6655 28.1852 38.4522 27.7086L36.4805 26.9286C36.1772 26.8202 35.6572 26.8202 35.3538 26.9286L33.3822 27.7086C32.1688 28.1852 31.2372 27.5136 31.3238 26.2136L31.4538 24.0902C31.4755 23.7652 31.3238 23.2886 31.1072 23.0502L29.7638 21.4036C28.9188 20.4069 29.2872 19.3019 30.5438 18.9769L32.6022 18.4569C32.9272 18.3702 33.3172 18.0669 33.4905 17.7852L34.6388 16.0086C35.3538 14.9036 36.4805 14.9036 37.1955 16.0086L38.3438 17.7852C38.5172 18.0669 38.9072 18.3702 39.2322 18.4569L41.2905 18.9769C42.5472 19.3019 42.9155 20.4069 42.0705 21.4036Z" fill="url(#paint1_linear_12641_31947)" shapeRendering="crispEdges" />
        </g>
        <defs>
            <filter id="filter0_di_12641_31947" x="3.43323e-05" y="-1.33514e-05" width="71.8344" height="73.0496" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
                <feFlood floodOpacity="0" result="BackgroundImageFix" />
                <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
                <feOffset dy="7.42857" />
                <feGaussianBlur stdDeviation="7.42857" />
                <feComposite in2="hardAlpha" operator="out" />
                <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
                <feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_12641_31947" />
                <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_12641_31947" result="shape" />
                <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
                <feOffset dx="1.2381" dy="-2.47619" />
                <feGaussianBlur stdDeviation="0.619048" />
                <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
                <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.45 0" />
                <feBlend mode="normal" in2="shape" result="effect2_innerShadow_12641_31947" />
            </filter>
            <linearGradient id="paint0_linear_12641_31947" x1="35.9172" y1="7.42856" x2="35.9172" y2="50.7638" gradientUnits="userSpaceOnUse">
                <stop stopColor="white" />
                <stop offset="1" stopColor="white" stopOpacity="0.7" />
            </linearGradient>
            <linearGradient id="paint1_linear_12641_31947" x1="35.9172" y1="7.42856" x2="35.9172" y2="50.7638" gradientUnits="userSpaceOnUse">
                <stop stopColor="white" />
                <stop offset="1" stopColor="white" stopOpacity="0.7" />
            </linearGradient>
        </defs>
    </svg>
);

export const Exam = ({ width = 80, height = 80, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M79.651 67.734L76.5278 57.9043L71.7046 50.7251L72.0795 43.9117L64.3983 19.7451L61.7087 17.4929L62.9785 15.2798L59.8745 5.51552C58.6475 1.65852 54.5117 -0.482622 50.6554 0.742808L43.5088 3.01406C40.7366 3.8965 38.7453 6.33565 38.4353 9.22773C38.4064 9.49731 38.4243 9.76095 38.4827 10.0108C38.4246 10.2592 38.4065 10.5213 38.4346 10.7891C38.4856 11.273 38.5875 11.7582 38.7379 12.233L41.8699 22.083L44.2158 24.4114L43.2897 26.5484L50.9646 50.6993L55.4612 57.5018L55.4128 64.6919L58.5143 74.4515C59.5068 77.5721 62.4036 79.5695 65.5162 79.5695C66.2508 79.5695 66.9973 79.4583 67.7336 79.2244L74.88 76.9531C76.7481 76.3585 78.2735 75.0723 79.1746 73.3317C80.0763 71.5899 80.2454 69.6016 79.651 67.734Z" fill="#E63950" />
        <path d="M79.6508 67.734L76.5276 57.9043L71.7044 50.7251L72.0792 43.9117L64.3981 19.7451L61.7085 17.4929L62.9783 15.2798L59.8743 5.51552C58.6473 1.65852 54.5115 -0.482622 50.6551 0.742808L47.1455 1.85828L71.2727 78.0997L74.88 76.9533C76.7481 76.3587 78.2734 75.0725 79.1746 73.3318C80.0761 71.5899 80.2452 69.6016 79.6508 67.734Z" fill="#AE2538" />
        <path d="M55.413 64.692C60.2751 63.1302 70.2459 59.9237 76.5277 57.9042L72.0795 43.9116L50.9648 50.6994L55.413 64.692Z" fill="#FF7B4A" />
        <path d="M72.0798 43.9116L61.5276 47.3037L65.9576 61.3026C69.6836 60.1047 73.5267 58.869 76.5279 57.9042L72.0798 43.9116Z" fill="#E63950" />
        <path d="M64.3983 19.7451L43.2898 26.5485L41.8701 22.0832L62.9786 15.2797L64.3983 19.7451Z" fill="#FF7B4A" />
        <path d="M64.3982 19.7451L62.9785 15.2797L52.4653 18.6682L53.8791 23.1355L64.3982 19.7451Z" fill="#E63950" />
        <path d="M13.4324 6.10352e-05H7.34118C3.28708 6.10352e-05 0.000468556 3.28667 0.000468556 7.34077V17.649L0.93758 19.9918L0.000780927 22.3346L0 47.6366L2.18722 54.9773L0 62.318L0.000468556 72.6262C0.000468556 76.6803 3.28708 79.9669 7.34118 79.9669H13.4324C17.4865 79.9669 20.7731 76.6803 20.7731 72.6262L20.7805 62.318L18.2779 54.9773L20.7805 47.6366L20.775 22.3346L19.5236 19.9918L20.775 17.649L20.7731 7.34077C20.7731 3.28667 17.4867 6.10352e-05 13.4324 6.10352e-05Z" fill="#59C36A" />
        <path d="M20.7805 47.6365L20.7751 22.3345L19.5237 19.9917L20.7751 17.6489L20.7732 7.34071C20.7732 3.28661 17.4866 0 13.4325 0H10.3901V79.9669H13.4323C17.4864 79.9669 20.773 76.6803 20.773 72.6262L20.7804 62.3179L18.2778 54.9772L20.7805 47.6365Z" fill="#00A66C" />
        <path d="M0 47.6365H20.7806V62.318H0V47.6365Z" fill="#97DE3D" />
        <path d="M10.3901 47.6365H20.7804V62.318H10.3901V47.6365Z" fill="#59C36A" />
        <path d="M0.000732422 17.6489H20.7749V22.3345H0.000732422V17.6489Z" fill="#97DE3D" />
        <path d="M10.3901 17.6489H20.7749V22.3345H10.3901V17.6489Z" fill="#59C36A" />
        <path d="M20.7869 7.3393L20.7741 17.6489L21.8816 19.9917L20.7741 22.3345L20.7727 47.6365L23.1311 54.9772L20.7727 62.3179L20.7741 72.6248C20.7733 76.6795 24.0601 79.9669 28.1148 79.9669H34.6732C38.7273 79.9669 42.0139 76.6803 42.0139 72.6262V62.3179L39.3744 54.9772L42.0139 47.6365V22.3345L40.6239 19.9917L42.0139 17.6489V7.34071C42.0139 3.28661 38.7273 0 34.6732 0H28.1276C24.074 0 20.7877 3.28567 20.7869 7.3393Z" fill="#6AA9FF" />
        <path d="M42.0137 7.34071C42.0137 3.28661 38.7271 0 34.673 0H31.3931V79.9669H34.673C38.7271 79.9669 42.0137 76.6803 42.0137 72.6262V62.3179L39.3741 54.9772L42.0137 47.6365V22.3345L40.6236 19.9917L42.0137 17.6489V7.34071Z" fill="#4895FF" />
        <path d="M20.7727 47.6365H42.0139V62.318H20.7727V47.6365Z" fill="#7ED8F6" />
        <path d="M31.3931 47.6365H42.0137V62.318H31.3931V47.6365Z" fill="#6AA9FF" />
        <path d="M20.7739 17.6489H42.0137V22.3345H20.7739V17.6489Z" fill="#7ED8F6" />
        <path d="M31.3931 17.6489H42.0137V22.3345H31.3931V17.6489Z" fill="#6AA9FF" />
    </svg>
)

export const SelfChallenge = ({ width = 80, height = 80, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g clipPath="url(#clip0_13886_2932)">
            <path d="M24.6741 63.481H5.41452C4.12016 63.481 3.0708 64.5304 3.0708 65.8247V77.656C3.0708 78.9504 4.12016 79.9997 5.41452 79.9997H24.674L27.5557 71.8358L24.6741 63.481Z" fill="#B4B9F2" />
            <path d="M40.0002 54.8052L35.4753 50.356H27.0176C25.7238 50.356 24.6738 51.4044 24.6738 52.6997V79.9994H35.4753L40.0002 74.1675V54.8052Z" fill="#969EEE" />
            <path d="M46.2765 50.356L52.4365 65.1777L46.2765 79.9994H35.4751V50.356H46.2765Z" fill="#7C83E7" />
            <path d="M74.6562 12.6583L79.3796 7.53179C80.0108 6.84742 80.1764 5.85525 79.803 5.00369C79.4296 4.15058 78.5874 3.60059 77.6562 3.60059H57.9253V21.3019H77.6562C78.6046 21.3019 79.4593 20.7301 79.8218 19.8535C80.1843 18.977 79.9827 17.9676 79.3108 17.2989L74.6562 12.6583Z" fill="#E62E6B" />
            <path d="M57.0786 34.3751C55.7842 34.3751 54.7349 33.3257 54.7349 32.0314V2.34421C54.7349 1.04985 55.7842 0.000488281 57.0786 0.000488281C58.3729 0.000488281 59.4223 1.04985 59.4223 2.34421V32.0314C59.4223 33.3257 58.3729 34.3751 57.0786 34.3751Z" fill="#4D578C" />
            <path d="M65.9345 32.0313H48.6208C47.3265 32.0313 46.2771 33.0807 46.2771 34.375V79.9995H65.9345C67.2289 79.9995 68.2782 78.9501 68.2782 77.6558V34.375C68.2782 33.0807 67.2289 32.0313 65.9345 32.0313Z" fill="#5F69E2" />
            <path d="M43.9732 18.0405C39.7242 9.4723 40.1539 10.336 40.0923 10.2196C39.6039 9.29667 38.5626 8.80793 37.5398 9.02262L29.2035 10.777C27.9368 11.0435 27.1262 12.2865 27.3926 13.5532C27.6249 14.6571 28.5988 15.4147 29.6838 15.4147C29.8437 15.4147 30.0062 15.3983 30.1688 15.3641L33.9219 14.5743C30.8483 20.607 26.8484 26.1048 21.9906 30.9627C16.037 36.9164 9.11985 41.584 1.43135 44.8358C0.239174 45.3402 -0.318475 46.7151 0.185738 47.9073C0.563858 48.8017 1.43197 49.3387 2.3454 49.3387C2.64977 49.3387 2.9593 49.279 3.25726 49.1531C11.5045 45.6648 18.9225 40.6599 25.305 34.2772C30.5069 29.0752 34.7933 23.187 38.0883 16.7246L39.7736 20.1231C40.3487 21.2828 41.7546 21.7565 42.9146 21.1815C44.0743 20.6064 44.5482 19.2002 43.9732 18.0405Z" fill="#8766FF" />
        </g>
        <defs>
            <clipPath id="clip0_13886_2932">
                <rect width="80" height="80" fill="white" />
            </clipPath>
        </defs>
    </svg>
)

export const Rank = ({ width = 28, height = 28, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 28 28" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
        <path d="M24.5002 15.1667H18.6668V11.6667C18.6668 11.3572 18.5439 11.0605 18.3251 10.8417C18.1063 10.6229 17.8096 10.5 17.5002 10.5H10.5002C10.1907 10.5 9.894 10.6229 9.6752 10.8417C9.45641 11.0605 9.3335 11.3572 9.3335 11.6667V17.5H3.50016C3.19074 17.5 2.894 17.6229 2.6752 17.8417C2.45641 18.0605 2.3335 18.3572 2.3335 18.6667V24.5C2.3335 24.8094 2.45641 25.1062 2.6752 25.325C2.894 25.5438 3.19074 25.6667 3.50016 25.6667H24.5002C24.8096 25.6667 25.1063 25.5438 25.3251 25.325C25.5439 25.1062 25.6668 24.8094 25.6668 24.5V16.3333C25.6668 16.0239 25.5439 15.7272 25.3251 15.5084C25.1063 15.2896 24.8096 15.1667 24.5002 15.1667Z" fill="#EF5388" />
        <path d="M24.5002 15.1667H18.6668V11.6667C18.6668 11.3572 18.5439 11.0605 18.3251 10.8417C18.1063 10.6229 17.8096 10.5 17.5002 10.5H10.5002C10.1907 10.5 9.894 10.6229 9.6752 10.8417C9.45641 11.0605 9.3335 11.3572 9.3335 11.6667V17.5H3.50016C3.19074 17.5 2.894 17.6229 2.6752 17.8417C2.45641 18.0605 2.3335 18.3572 2.3335 18.6667V24.5C2.3335 24.8094 2.45641 25.1062 2.6752 25.325C2.894 25.5438 3.19074 25.6667 3.50016 25.6667H24.5002C24.8096 25.6667 25.1063 25.5438 25.3251 25.325C25.5439 25.1062 25.6668 24.8094 25.6668 24.5V16.3333C25.6668 16.0239 25.5439 15.7272 25.3251 15.5084C25.1063 15.2896 24.8096 15.1667 24.5002 15.1667Z" fill="url(#paint0_linear_14133_4879)" fillOpacity="0.24" />
        <path d="M15.0848 7.99166C14.8943 7.9943 14.706 7.95024 14.5365 7.86333L13.9998 7.58333L13.4631 7.86333C13.2699 7.96492 13.0521 8.01028 12.8344 7.99423C12.6167 7.97818 12.4079 7.90138 12.2316 7.77256C12.0554 7.64373 11.9189 7.46805 11.8375 7.26548C11.7562 7.06291 11.7333 6.84159 11.7715 6.62666L11.8765 6.03166L11.4331 5.61166C11.2756 5.45947 11.1641 5.26602 11.1114 5.05343C11.0587 4.84085 11.0669 4.61772 11.1351 4.40958C11.2033 4.20143 11.3286 4.01668 11.4969 3.87646C11.6651 3.73623 11.8694 3.6462 12.0865 3.61666L12.6815 3.5L12.9498 2.95166C13.0453 2.75441 13.1945 2.58806 13.3802 2.47166C13.5659 2.35527 13.7806 2.29353 13.9998 2.29353C14.219 2.29353 14.4337 2.35527 14.6194 2.47166C14.8051 2.58806 14.9543 2.75441 15.0498 2.95166L15.3181 3.5L15.9131 3.58166C16.1302 3.6112 16.3345 3.70123 16.5027 3.84146C16.671 3.98168 16.7964 4.16643 16.8645 4.37458C16.9327 4.58272 16.9409 4.80585 16.8882 5.01843C16.8355 5.23102 16.724 5.42447 16.5665 5.57666L16.1231 5.99666L16.2281 6.59166C16.271 6.80926 16.251 7.03458 16.1704 7.24121C16.0898 7.44785 15.952 7.62722 15.7731 7.75833C15.5744 7.90741 15.3332 7.98916 15.0848 7.99166Z" fill="#EF5388" />
        <path d="M15.0848 7.99166C14.8943 7.9943 14.706 7.95024 14.5365 7.86333L13.9998 7.58333L13.4631 7.86333C13.2699 7.96492 13.0521 8.01028 12.8344 7.99423C12.6167 7.97818 12.4079 7.90138 12.2316 7.77256C12.0554 7.64373 11.9189 7.46805 11.8375 7.26548C11.7562 7.06291 11.7333 6.84159 11.7715 6.62666L11.8765 6.03166L11.4331 5.61166C11.2756 5.45947 11.1641 5.26602 11.1114 5.05343C11.0587 4.84085 11.0669 4.61772 11.1351 4.40958C11.2033 4.20143 11.3286 4.01668 11.4969 3.87646C11.6651 3.73623 11.8694 3.6462 12.0865 3.61666L12.6815 3.5L12.9498 2.95166C13.0453 2.75441 13.1945 2.58806 13.3802 2.47166C13.5659 2.35527 13.7806 2.29353 13.9998 2.29353C14.219 2.29353 14.4337 2.35527 14.6194 2.47166C14.8051 2.58806 14.9543 2.75441 15.0498 2.95166L15.3181 3.5L15.9131 3.58166C16.1302 3.6112 16.3345 3.70123 16.5027 3.84146C16.671 3.98168 16.7964 4.16643 16.8645 4.37458C16.9327 4.58272 16.9409 4.80585 16.8882 5.01843C16.8355 5.23102 16.724 5.42447 16.5665 5.57666L16.1231 5.99666L16.2281 6.59166C16.271 6.80926 16.251 7.03458 16.1704 7.24121C16.0898 7.44785 15.952 7.62722 15.7731 7.75833C15.5744 7.90741 15.3332 7.98916 15.0848 7.99166Z" fill="url(#paint1_linear_14133_4879)" fillOpacity="0.24" />
        <defs>
            <linearGradient id="paint0_linear_14133_4879" x1="14.0002" y1="10.5" x2="14.0002" y2="25.6667" gradientUnits="userSpaceOnUse">
                <stop stopColor="white" />
                <stop offset="1" stopColor="white" stopOpacity="0" />
            </linearGradient>
            <linearGradient id="paint1_linear_14133_4879" x1="13.9998" y1="2.29353" x2="13.9998" y2="7.99739" gradientUnits="userSpaceOnUse">
                <stop stopColor="white" />
                <stop offset="1" stopColor="white" stopOpacity="0" />
            </linearGradient>
        </defs>
    </svg>
)

export const Coin = ({ width = 54, height = 54, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
        <rect x="1.5" y="1.5" width="50.9997" height="51" rx="25.4999" fill="#FEF1F6" />
        <rect x="1.5" y="1.5" width="50.9997" height="51" rx="25.4999" stroke="white" strokeWidth="3" />
        <path d="M27.3629 42.8083C24.4472 42.8083 21.248 41.8236 18.5859 40.1065C15.4535 38.0861 13.1687 35.174 11.9787 31.6849C10.7224 28.2822 10.9935 23.9351 12.6876 20.3444C13.9236 17.7245 16.5 14.2171 21.7543 12.3853C23.9933 11.5937 26.1921 11.1921 28.2889 11.1921C32.9927 11.1921 36.3707 13.2023 38.3761 14.8885C40.9291 17.0352 42.4417 19.6144 43.0061 21.3122C45.7277 30.0419 41.3794 35.7421 39.3836 37.7877L39.3734 37.7974C35.4969 41.23 32.2575 41.9804 30.3221 42.4288C30.2105 42.4547 30.1028 42.4796 29.999 42.5041C29.1951 42.7057 28.3073 42.8083 27.3629 42.8083Z" fill="url(#paint0_linear_14133_4886)" />
        <path d="M14.0874 18.9175C14.0874 18.9175 7.88527 27.4457 15.4586 36.8953C15.4586 36.8953 16.5654 38.3233 18.5893 39.7121C22.2436 42.2199 29.1605 44.7619 35.7979 39.8662C35.7979 39.8662 41.3588 35.7526 41.435 28.592C41.435 28.592 42.5788 17.7217 33.0125 13.6003C33.0125 13.6003 20.3795 8.45161 14.0874 18.9175Z" fill="#C4550A" />
        <path d="M13.7509 18.859C13.7509 18.859 7.54884 27.3872 15.1222 36.8368C15.1222 36.8368 16.229 38.2648 18.2529 39.6536C21.9072 42.1613 28.8241 44.7034 35.4615 39.8077C35.4615 39.8077 41.0224 35.6941 41.0986 28.5335C41.0986 28.5335 42.2424 17.6632 32.6761 13.5418C32.6761 13.5418 20.0431 8.3931 13.7509 18.859Z" fill="url(#paint1_linear_14133_4886)" />
        <path d="M35.8064 28.4829C35.5059 34.2678 30.6739 38.0994 24.9879 38.0994C17.499 37.6605 14.8845 31.2374 14.7705 26.9053C14.7705 20.6696 18.5208 15.9413 25.8895 15.9365C33.509 15.9316 36.4826 22.6229 35.8064 28.4829Z" fill="#DE6A00" />
        <path d="M36.3776 29.2562C36.077 35.0411 31.245 38.8726 25.5591 38.8726C18.0702 38.4338 15.2471 32.5148 15.2471 27.2746C15.2471 21.0389 19.092 16.7145 26.4607 16.7098C34.08 16.7048 37.0537 23.3961 36.3776 29.2562Z" fill="#FFFF5F" />
        <path d="M36.283 28.8522C35.9825 34.637 31.1505 38.4686 25.4645 38.4686C17.9756 38.0297 15.2471 32.5147 15.2471 27.2745C15.2471 21.0388 18.9974 16.3105 26.3661 16.3057C33.9855 16.3009 36.9591 22.9922 36.283 28.8522Z" fill="#F8A002" />
        <path opacity="0.79" d="M26.6302 12.3005C26.6302 12.3005 19.9043 12.3045 14.7168 17.4336C14.7168 17.4336 18.3664 11.7114 26.6302 12.3005Z" fill="white" />
        <g opacity="0.8" filter="url(#filter0_f_14133_4886)">
            <path d="M13.8467 35.1186C13.8467 35.1186 16.9225 40.7795 24.762 42.3642C24.762 42.3642 20.6302 36.3843 13.8467 35.1186Z" fill="#FFFCD2" />
        </g>
        <g filter="url(#filter1_d_14133_4886)">
            <path d="M30.2305 22.0487C30.7068 22.3502 31 22.9078 31 23.5107V29.1562C31 29.7591 30.7068 30.3166 30.2305 30.6181L28.1748 31.9179C28.1046 31.7932 28.0141 31.6863 27.9053 31.6073L25.4277 29.8105C25.1631 29.6186 24.8369 29.6186 24.5723 29.8105L22.0947 31.6073C21.9857 31.6863 21.8944 31.793 21.8242 31.9179L19.7695 30.6181C19.2932 30.3166 19 29.7591 19 29.1562V23.5107C19 22.9078 19.2932 22.3502 19.7695 22.0487L21.667 20.8476V21.4628C21.667 21.8465 21.8301 22.2016 22.0947 22.3935L24.5723 24.1894C24.8369 24.3812 25.1631 24.3812 25.4277 24.1894L27.9053 22.3935C28.1699 22.2016 28.333 21.8465 28.333 21.4628V20.8476L30.2305 22.0487Z" fill="#FFDA37" />
        </g>
        <defs>
            <filter id="filter0_f_14133_4886" x="8.51335" y="29.7852" width="21.5822" height="17.9123" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
                <feFlood floodOpacity="0" result="BackgroundImageFix" />
                <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
                <feGaussianBlur stdDeviation="2.66667" result="effect1_foregroundBlur_14133_4886" />
            </filter>
            <filter id="filter1_d_14133_4886" x="19" y="20.8476" width="13.3333" height="12.4036" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
                <feFlood floodOpacity="0" result="BackgroundImageFix" />
                <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
                <feOffset dx="1.33333" dy="1.33333" />
                <feComposite in2="hardAlpha" operator="out" />
                <feColorMatrix type="matrix" values="0 0 0 0 0.913725 0 0 0 0 0.431373 0 0 0 0 0.00392157 0 0 0 1 0" />
                <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_14133_4886" />
                <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_14133_4886" result="shape" />
            </filter>
            <linearGradient id="paint0_linear_14133_4886" x1="19.7013" y1="13.9471" x2="35.5325" y2="39.701" gradientUnits="userSpaceOnUse">
                <stop stopColor="#F28500" />
                <stop offset="0.0488" stopColor="#F59B03" />
                <stop offset="0.1341" stopColor="#FBBB07" />
                <stop offset="0.2056" stopColor="#FECF0A" />
                <stop offset="0.2542" stopColor="#FFD60B" />
                <stop offset="0.3855" stopColor="#F9B306" />
                <stop offset="0.536" stopColor="#F49002" />
                <stop offset="0.6173" stopColor="#F28300" />
                <stop offset="0.8044" stopColor="#E86D00" />
                <stop offset="1" stopColor="#E05B00" />
            </linearGradient>
            <linearGradient id="paint1_linear_14133_4886" x1="21.1489" y1="14.1148" x2="32.1503" y2="41.5223" gradientUnits="userSpaceOnUse">
                <stop stopColor="#FFF90C" />
                <stop offset="0.1407" stopColor="#FEEA0A" />
                <stop offset="0.4976" stopColor="#FDCA05" />
                <stop offset="0.7968" stopColor="#FCB602" />
                <stop offset="1" stopColor="#FCAF01" />
            </linearGradient>
        </defs>
    </svg>
)

export const PremiumCoin = ({ width = 28, height = 28, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 27 28" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M14.137 23.8557C11.9502 23.8557 9.55083 23.1172 7.55422 21.8293C5.20494 20.3141 3.49135 18.13 2.59884 15.5132C1.65661 12.9611 1.85992 9.70079 3.13049 7.00778C4.05754 5.04282 5.98983 2.41225 9.93054 1.03844C11.6097 0.444705 13.2589 0.143555 14.8315 0.143555C18.3593 0.143555 20.8928 1.65118 22.3969 2.91585C24.3116 4.52584 25.4461 6.46023 25.8693 7.7336C27.9106 14.2809 24.6493 18.556 23.1525 20.0903L23.1449 20.0975C20.2375 22.672 17.8079 23.2348 16.3563 23.571C16.2727 23.5905 16.1919 23.6092 16.114 23.6275C15.5111 23.7787 14.8453 23.8557 14.137 23.8557Z" fill="url(#paint0_linear_14676_19728)" />
        <path d="M4.18051 5.93767C4.18051 5.93767 -0.471058 12.3338 5.20893 19.421C5.20893 19.421 6.03907 20.492 7.55698 21.5337C10.2977 23.4144 15.4854 25.321 20.4634 21.6492C20.4634 21.6492 24.6341 18.564 24.6912 13.1935C24.6912 13.1935 25.5491 5.04084 18.3744 1.94977C18.3744 1.94977 8.89963 -1.91173 4.18051 5.93767Z" fill="#C4550A" />
        <path d="M3.92807 5.89375C3.92807 5.89375 -0.7235 12.2899 4.95648 19.3771C4.95648 19.3771 5.78663 20.4481 7.30453 21.4897C10.0452 23.3705 15.2329 25.2771 20.211 21.6053C20.211 21.6053 24.3817 18.5201 24.4388 13.1496C24.4388 13.1496 25.2966 4.99692 18.1219 1.90585C18.1219 1.90585 8.64719 -1.95565 3.92807 5.89375Z" fill="url(#paint1_linear_14676_19728)" />
        <path d="M20.4699 13.112C20.2445 17.4507 16.6205 20.3243 12.356 20.3243C6.73933 19.9952 4.7784 15.1778 4.69293 11.9287C4.69293 7.252 7.50566 3.70575 13.0322 3.70215C18.7468 3.69848 20.977 8.71696 20.4699 13.112Z" fill="#DE6A00" />
        <path d="M20.8979 13.692C20.6725 18.0307 17.0485 20.9043 12.7841 20.9043C7.16738 20.5752 5.05005 16.1359 5.05005 12.2058C5.05005 7.52905 7.93371 4.28575 13.4602 4.28223C19.1748 4.27849 21.405 9.29696 20.8979 13.692Z" fill="#FFFF5F" />
        <path d="M20.827 13.3894C20.6016 17.728 16.9776 20.6017 12.7131 20.6017C7.09645 20.2725 5.05005 16.1362 5.05005 12.2061C5.05005 7.52934 7.86277 3.98309 13.3893 3.97949C19.1039 3.9759 21.3341 8.99437 20.827 13.3894Z" fill="#F8A002" />
        <path opacity="0.79" d="M13.5876 0.97527C13.5876 0.97527 8.54316 0.978291 4.65253 4.82511C4.65253 4.82511 7.38971 0.533473 13.5876 0.97527Z" fill="white" />
        <g opacity="0.8" filter="url(#filter0_f_14676_19728)">
            <path d="M4 18.0889C4 18.0889 6.30683 22.3345 12.1865 23.5231C12.1865 23.5231 9.08761 19.0381 4 18.0889Z" fill="#FFFCD2" />
        </g>
        <g filter="url(#filter1_d_14676_19728)">
            <path d="M16.2877 8.28613C16.645 8.51223 16.8649 8.93061 16.8649 9.38281V13.6172C16.8648 14.0692 16.6448 14.4868 16.2877 14.7129L14.7457 15.6875C14.6932 15.5944 14.6259 15.5141 14.5446 15.4551L12.6852 14.1074C12.4869 13.964 12.2428 13.964 12.0446 14.1074L10.1852 15.4551C10.1037 15.5142 10.0356 15.5942 9.98303 15.6875L8.44202 14.7129C8.08496 14.4868 7.86494 14.0692 7.86487 13.6172V9.38281C7.86487 8.93061 8.08475 8.51223 8.44202 8.28613L9.86487 7.38477V7.84668C9.86487 8.13437 9.98679 8.40101 10.1852 8.54492L12.0446 9.8916C12.243 10.0353 12.4868 10.0353 12.6852 9.8916L14.5446 8.54492C14.7429 8.40101 14.8649 8.13437 14.8649 7.84668V7.38477L16.2877 8.28613Z" fill="#FFDA37" />
        </g>
        <defs>
            <filter id="filter0_f_14676_19728" x="0" y="14.0889" width="16.1865" height="13.4346" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
                <feFlood floodOpacity="0" result="BackgroundImageFix" />
                <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
                <feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_14676_19728" />
            </filter>
            <filter id="filter1_d_14676_19728" x="7.86487" y="7.38477" width="10" height="9.30273" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
                <feFlood floodOpacity="0" result="BackgroundImageFix" />
                <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
                <feOffset dx="1" dy="1" />
                <feComposite in2="hardAlpha" operator="out" />
                <feColorMatrix type="matrix" values="0 0 0 0 0.913725 0 0 0 0 0.431373 0 0 0 0 0.00392157 0 0 0 1 0" />
                <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_14676_19728" />
                <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_14676_19728" result="shape" />
            </filter>
            <linearGradient id="paint0_linear_14676_19728" x1="8.39077" y1="2.20982" x2="20.2642" y2="21.5252" gradientUnits="userSpaceOnUse">
                <stop stopColor="#F28500" />
                <stop offset="0.0488" stopColor="#F59B03" />
                <stop offset="0.1341" stopColor="#FBBB07" />
                <stop offset="0.2056" stopColor="#FECF0A" />
                <stop offset="0.2542" stopColor="#FFD60B" />
                <stop offset="0.3855" stopColor="#F9B306" />
                <stop offset="0.536" stopColor="#F49002" />
                <stop offset="0.6173" stopColor="#F28300" />
                <stop offset="0.8044" stopColor="#E86D00" />
                <stop offset="1" stopColor="#E05B00" />
            </linearGradient>
            <linearGradient id="paint1_linear_14676_19728" x1="9.47652" y1="2.33561" x2="17.7276" y2="22.8912" gradientUnits="userSpaceOnUse">
                <stop stopColor="#FFF90C" />
                <stop offset="0.1407" stopColor="#FEEA0A" />
                <stop offset="0.4976" stopColor="#FDCA05" />
                <stop offset="0.7968" stopColor="#FCB602" />
                <stop offset="1" stopColor="#FCAF01" />
            </linearGradient>
        </defs>
    </svg>
)

export const FiftyFifty = ({ width = 24, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        < path d="M22 7.81V16.19C22 19.83 19.83 22 16.19 22H12.75V2H16.19C19.83 2 22 4.17 22 7.81Z" fill="#0C0C0C" />
        <path d="M11.25 2V22H7.81C4.17 22 2 19.83 2 16.19V7.81C2 4.17 4.17 2 7.81 2H11.25Z" fill="#0C0C0C" />
    </svg>
)
export const UserPoll = ({ width = 24, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M9 2C6.38 2 4.25 4.13 4.25 6.75C4.25 9.32 6.26 11.4 8.88 11.49C8.96 11.48 9.04 11.48 9.1 11.49C9.12 11.49 9.13 11.49 9.15 11.49C9.16 11.49 9.16 11.49 9.17 11.49C11.73 11.4 13.74 9.32 13.75 6.75C13.75 4.13 11.62 2 9 2Z" fill="#0C0C0C" />
        <path d="M14.0809 14.1489C11.2909 12.2889 6.74094 12.2889 3.93094 14.1489C2.66094 14.9989 1.96094 16.1489 1.96094 17.3789C1.96094 18.6089 2.66094 19.7489 3.92094 20.5889C5.32094 21.5289 7.16094 21.9989 9.00094 21.9989C10.8409 21.9989 12.6809 21.5289 14.0809 20.5889C15.3409 19.7389 16.0409 18.5989 16.0409 17.3589C16.0309 16.1289 15.3409 14.9889 14.0809 14.1489Z" fill="#0C0C0C" />
        <path d="M19.9894 7.33815C20.1494 9.27815 18.7694 10.9781 16.8594 11.2081C16.8494 11.2081 16.8494 11.2081 16.8394 11.2081H16.8094C16.7494 11.2081 16.6894 11.2081 16.6394 11.2281C15.6694 11.2781 14.7794 10.9681 14.1094 10.3981C15.1394 9.47815 15.7294 8.09815 15.6094 6.59815C15.5394 5.78815 15.2594 5.04815 14.8394 4.41815C15.2194 4.22815 15.6594 4.10815 16.1094 4.06815C18.0694 3.89815 19.8194 5.35815 19.9894 7.33815Z" fill="#0C0C0C" />
        <path d="M21.9883 16.5904C21.9083 17.5604 21.2883 18.4004 20.2483 18.9704C19.2483 19.5204 17.9883 19.7804 16.7383 19.7504C17.4583 19.1004 17.8783 18.2904 17.9583 17.4304C18.0583 16.1904 17.4683 15.0004 16.2883 14.0504C15.6183 13.5204 14.8383 13.1004 13.9883 12.7904C16.1983 12.1504 18.9783 12.5804 20.6883 13.9604C21.6083 14.7004 22.0783 15.6304 21.9883 16.5904Z" fill="#0C0C0C" />
    </svg>

)
export const ResetTimer = ({ width = 28, height = 28, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
        <path d="M12 4.64844C16.7799 4.64844 20.6698 8.54829 20.6699 13.3281C20.6699 18.1081 16.78 21.998 12 21.998C7.22002 21.998 3.33008 18.0983 3.33008 13.3184C3.3301 8.53845 7.22004 4.64849 12 4.64844ZM11.8301 8.14453C11.5852 7.92964 11.2064 7.96035 10.9932 8.19824L9.67383 9.66406C9.66593 9.67174 9.6661 9.67982 9.6582 9.6875C9.65044 9.69504 9.64253 9.70195 9.63477 9.70215C9.61107 9.73285 9.61052 9.76408 9.59473 9.78711C9.58683 9.80625 9.57722 9.82358 9.56934 9.84082L9.54199 9.94824C9.54002 9.96552 9.54004 9.98276 9.54004 10.002C9.53214 10.0403 9.53223 10.071 9.53223 10.1094C9.53223 10.1477 9.54776 10.1784 9.55566 10.2168C9.5714 10.2474 9.57903 10.2858 9.59473 10.3164C9.61842 10.3548 9.64232 10.3785 9.66602 10.4092C9.68956 10.4322 9.69805 10.4622 9.72168 10.4775C9.72957 10.4852 9.73723 10.4855 9.74512 10.4932L9.76074 10.5088L11.293 11.6064C11.3956 11.6755 11.5222 11.7139 11.6406 11.7139C11.8222 11.7139 12.0036 11.629 12.1221 11.4756C12.3195 11.2147 12.2566 10.8542 11.9961 10.6699L11.5537 10.3555C11.7038 10.3401 11.846 10.3242 11.9961 10.3242C13.8443 10.3242 15.3525 11.7908 15.3525 13.5869C15.3523 15.3828 13.8441 16.8486 11.9961 16.8486C10.148 16.8486 8.63989 15.3828 8.63965 13.5869C8.63965 12.9422 8.83696 12.3126 9.2002 11.7754C9.38975 11.5144 9.31053 11.1531 9.04199 10.9766C8.77352 10.8002 8.40237 10.8693 8.2207 11.1377C7.71521 11.8592 7.4541 12.7119 7.4541 13.5869C7.45434 16.0199 9.49249 18 11.9961 18C14.4998 18 16.5459 16.0269 16.5459 13.5938C16.5457 11.1607 14.5075 9.18066 12.0039 9.18066C11.8854 9.18067 11.7746 9.19643 11.6641 9.2041L11.8857 8.95801C12.0988 8.72006 12.0749 8.35173 11.8301 8.14453Z" fill="#0C0C0C" />
        <path d="M14.8906 3.45H9.11062C8.71062 3.45 8.39062 3.13 8.39062 2.73C8.39062 2.33 8.71062 2 9.11062 2H14.8906C15.2906 2 15.6106 2.32 15.6106 2.72C15.6106 3.12 15.2906 3.45 14.8906 3.45Z" fill="#0C0C0C" />
    </svg>


)
export const Skip = ({ width = 24, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={`${className} rtl:rotate-180`} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M3.01155 7.21957V16.7896C3.01155 18.7496 5.14154 19.9796 6.84155 18.9996L10.9915 16.6096L15.1415 14.2096C16.8415 13.2296 16.8415 10.7796 15.1415 9.79957L10.9915 7.39957L6.84155 5.00957C5.14154 4.02957 3.01155 5.24957 3.01155 7.21957Z" fill="#0C0C0C" />
        <path d="M19.4907 18.9303C19.9007 18.9303 20.2407 18.5903 20.2407 18.1803V5.82031C20.2407 5.41031 19.9007 5.07031 19.4907 5.07031C19.0807 5.07031 18.7407 5.41031 18.7407 5.82031V18.1803C18.7407 18.5903 19.0807 18.9303 19.4907 18.9303Z" fill="#0C0C0C" />
    </svg>
)


export const Lock = ({ width = 24, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M12.0011 17.3498C12.9013 17.3498 13.6311 16.6201 13.6311 15.7198C13.6311 14.8196 12.9013 14.0898 12.0011 14.0898C11.1009 14.0898 10.3711 14.8196 10.3711 15.7198C10.3711 16.6201 11.1009 17.3498 12.0011 17.3498Z" fill="#9E9E9E" />
        <path d="M18.28 9.53V8.28C18.28 5.58 17.63 2 12 2C6.37 2 5.72 5.58 5.72 8.28V9.53C2.92 9.88 2 11.3 2 14.79V16.65C2 20.75 3.25 22 7.35 22H16.65C20.75 22 22 20.75 22 16.65V14.79C22 11.3 21.08 9.88 18.28 9.53ZM12 18.74C10.33 18.74 8.98 17.38 8.98 15.72C8.98 14.05 10.34 12.7 12 12.7C13.66 12.7 15.02 14.06 15.02 15.72C15.02 17.39 13.67 18.74 12 18.74ZM7.35 9.44C7.27 9.44 7.2 9.44 7.12 9.44V8.28C7.12 5.35 7.95 3.4 12 3.4C16.05 3.4 16.88 5.35 16.88 8.28V9.45C16.8 9.45 16.73 9.45 16.65 9.45H7.35V9.44Z" fill="#9E9E9E" />
    </svg>
);

export const User = ({ width = 24, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
        <path d="M12 12C14.21 12 16 10.21 16 8C16 5.79 14.21 4 12 4C9.79 4 8 5.79 8 8C8 10.21 9.79 12 12 12Z" fill="currentColor" />
        <path d="M12 14.5C7.86 14.5 4.5 16.86 4.5 19.14C4.5 19.61 4.86 20 5.36 20H18.64C19.14 20 19.5 19.63 19.5 19.14C19.5 16.86 16.14 14.5 12 14.5Z" fill="currentColor" />
    </svg>
)

export const Camera = ({ width = 24, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M8.53 3.5H15.47C15.83 3.5 16.15 3.71 16.3 4.03L17.06 5.69C17.28 6.18 17.77 6.5 18.31 6.5H19C20.66 6.5 22 7.84 22 9.5V17.5C22 19.16 20.66 20.5 19 20.5H5C3.34 20.5 2 19.16 2 17.5V9.5C2 7.84 3.34 6.5 5 6.5H5.69C6.23 6.5 6.72 6.18 6.94 5.69L7.7 4.03C7.85 3.71 8.17 3.5 8.53 3.5Z" fill="white" />
        <path d="M12 17C14.21 17 16 15.21 16 13C16 10.79 14.21 9 12 9C9.79 9 8 10.79 8 13C8 15.21 9.79 17 12 17Z" fill="#9E9E9E" />
    </svg>
)

export const Copy = ({ width = 24, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M16 12.9V17.1C16 20.6 14.6 22 11.1 22H6.9C3.4 22 2 20.6 2 17.1V12.9C2 9.4 3.4 8 6.9 8H11.1C14.6 8 16 9.4 16 12.9Z" fill="#EF5388" />
        <path d="M17.0998 2H12.8998C9.8167 2 8.37076 3.09409 8.06953 5.73901C8.00651 6.29235 8.46478 6.75 9.02169 6.75H11.0998C15.2998 6.75 17.2498 8.7 17.2498 12.9V14.9781C17.2498 15.535 17.7074 15.9933 18.2608 15.9303C20.9057 15.629 21.9998 14.1831 21.9998 11.1V6.9C21.9998 3.4 20.5998 2 17.0998 2Z" fill="#EF5388" />
    </svg>

)

export const Share = ({ width = 24, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={`${className} rtl:rotate-270`} viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M13.4493 2.46621L5.92437 4.96621C0.866032 6.65788 0.866032 9.41624 5.92437 11.0996L8.1577 11.8412L8.89933 14.0746C10.5827 19.1329 13.3493 19.1329 15.0327 14.0746L17.541 6.55788C18.6577 3.18288 16.8243 1.34121 13.4493 2.46621ZM13.716 6.94955L10.5493 10.1329C10.4243 10.2579 10.266 10.3162 10.1077 10.3162C9.94933 10.3162 9.791 10.2579 9.666 10.1329C9.42433 9.89124 9.42433 9.49124 9.666 9.24957L12.8327 6.06621C13.0743 5.82455 13.4743 5.82455 13.716 6.06621C13.9577 6.30788 13.9577 6.70788 13.716 6.94955Z" fill="#0C0C0C" />
    </svg>

)

export const Eye = ({ width = 24, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M21.25 9.14969C18.94 5.51969 15.56 3.42969 12 3.42969C10.22 3.42969 8.49 3.94969 6.91 4.91969C5.33 5.89969 3.91 7.32969 2.75 9.14969C1.75 10.7197 1.75 13.2697 2.75 14.8397C5.06 18.4797 8.44 20.5597 12 20.5597C13.78 20.5597 15.51 20.0397 17.09 19.0697C18.67 18.0897 20.09 16.6597 21.25 14.8397C22.25 13.2797 22.25 10.7197 21.25 9.14969ZM12 16.0397C9.76 16.0397 7.96 14.2297 7.96 11.9997C7.96 9.76969 9.76 7.95969 12 7.95969C14.24 7.95969 16.04 9.76969 16.04 11.9997C16.04 14.2297 14.24 16.0397 12 16.0397Z" fill="#9E9E9E" />
        <path d="M11.9984 9.14062C10.4284 9.14062 9.14844 10.4206 9.14844 12.0006C9.14844 13.5706 10.4284 14.8506 11.9984 14.8506C13.5684 14.8506 14.8584 13.5706 14.8584 12.0006C14.8584 10.4306 13.5684 9.14062 11.9984 9.14062Z" fill="#9E9E9E" />
    </svg>
)

export const EyeOff = ({ width = 24, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M3 3L21 21" stroke="#9E9E9E" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M10.58 10.587C10.2151 10.9526 10.0083 11.4485 10.0083 11.9657C10.0083 12.4829 10.2151 12.9788 10.58 13.3444C10.9449 13.7101 11.4402 13.9161 11.9568 13.9161C12.4734 13.9161 12.9687 13.7101 13.3336 13.3444" stroke="#9E9E9E" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M7.362 7.372C5.68 8.522 4.28 10.152 3.25 11.997C4.98 15.075 8.24 17.577 12 17.577C13.492 17.577 14.912 17.187 16.184 16.5" stroke="#9E9E9E" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
        <path d="M9.88 5.51C10.573 5.334 11.284 5.243 12 5.243C15.76 5.243 19.02 7.745 20.75 10.823C20.264 11.686 19.68 12.49 19.02 13.213" stroke="#9E9E9E" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
    </svg>
)

export const Profile1 = ({ width = 100, height = 100, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g clipPath="url(#clip0_13560_54151)">
            <rect width="100" height="100" rx="50" fill="white" />
            <path d="M48.8468 77.8881C65.0318 77.8881 78.1524 64.7675 78.1524 48.5824C78.1524 32.3974 65.0318 19.2768 48.8468 19.2768C32.6617 19.2768 19.5411 32.3974 19.5411 48.5824C19.5411 64.7675 32.6617 77.8881 48.8468 77.8881Z" fill="#F9C3D5" />
            <path d="M75.9546 24.1688C75.4399 24.1752 74.9348 24.2199 74.4409 24.2974C74.4664 23.9754 74.48 23.6509 74.476 23.3216C74.4065 17.5097 69.6376 12.8543 63.8257 12.9238C61.4257 12.9526 59.2246 13.7846 57.4703 15.1584C55.5642 12.2661 52.273 10.3727 48.5519 10.4175C44.8307 10.4622 41.5867 12.4339 39.7501 15.3718C37.9631 14.0403 35.7429 13.2627 33.3428 13.2914C27.5309 13.361 22.8755 18.1299 22.945 23.9418C22.949 24.2711 22.9698 24.5955 23.0034 24.9168C22.507 24.8513 22.0011 24.8185 21.4864 24.8249C15.6745 24.8945 11.0191 29.6634 11.0887 35.4753C11.1582 41.2872 15.9271 45.9426 21.739 45.8731C27.5517 45.8027 32.2063 41.0346 32.1368 35.2227C32.1328 34.8934 32.112 34.5689 32.0785 34.2477C32.5748 34.3132 33.0807 34.346 33.5954 34.3396C37.3165 34.2948 40.5605 32.3232 42.3971 29.3852C44.1842 30.7167 46.4044 31.4944 48.8044 31.4664C51.2045 31.4376 53.4055 30.6057 55.1598 29.2318C57.0659 32.1242 60.3571 34.0175 64.0783 33.9727C64.5929 33.9663 65.098 33.9216 65.5928 33.8441C65.5672 34.1662 65.5536 34.4914 65.5576 34.8199C65.6279 40.6318 70.396 45.2872 76.2079 45.2177C82.0206 45.1482 86.6753 40.3793 86.6057 34.5674C86.5354 28.7539 81.7665 24.0984 75.9546 24.1688Z" fill="black" />
            <path d="M38.0806 42.6443C38.2955 43.6833 36.5373 44.926 34.1524 45.4199C31.7676 45.9139 29.66 45.4727 29.445 44.4337C29.23 43.3948 30.9883 42.152 33.3732 41.658C35.7572 41.1633 37.8648 41.6053 38.0806 42.6443Z" fill="black" />
            <path d="M68.2526 44.4338C68.4675 43.3948 66.7093 42.152 64.3244 41.6581C61.9395 41.1641 59.832 41.6053 59.617 42.6443C59.402 43.6833 61.1603 44.9261 63.5452 45.42C65.9292 45.9139 68.0376 45.4719 68.2526 44.4338Z" fill="black" />
            <path d="M48.8468 60.9759C47.0693 60.9759 45.6235 59.7771 45.6235 58.3041C45.6235 56.8303 47.0693 55.6315 48.8468 55.6315C50.6234 55.6315 52.07 56.8303 52.07 58.3041C52.07 59.7771 50.6234 60.9759 48.8468 60.9759ZM48.8468 57.0917C47.8909 57.0917 47.0837 57.6471 47.0837 58.3041C47.0837 58.9611 47.8909 59.5165 48.8468 59.5165C49.8026 59.5165 50.6098 58.9611 50.6098 58.3041C50.6098 57.6463 49.8026 57.0917 48.8468 57.0917Z" fill="black" />
            <path d="M48.8468 65.6097C45.2903 65.6097 42.3971 62.7165 42.3971 59.16C42.3971 58.7572 42.724 58.4304 43.1268 58.4304C43.5296 58.4304 43.8565 58.7572 43.8565 59.16C43.8565 61.9117 46.0951 64.1495 48.8468 64.1495C51.5985 64.1495 53.8371 61.9109 53.8371 59.16C53.8371 58.7572 54.164 58.4304 54.5668 58.4304C54.9696 58.4304 55.2964 58.7572 55.2964 59.16C55.2964 62.7165 52.4025 65.6097 48.8468 65.6097Z" fill="black" />
            <path d="M34.0373 60.7857C30.2243 60.7857 27.1217 57.6831 27.1217 53.8709C27.1217 53.468 27.4486 53.1412 27.8514 53.1412C28.2542 53.1412 28.5811 53.468 28.5811 53.8709C28.5811 56.8791 31.0283 59.3263 34.0373 59.3263C37.0456 59.3263 39.4928 56.8791 39.4928 53.8709C39.4928 53.468 39.8197 53.1412 40.2225 53.1412C40.6253 53.1412 40.9521 53.468 40.9521 53.8709C40.9529 57.6839 37.8504 60.7857 34.0373 60.7857Z" fill="black" />
            <path d="M63.9153 60.7857C60.1022 60.7857 56.9996 57.6831 56.9996 53.8709C56.9996 53.468 57.3265 53.1412 57.7293 53.1412C58.1321 53.1412 58.459 53.468 58.459 53.8709C58.459 56.8791 60.9062 59.3263 63.9153 59.3263C66.9235 59.3263 69.3707 56.8791 69.3707 53.8709C69.3707 53.468 69.6976 53.1412 70.1004 53.1412C70.5032 53.1412 70.8301 53.468 70.8301 53.8709C70.8309 57.6839 67.7283 60.7857 63.9153 60.7857Z" fill="black" />
            <path d="M82.3153 58.294C86.3296 57.3505 88.819 53.3314 87.8755 49.317C86.9321 45.3027 82.9129 42.8133 78.8986 43.7568C74.8843 44.7002 72.3949 48.7194 73.3383 52.7337C74.2818 56.748 78.3009 59.2375 82.3153 58.294Z" fill="#F9C3D5" />
            <path d="M79.5135 55.3446C79.3696 55.3446 79.2242 55.3023 79.0971 55.2135C78.1404 54.5478 77.5003 53.5496 77.2941 52.4019C77.0879 51.2542 77.342 50.0962 78.0078 49.1387C78.6735 48.1821 79.6717 47.5419 80.8194 47.3357C81.9655 47.1303 83.126 47.3836 84.0826 48.0494C84.4135 48.2796 84.495 48.7343 84.2648 49.0652C84.0347 49.3961 83.5799 49.4776 83.249 49.2474C82.6121 48.8046 81.8416 48.636 81.0776 48.7727C80.3135 48.9101 79.6494 49.3361 79.2058 49.9731C78.763 50.6101 78.5944 51.3813 78.7311 52.1446C78.8685 52.9086 79.2945 53.5728 79.9315 54.0155C80.2624 54.2457 80.3439 54.7004 80.1137 55.0313C79.9707 55.2351 79.7437 55.3446 79.5135 55.3446Z" fill="black" />
            <path d="M24.4641 52.1835C25.1227 48.1126 22.3568 44.2787 18.2864 43.6202C14.2159 42.9617 10.3823 45.728 9.72378 49.7989C9.06523 53.8698 11.8311 57.7037 15.9015 58.3621C19.972 59.0206 23.8056 56.2543 24.4641 52.1835Z" fill="#F9C3D5" />
            <path d="M18.1801 55.3447C17.9492 55.3447 17.7222 55.2352 17.5807 55.0314C17.3505 54.7005 17.4321 54.2457 17.7629 54.0156C18.3999 53.572 18.8259 52.9078 18.9634 52.1446C19.1008 51.3805 18.9314 50.6093 18.4886 49.9731C18.0451 49.3362 17.3809 48.9102 16.6169 48.7727C15.8536 48.6352 15.0816 48.8039 14.4446 49.2474C14.1145 49.4768 13.659 49.3961 13.4288 49.0652C13.1986 48.7343 13.2801 48.2796 13.611 48.0494C14.5677 47.3837 15.7265 47.1311 16.8742 47.3357C18.0219 47.5419 19.0201 48.1821 19.6858 49.1388C20.3516 50.0954 20.605 51.2543 20.3996 52.402C20.1934 53.5496 19.5532 54.5478 18.5965 55.2136C18.4694 55.3023 18.324 55.3447 18.1801 55.3447Z" fill="black" />
            <path d="M18.75 112.5C18.75 108.396 19.5583 104.333 21.1288 100.541C22.6992 96.7497 25.0011 93.3047 27.9029 90.4029C30.8048 87.5011 34.2497 85.1992 38.0412 83.6288C41.8326 82.0583 45.8962 81.25 50 81.25C54.1038 81.25 58.1674 82.0583 61.9589 83.6288C65.7503 85.1992 69.1953 87.5011 72.0971 90.4029C74.9989 93.3048 77.3008 96.7497 78.8712 100.541C80.4417 104.333 81.25 108.396 81.25 112.5L50 112.5L18.75 112.5Z" fill="#C88C00" />
            <path d="M18.75 112.5C18.75 108.396 19.5583 104.333 21.1288 100.541C22.6992 96.7497 25.0011 93.3047 27.9029 90.4029C30.8048 87.5011 34.2497 85.1992 38.0412 83.6288C41.8326 82.0583 45.8962 81.25 50 81.25C54.1038 81.25 58.1674 82.0583 61.9589 83.6288C65.7503 85.1992 69.1953 87.5011 72.0971 90.4029C74.9989 93.3048 77.3008 96.7497 78.8712 100.541C80.4417 104.333 81.25 108.396 81.25 112.5L50 112.5L18.75 112.5Z" fill="url(#paint0_linear_13560_54151)" />
        </g>
        <defs>
            <linearGradient id="paint0_linear_13560_54151" x1="34.4509" y1="81.25" x2="63.5417" y2="105.208" gradientUnits="userSpaceOnUse">
                <stop stopColor="white" stopOpacity="0.39" />
                <stop offset="1" stopColor="white" stopOpacity="0" />
            </linearGradient>
            <clipPath id="clip0_13560_54151">
                <rect width="100" height="100" rx="50" fill="white" />
            </clipPath>
        </defs>
    </svg>

)
export const Profile2 = ({ width = 100, height = 100, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 112 112" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g clipPath="url(#clip0_14367_1907)">
            <rect width="111.176" height="111.176" rx="55.5882" fill="white" />
            <path d="M21.2626 53.327C21.2626 71.6986 36.1635 86.5929 54.5384 86.5929C72.9166 86.5929 87.8142 71.6986 87.8142 53.327C87.8142 34.9555 72.9166 20.0645 54.5384 20.0645C36.1635 20.0645 21.2626 34.9555 21.2626 53.327Z" fill="#F9C3D5" />
            <path d="M64.6708 46.5884C64.4279 47.7664 66.4244 49.1773 69.1331 49.7363C71.8384 50.2987 74.2342 49.7962 74.4772 48.6182C74.7201 47.4403 72.7235 46.0294 70.0182 45.467C67.3095 44.908 64.917 45.4071 64.6708 46.5884Z" fill="#151719" />
            <path d="M34.6028 48.6183C34.3566 47.4403 36.3531 46.0294 39.0618 45.4671C41.7704 44.908 44.163 45.4072 44.4059 46.5885C44.6521 47.7664 42.6556 49.1773 39.9469 49.7364C37.2383 50.2987 34.8457 49.7963 34.6028 48.6183Z" fill="#151719" />
            <path d="M76.4372 64.5509C76.3573 64.6241 76.2774 64.6884 76.1976 64.7439C76.2142 63.0302 67.3795 56.5647 64.3314 58.9971C64.3381 56.9673 65.1866 54.9574 66.8371 53.5199C69.8852 50.8712 74.5038 51.1906 77.1526 54.2387C79.8047 57.2834 79.4819 61.9021 76.4372 64.5509Z" fill="white" />
            <path d="M76.1976 64.7439C73.1495 67.1764 68.6972 66.7937 66.1216 63.8321C64.9071 62.4379 64.3148 60.7142 64.3314 58.9972C67.3795 56.5647 71.8318 56.9474 74.4073 59.9122C75.6219 61.3032 76.2142 63.0302 76.1976 64.7439Z" fill="#151719" />
            <path d="M42.2531 64.5509C42.1732 64.6241 42.0934 64.6884 42.0135 64.7439C42.0301 63.0302 33.1987 56.5647 30.1473 58.9971C30.1573 56.9673 31.0059 54.9574 32.6563 53.5199C35.7044 50.8712 40.3231 51.1906 42.9718 54.2387C45.6239 57.2834 45.3012 61.9021 42.2531 64.5509Z" fill="white" />
            <path d="M42.0133 64.7439C38.9653 67.1764 34.513 66.7937 31.9374 63.8321C30.7262 62.4379 30.1306 60.7142 30.1472 58.9972C33.1986 56.5647 37.6476 56.9474 40.2231 59.9122C41.4377 61.3032 42.03 63.0302 42.0133 64.7439Z" fill="#151719" />
            <path fillRule="evenodd" clipRule="evenodd" d="M54.5385 67.1763C52.6418 67.1763 51.1011 65.9152 51.1011 64.3612C51.1011 62.8105 52.6418 61.5494 54.5385 61.5494C56.4352 61.5494 57.9792 62.8105 57.9792 64.3612C57.9792 65.9152 56.4352 67.1763 54.5385 67.1763ZM54.5385 62.7673C53.3339 62.7673 52.3156 63.496 52.3156 64.3612C52.3156 65.2297 53.3339 65.9584 54.5385 65.9584C55.7431 65.9584 56.7613 65.2297 56.7613 64.3612C56.7613 63.496 55.7431 62.7673 54.5385 62.7673Z" fill="#151719" />
            <path d="M47.8667 69.0097C47.0115 69.0097 46.3926 69.8017 46.5623 70.6402C47.3177 74.3538 50.602 77.149 54.5385 77.149C58.4784 77.149 61.7627 74.3538 62.5181 70.6402C62.6878 69.8017 62.0688 69.0097 61.2136 69.0097H47.8667Z" fill="white" />
            <path d="M88.9323 49.8695C84.2936 50.8345 77.4188 47.9695 71.7021 42.2527C70.0283 40.5756 68.6008 38.8053 67.4394 37.0184C65.0136 40.3127 60.1487 42.5655 54.5384 42.5655C48.9281 42.5655 44.0632 40.3127 41.6374 37.0184C40.4794 38.8053 39.0518 40.5756 37.378 42.2527C31.6613 47.9695 24.7865 50.8345 20.1478 49.8695C21.8848 32.4097 36.6194 18.7766 54.5384 18.7766C72.4574 18.7766 87.1953 32.4097 88.9323 49.8695Z" fill="#151719" />
            <path d="M91.3182 50.5217C87.6778 30.9655 70.9035 17.0795 52.299 18.2242C35.2418 19.2724 21.0397 32.5528 17.762 50.5184L15.8486 50.1723C17.5058 41.0947 22.0512 32.7191 28.6532 26.5831C35.2285 20.4703 43.5874 16.81 52.1792 16.2809C61.5729 15.7052 70.9301 18.8198 78.527 25.0491C86.1604 31.3149 91.3814 40.2328 93.2282 50.169L91.3182 50.5217Z" fill="#151719" />
            <path d="M90.3532 47.6C90.3532 47.2672 90.0803 46.9944 89.7442 46.9944C89.4081 46.9944 89.1353 47.2673 89.1386 47.6033C89.1619 58.4945 87.1287 69.3158 85.4283 71.0162C84.3435 72.101 76.7167 72.4737 70.9633 72.487C70.5973 71.3523 69.2097 70.5038 67.5492 70.5038C65.6059 70.5038 64.032 71.6584 64.032 73.0793C64.032 74.5002 65.6059 75.6549 67.5492 75.6549C69.1964 75.6549 70.574 74.823 70.9534 73.7016C75.5454 73.7016 84.673 73.4886 86.2868 71.8747C88.4764 69.6852 90.3764 58.3414 90.3532 47.6Z" fill="#151719" />
            <path d="M88.7095 66.5672H92.1136C98.3595 66.5672 103.424 61.5026 103.424 55.2567C103.424 49.0109 98.3595 43.9463 92.1136 43.9463H88.7095V66.5672Z" fill="#151719" />
            <path d="M88.6396 67.6122C90.1935 67.6122 91.4514 66.3543 91.4514 64.8004V45.7134C91.4514 44.1594 90.1935 42.9016 88.6396 42.9016C87.0856 42.9016 85.8278 44.1594 85.8278 45.7134V64.8004C85.8278 66.3543 87.0856 67.6122 88.6396 67.6122Z" fill="#5375EF" />
            <path d="M20.3675 66.5672H16.9667C10.7175 66.5672 5.65625 61.5026 5.65625 55.2567C5.65625 49.0109 10.7175 43.9463 16.9667 43.9463H20.3675V66.5672Z" fill="#151719" />
            <path d="M20.4406 67.6122C18.8866 67.6122 17.6255 66.3543 17.6255 64.8004V45.7134C17.6255 44.1594 18.8866 42.9016 20.4373 42.9016C21.9913 42.9016 23.2524 44.1594 23.2524 45.7134V64.8004C23.2524 66.3543 21.9913 67.6122 20.4406 67.6122Z" fill="#5375EF" />
            <path d="M21.2573 125.074C21.2573 120.511 22.156 115.993 23.902 111.778C25.6479 107.563 28.2071 103.733 31.4332 100.507C34.6594 97.2806 38.4894 94.7215 42.7045 92.9755C46.9197 91.2295 51.4375 90.3309 56 90.3309C60.5625 90.3309 65.0803 91.2295 69.2954 92.9755C73.5106 94.7215 77.3406 97.2806 80.5667 100.507C83.7929 103.733 86.352 107.563 88.098 111.778C89.844 115.993 90.7426 120.511 90.7426 125.074L56 125.074L21.2573 125.074Z" fill="#0088DD" />
            <path d="M21.2573 125.074C21.2573 120.511 22.156 115.993 23.902 111.778C25.6479 107.563 28.2071 103.733 31.4332 100.507C34.6594 97.2806 38.4894 94.7215 42.7045 92.9755C46.9197 91.2295 51.4375 90.3309 56 90.3309C60.5625 90.3309 65.0803 91.2295 69.2954 92.9755C73.5106 94.7215 77.3406 97.2806 80.5667 100.507C83.7929 103.733 86.352 107.563 88.098 111.778C89.844 115.993 90.7426 120.511 90.7426 125.074L56 125.074L21.2573 125.074Z" fill="url(#paint0_linear_14367_1907)" />
        </g>
        <defs>
            <linearGradient id="paint0_linear_14367_1907" x1="38.713" y1="90.3309" x2="71.0551" y2="116.967" gradientUnits="userSpaceOnUse">
                <stop stopColor="white" stopOpacity="0.39" />
                <stop offset="1" stopColor="white" stopOpacity="0" />
            </linearGradient>
            <clipPath id="clip0_14367_1907">
                <rect width="111.176" height="111.176" rx="55.5882" fill="white" />
            </clipPath>
        </defs>
    </svg>
)
export const Profile3 = ({ width = 100, height = 100, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g clipPath="url(#clip0_13560_54153)">
            <rect width="100" height="100" rx="50" fill="white" />
            <path d="M80.5481 44.311C80.5481 61.7048 66.4476 75.8045 49.0546 75.8045C31.6617 75.8045 17.5612 61.7048 17.5612 44.311C17.5612 26.9181 31.6609 14.8286 49.0546 14.8286C66.4484 14.8286 80.5481 26.9181 80.5481 44.311Z" fill="#F9C3D5" />
            <path d="M71.6953 22.1042C70.3864 20.7509 68.9563 19.5115 67.4196 18.4086C62.7189 15.0265 57.0446 12.9088 50.8984 12.5541C50.29 12.5194 49.6719 12.5 49.0538 12.5C48.4358 12.5 47.8209 12.5186 47.2125 12.5541C41.0664 12.9088 35.3921 15.0233 30.6913 18.4086C29.1538 19.5115 27.7245 20.7509 26.4124 22.1042C21.8223 26.8558 18.7101 33.0432 17.8221 39.9278C21.4232 40.0926 25.4679 38.5042 28.6504 35.3224C31.3539 32.6182 32.9076 29.2935 33.2114 26.1456C35.3444 26.6183 37.7157 26.6401 40.1307 26.1206C43.9443 25.2997 47.101 23.2838 49.0571 20.7315C51.0099 23.283 54.1666 25.2989 57.9802 26.1206C60.396 26.6401 62.7665 26.6183 64.8996 26.1456C65.2042 29.2902 66.7571 32.615 69.4613 35.3224C72.6439 38.505 76.6885 40.0926 80.2896 39.9278C79.4016 33.0432 76.2886 26.8558 71.6953 22.1042Z" fill="#151719" />
            <path d="M39.465 37.9291C39.6961 39.0457 37.8063 40.3813 35.2434 40.9121C32.6806 41.4429 30.4158 40.9687 30.1848 39.8521C29.9537 38.7355 31.8435 37.3999 34.4064 36.8691C36.9692 36.3382 39.2339 36.8133 39.465 37.9291Z" fill="#151719" />
            <path d="M67.9254 39.8518C68.1565 38.7352 66.2667 37.3996 63.7038 36.8688C61.141 36.3379 58.8763 36.8122 58.6452 37.9288C58.4141 39.0454 60.304 40.381 62.8668 40.9118C65.4289 41.4426 67.6944 40.9684 67.9254 39.8518Z" fill="#151719" />
            <path d="M58.8973 52.5021C57.3541 49.006 58.9385 44.9194 62.4354 43.3762C64.3324 42.5391 66.3952 42.6248 68.1379 43.4351C69.6149 44.1106 70.8559 45.3145 71.5612 46.9142C73.0616 50.3149 71.596 54.2804 68.2874 55.9125C68.205 55.9601 68.1193 55.9981 68.0232 56.0401C64.5263 57.5825 60.4397 55.9981 58.8973 52.5021Z" fill="white" />
            <path d="M64.864 52.4325C63.3636 49.0318 64.8293 45.0663 68.1379 43.4351C69.6148 44.1105 70.8558 45.3144 71.5612 46.9141C73.0616 50.3148 71.5959 54.2803 68.2873 55.9124C66.8104 55.2361 65.5693 54.0323 64.864 52.4325Z" fill="#151719" />
            <path d="M26.5433 52.5021C25.0001 49.006 26.5845 44.9194 30.0813 43.3762C31.9784 42.5391 34.0411 42.6248 35.7839 43.4351C37.2609 44.1106 38.5019 45.3145 39.2072 46.9142C40.7076 50.3149 39.242 54.2804 35.9334 55.9125C35.851 55.9601 35.7653 55.9981 35.6692 56.0401C32.1731 57.5825 28.0865 55.9981 26.5433 52.5021Z" fill="white" />
            <path d="M32.5101 52.4325C31.0097 49.0318 32.4754 45.0663 35.784 43.4351C37.2609 44.1105 38.5019 45.3144 39.2073 46.9141C40.7077 50.3148 39.242 54.2803 35.9334 55.9124C34.4565 55.2361 33.2163 54.0323 32.5101 52.4325Z" fill="#151719" />
            <path d="M49.0546 57.6383C47.1405 57.6383 45.5828 56.3464 45.5828 54.7587C45.5828 53.1711 47.1405 51.8784 49.0546 51.8784C50.9686 51.8784 52.5264 53.1703 52.5264 54.7587C52.5264 56.3464 50.9694 57.6383 49.0546 57.6383ZM49.0546 53.4628C48.0317 53.4628 47.168 54.0558 47.168 54.7579C47.168 55.46 48.0317 56.0531 49.0546 56.0531C50.0774 56.0531 50.9411 55.46 50.9411 54.7579C50.942 54.0566 50.0774 53.4628 49.0546 53.4628Z" fill="#151719" />
            <path d="M55.3713 59.1581C56.1808 59.1581 56.7666 59.9079 56.6058 60.7005C55.8916 64.2167 52.7826 66.8628 49.0554 66.8628C45.3283 66.8628 42.2193 64.2167 41.5051 60.7005C41.3443 59.9071 41.93 59.1581 42.7396 59.1581H55.3713Z" fill="white" />
            <path d="M84.4724 54.8261C88.8458 54.114 91.8139 49.9914 91.1019 45.618C90.3898 41.2446 86.2672 38.2765 81.8938 38.9886C77.5204 39.7007 74.5523 43.8232 75.2644 48.1966C75.9765 52.57 80.099 55.5381 84.4724 54.8261Z" fill="#F9C3D5" />
            <path d="M82.0104 51.5858C81.8537 51.5858 81.6961 51.5397 81.5588 51.4436C80.5286 50.7269 79.8394 49.6515 79.6173 48.417C79.3959 47.1816 79.6682 45.9341 80.3848 44.904C81.1015 43.8738 82.1769 43.1846 83.4115 42.9624C84.646 42.7419 85.8943 43.0133 86.9245 43.7308C87.284 43.9805 87.3721 44.4749 87.1224 44.8337C86.8727 45.1924 86.3783 45.2813 86.0195 45.0316C85.3368 44.5566 84.5111 44.3764 83.6918 44.5226C82.8733 44.6697 82.1607 45.1262 81.6856 45.8089C81.2106 46.4916 81.0304 47.3182 81.1766 48.1366C81.3237 48.9551 81.7802 49.6677 82.4629 50.1428C82.8224 50.3924 82.9105 50.8869 82.6608 51.2456C82.5073 51.4678 82.2609 51.5858 82.0104 51.5858Z" fill="#151719" />
            <path d="M22.8499 48.2064C23.562 43.833 20.5939 39.7104 16.2205 38.9984C11.8471 38.2863 7.72451 41.2544 7.01245 45.6278C6.30039 50.0012 9.26849 54.1238 13.6419 54.8359C18.0153 55.5479 22.1379 52.5798 22.8499 48.2064Z" fill="#F9C3D5" />
            <path d="M16.0996 51.5859C15.8491 51.5859 15.6027 51.4671 15.4484 51.2457C15.1987 50.887 15.2868 50.3925 15.6463 50.1428C16.329 49.6678 16.7855 48.9551 16.9326 48.1367C17.0796 47.3182 16.8987 46.4917 16.4236 45.8089C15.4427 44.3999 13.4987 44.0516 12.0897 45.0317C11.7309 45.2821 11.2365 45.1933 10.9868 44.8337C10.7371 44.4742 10.8252 43.9805 11.1848 43.7309C13.3113 42.2515 16.245 42.7775 17.7244 44.904C18.441 45.9342 18.7133 47.1817 18.492 48.417C18.2706 49.6524 17.5806 50.727 16.5504 51.4436C16.4139 51.5398 16.2555 51.5859 16.0996 51.5859Z" fill="#151719" />
            <path d="M18.75 112.5C18.75 108.396 19.5583 104.333 21.1288 100.541C22.6992 96.7497 25.0011 93.3047 27.9029 90.4029C30.8048 87.5011 34.2497 85.1992 38.0412 83.6288C41.8326 82.0583 45.8962 81.25 50 81.25C54.1038 81.25 58.1674 82.0583 61.9589 83.6288C65.7503 85.1992 69.1953 87.5011 72.0971 90.4029C74.9989 93.3048 77.3008 96.7497 78.8712 100.541C80.4417 104.333 81.25 108.396 81.25 112.5L50 112.5L18.75 112.5Z" fill="#EF5388" />
            <path d="M18.75 112.5C18.75 108.396 19.5583 104.333 21.1288 100.541C22.6992 96.7497 25.0011 93.3047 27.9029 90.4029C30.8048 87.5011 34.2497 85.1992 38.0412 83.6288C41.8326 82.0583 45.8962 81.25 50 81.25C54.1038 81.25 58.1674 82.0583 61.9589 83.6288C65.7503 85.1992 69.1953 87.5011 72.0971 90.4029C74.9989 93.3048 77.3008 96.7497 78.8712 100.541C80.4417 104.333 81.25 108.396 81.25 112.5L50 112.5L18.75 112.5Z" fill="url(#paint0_linear_13560_54153)" />
        </g>
        <defs>
            <linearGradient id="paint0_linear_13560_54153" x1="34.4509" y1="81.25" x2="63.5417" y2="105.208" gradientUnits="userSpaceOnUse">
                <stop stopColor="white" stopOpacity="0.39" />
                <stop offset="1" stopColor="white" stopOpacity="0" />
            </linearGradient>
            <clipPath id="clip0_13560_54153">
                <rect width="100" height="100" rx="50" fill="white" />
            </clipPath>
        </defs>
    </svg>
)

export const LightFlash = ({ width = 81, height = 113, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 81 113" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M68.5579 37.818L54.5963 40.8571L76.0871 1.81121C72.2331 1.20755 68.3792 0.603668 64.5252 0L17.7444 20.9932L0 63.7499C3.85404 64.3535 7.70786 64.9574 11.5619 65.5611L25.8986 61.8968L8.06562 110.541L19.6275 112.352L80.12 39.629L68.5579 37.818Z" fill="#BC7232" />
        <path d="M68.5581 37.8178L40.3283 43.9627L64.5252 0L17.7444 20.9932L0 63.7497L27.8266 56.6378L8.06563 110.541L68.5581 37.8178Z" fill="#F1B81A" />
        <g opacity="0.47">
            <path d="M37.8255 74.7649L43.6337 67.7826L9.61917 40.5742L5.99609 49.3044L18.2298 59.0901L27.828 56.6369L24.9561 64.4705L37.8255 74.7649Z" fill="#FFF8A3" />
            <path d="M48.7681 42.1252L40.3287 43.9623L43.6104 37.9995L20.6946 19.6689L17.7447 20.9928L12.8721 32.734L48.8488 61.5122L58.4998 49.9097L48.7681 42.1252Z" fill="#FFF8A3" />
            <path d="M52.1155 5.56836L46.9502 7.88633L56.1393 15.2368L58.6041 10.7587L52.1155 5.56836Z" fill="#FFF8A3" />
        </g>
    </svg>

)
export const Chat = ({ width = 32, height = 32, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M22.6665 2.66699H9.33317C5.65317 2.66699 2.6665 5.64033 2.6665 9.30699V17.2803V18.6137C2.6665 22.2803 5.65317 25.2537 9.33317 25.2537H11.3332C11.6932 25.2537 12.1732 25.4937 12.3998 25.787L14.3998 28.4403C15.2798 29.6137 16.7198 29.6137 17.5998 28.4403L19.5998 25.787C19.8532 25.4537 20.2532 25.2537 20.6665 25.2537H22.6665C26.3465 25.2537 29.3332 22.2803 29.3332 18.6137V9.30699C29.3332 5.64033 26.3465 2.66699 22.6665 2.66699ZM10.6665 16.0003C9.91984 16.0003 9.33317 15.4003 9.33317 14.667C9.33317 13.9337 9.93317 13.3337 10.6665 13.3337C11.3998 13.3337 11.9998 13.9337 11.9998 14.667C11.9998 15.4003 11.4132 16.0003 10.6665 16.0003ZM15.9998 16.0003C15.2532 16.0003 14.6665 15.4003 14.6665 14.667C14.6665 13.9337 15.2665 13.3337 15.9998 13.3337C16.7332 13.3337 17.3332 13.9337 17.3332 14.667C17.3332 15.4003 16.7465 16.0003 15.9998 16.0003ZM21.3332 16.0003C20.5865 16.0003 19.9998 15.4003 19.9998 14.667C19.9998 13.9337 20.5998 13.3337 21.3332 13.3337C22.0665 13.3337 22.6665 13.9337 22.6665 14.667C22.6665 15.4003 22.0798 16.0003 21.3332 16.0003Z" fill="#0C0C0C" />
    </svg>
)

export const Timer = ({ width = 31, height = 31, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g clipPath="url(#clip0_14494_19135)">
            <g clipPath="url(#clip1_14494_19135)">
                <path d="M5.69141 3.44824H25.1845V4.09743C25.1845 6.35182 24.2493 8.52262 22.5666 10.173L18.6571 14.0081C17.84 14.8094 17.84 16.0504 18.6571 16.8517L22.5666 20.6868C24.2493 22.3372 25.1845 24.508 25.1845 26.7624V27.4115H5.69141V26.7624C5.69141 24.508 6.62693 22.3372 8.30936 20.6868L12.2191 16.8517C13.0359 16.0504 13.0359 14.8094 12.2191 14.0081L8.30936 10.173C6.62669 8.52262 5.69141 6.35182 5.69141 4.09743V3.44824Z" fill="url(#paint0_linear_14494_19135)" />
                <path d="M24.3341 3.44824H6.54297V4.09743C6.54297 6.35182 7.39678 8.52262 8.93252 10.173L12.5006 14.0081C13.2461 14.8094 13.2461 16.0504 12.5006 16.8517L8.93252 20.6868C7.39678 22.3372 6.54297 24.508 6.54297 26.7624V27.4115H24.3341V26.7624C24.3341 24.508 23.4803 22.3372 21.9446 20.6868L18.3765 16.8517C17.631 16.0504 17.631 14.8094 18.3765 14.0081L21.9446 10.173C23.4803 8.52262 24.3341 6.35182 24.3341 4.09743V3.44824Z" fill="url(#paint1_linear_14494_19135)" />
                <path d="M18.3765 14.0081L21.9446 10.173C23.4803 8.52262 24.3341 6.35182 24.3341 4.09743V3.44824H6.54297V4.09743L17.8187 15.3729C17.8319 14.8815 18.0177 14.3938 18.3765 14.0081Z" fill="url(#paint2_linear_14494_19135)" />
                <path d="M17.4899 17.6758C16.3182 16.4162 16.3182 14.443 17.4899 13.1835L18.6804 11.9039C18.8379 11.7346 18.8134 11.4662 18.6279 11.3282L17.9726 10.8405C16.4684 9.72112 14.408 9.72112 12.9041 10.8405L12.2485 11.3282C12.063 11.4662 12.0387 11.7346 12.196 11.9039L13.3866 13.1835C14.5585 14.443 14.5585 16.4162 13.3866 17.6758L9.81826 21.5109C8.61454 22.8045 7.89965 25.2692 7.77344 27.0178H23.1032C22.9768 25.2692 22.2619 22.8045 21.0582 21.5109L17.4899 17.6758Z" fill="url(#paint3_linear_14494_19135)" />
                <path d="M25.6375 4.33729H5.24037C4.90906 4.33729 4.64062 4.06885 4.64062 3.73754V0.597789C4.64062 0.266483 4.90906 -0.00195312 5.24037 -0.00195312H25.6375C25.9685 -0.00195312 26.237 0.266483 26.237 0.597789V3.73754C26.237 4.06885 25.9685 4.33729 25.6375 4.33729Z" fill="url(#paint4_linear_14494_19135)" />
                <path d="M25.6375 30.8617H5.24037C4.90906 30.8617 4.64062 30.5933 4.64062 30.262V27.1222C4.64062 26.7909 4.90906 26.5225 5.24037 26.5225H25.6375C25.9685 26.5225 26.237 26.7911 26.237 27.1222V30.262C26.237 30.5933 25.9685 30.8617 25.6375 30.8617Z" fill="url(#paint5_linear_14494_19135)" />
            </g>
        </g>
        <defs>
            <linearGradient id="paint0_linear_14494_19135" x1="28.0136" y1="10.2895" x2="1.60789" y2="21.0831" gradientUnits="userSpaceOnUse">
                <stop stopColor="#FF4974" />
                <stop offset="0.3262" stopColor="#FE4672" />
                <stop offset="0.5324" stopColor="#FB3E6C" />
                <stop offset="0.7054" stopColor="#F52F60" />
                <stop offset="0.8591" stopColor="#EE1A51" />
                <stop offset="1" stopColor="#E4003D" />
            </linearGradient>
            <linearGradient id="paint1_linear_14494_19135" x1="3.59388" y1="10.5883" x2="28.465" y2="20.7546" gradientUnits="userSpaceOnUse">
                <stop stopColor="#FF4974" />
                <stop offset="0.3262" stopColor="#FE4672" />
                <stop offset="0.5324" stopColor="#FB3E6C" />
                <stop offset="0.7054" stopColor="#F52F60" />
                <stop offset="0.8591" stopColor="#EE1A51" />
                <stop offset="1" stopColor="#E4003D" />
            </linearGradient>
            <linearGradient id="paint2_linear_14494_19135" x1="18.0017" y1="10.1806" x2="13.6445" y2="-0.71242" gradientUnits="userSpaceOnUse">
                <stop stopColor="#E4003D" stopOpacity="0" />
                <stop offset="0.5838" stopColor="#BD294B" stopOpacity="0.584314" />
                <stop offset="1" stopColor="#A64153" />
            </linearGradient>
            <linearGradient id="paint3_linear_14494_19135" x1="6.03226" y1="18.5094" x2="23.4273" y2="18.5094" gradientUnits="userSpaceOnUse">
                <stop stopColor="#FFD00D" />
                <stop offset="0.332" stopColor="#FFC010" />
                <stop offset="0.9779" stopColor="#FF9717" />
                <stop offset="1" stopColor="#FF9517" />
            </linearGradient>
            <linearGradient id="paint4_linear_14494_19135" x1="15.4389" y1="0.591474" x2="15.4389" y2="4.24513" gradientUnits="userSpaceOnUse">
                <stop stopColor="#445EA0" />
                <stop offset="0.3216" stopColor="#415A9B" />
                <stop offset="0.6926" stopColor="#364D8D" />
                <stop offset="1" stopColor="#2A3D7C" />
            </linearGradient>
            <linearGradient id="paint5_linear_14494_19135" x1="15.4389" y1="27.1159" x2="15.4389" y2="30.7696" gradientUnits="userSpaceOnUse">
                <stop stopColor="#445EA0" />
                <stop offset="0.3216" stopColor="#415A9B" />
                <stop offset="0.6926" stopColor="#364D8D" />
                <stop offset="1" stopColor="#2A3D7C" />
            </linearGradient>
            <clipPath id="clip0_14494_19135">
                <rect width="30.8571" height="30.8571" fill="white" />
            </clipPath>
            <clipPath id="clip1_14494_19135">
                <rect width="30.8635" height="30.8635" fill="white" transform="translate(-0.00195312 -0.00195312)" />
            </clipPath>
        </defs>
    </svg>

)

export const Hint = ({ width = 24, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M19.2107 6.36148C18.1707 4.26148 16.1607 2.71148 13.8307 2.20148C11.3907 1.66148 8.8907 2.24148 6.9807 3.78148C5.0607 5.31148 3.9707 7.60148 3.9707 10.0515C3.9707 12.6415 5.5207 15.3515 7.8607 16.9215V17.7515C7.8507 18.0315 7.8407 18.4615 8.1807 18.8115C8.5307 19.1715 9.0507 19.2115 9.4607 19.2115H14.5907C15.1307 19.2115 15.5407 19.0615 15.8207 18.7815C16.2007 18.3915 16.1907 17.8915 16.1807 17.6215V16.9215C19.2807 14.8315 21.2307 10.4215 19.2107 6.36148Z" fill="#F59E0B" />
        <path d="M15.2592 21.9984C15.1992 21.9984 15.1292 21.9884 15.0692 21.9684C13.0592 21.3984 10.9492 21.3984 8.93918 21.9684C8.56918 22.0684 8.17918 21.8584 8.07918 21.4884C7.96918 21.1184 8.18918 20.7284 8.55918 20.6284C10.8192 19.9884 13.1992 19.9884 15.4592 20.6284C15.8292 20.7384 16.0492 21.1184 15.9392 21.4884C15.8392 21.7984 15.5592 21.9984 15.2592 21.9984Z" fill="#F59E0B" />
    </svg>
)

export const Erase = ({ width = 24, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M21.0302 22H13.9902C13.5702 22 13.2402 21.66 13.2402 21.25C13.2402 20.84 13.5802 20.5 13.9902 20.5H21.0302C21.4502 20.5 21.7802 20.84 21.7802 21.25C21.7802 21.66 21.4502 22 21.0302 22Z" fill="#3B82F6" />
        <path d="M13.64 16.6894C14.03 17.0794 14.03 17.7094 13.64 18.1094L10.66 21.0894C9.55 22.1994 7.77 22.2594 6.59 21.2694C6.52 21.2094 6.46 21.1494 6.4 21.0894L5.53 20.2194L3.74 18.4294L2.88 17.5694C2.81 17.4994 2.75 17.4294 2.69 17.3594C1.71 16.1794 1.78 14.4194 2.88 13.3194L5.86 10.3394C6.25 9.94937 6.88 9.94937 7.27 10.3394L13.64 16.6894Z" fill="#3B82F6" />
        <path d="M21.1194 10.6414L16.1194 15.6414C15.7294 16.0314 15.0994 16.0314 14.7094 15.6414L8.33937 9.29141C7.94938 8.90141 7.94938 8.27141 8.33937 7.87141L13.3394 2.88141C14.5094 1.71141 16.4294 1.71141 17.5994 2.88141L21.1194 6.39141C22.2894 7.56141 22.2894 9.47141 21.1194 10.6414Z" fill="#3B82F6" />
    </svg>
)
export const Play = ({ width = 24, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
        <path d="M21.4086 9.35258C23.5305 10.5065 23.5305 13.4935 21.4086 14.6474L8.59662 21.6145C6.53435 22.736 4 21.2763 4 18.9671V5.0329C4 2.72368 6.53435 1.26402 8.59661 2.38548L21.4086 9.35258Z" />
    </svg>
)
export const Date = ({ width = 24, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
        <path d="M7.75082 2.5C7.75082 2.08579 7.41503 1.75 7.00082 1.75C6.58661 1.75 6.25082 2.08579 6.25082 2.5V4.07926C4.81149 4.19451 3.86659 4.47737 3.17239 5.17157C2.47819 5.86577 2.19533 6.81067 2.08008 8.25H21.9215C21.8063 6.81067 21.5234 5.86577 20.8292 5.17157C20.135 4.47737 19.1901 4.19451 17.7508 4.07926V2.5C17.7508 2.08579 17.415 1.75 17.0008 1.75C16.5866 1.75 16.2508 2.08579 16.2508 2.5V4.0129C15.5855 4 14.8398 4 14.0008 4H10.0008C9.16179 4 8.41609 4 7.75082 4.0129V2.5Z" fill="#EF5388" />
        <path fillRule="evenodd" clipRule="evenodd" d="M22 12V14C22 17.7712 22 19.6569 20.8284 20.8284C19.6569 22 17.7712 22 14 22H10C6.22876 22 4.34315 22 3.17157 20.8284C2 19.6569 2 17.7712 2 14V12C2 11.161 2 10.4153 2.0129 9.75H21.9871C22 10.4153 22 11.161 22 12ZM16.5 18C17.3284 18 18 17.3284 18 16.5C18 15.6716 17.3284 15 16.5 15C15.6716 15 15 15.6716 15 16.5C15 17.3284 15.6716 18 16.5 18Z" fill="#EF5388" />
    </svg>
)
export const Reward = ({ width = 32, height = 32, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 32 32" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
        <path d="M26.6666 15.9993V23.9993C26.6666 26.946 24.28 29.3327 21.3333 29.3327H10.6666C7.71998 29.3327 5.33331 26.946 5.33331 23.9993V15.9993C5.33331 15.266 5.93331 14.666 6.66665 14.666H9.29331C10.0266 14.666 10.6266 15.266 10.6266 15.9993V20.186C10.6266 21.1727 11.1733 22.0793 12.04 22.546C12.4266 22.7593 12.8533 22.866 13.2933 22.866C13.8 22.866 14.3066 22.7193 14.7466 22.426L16.0133 21.5993L17.1866 22.386C18 22.9327 19.04 22.9993 19.9066 22.5327C20.7866 22.066 21.3333 21.1727 21.3333 20.1727V15.9993C21.3333 15.266 21.9333 14.666 22.6666 14.666H25.3333C26.0666 14.666 26.6666 15.266 26.6666 15.9993Z" fill="#3B82F6" />
        <path d="M28.6666 9.33268V10.666C28.6666 12.1327 27.96 13.3327 26 13.3327H5.99998C3.95998 13.3327 3.33331 12.1327 3.33331 10.666V9.33268C3.33331 7.86602 3.95998 6.66602 5.99998 6.66602H26C27.96 6.66602 28.6666 7.86602 28.6666 9.33268Z" fill="#3B82F6" />
        <path d="M15.5184 6.66854H8.15841C7.70508 6.17521 7.71841 5.41521 8.19841 4.93521L10.0917 3.04188C10.5851 2.54854 11.3984 2.54854 11.8917 3.04188L15.5184 6.66854Z" fill="#3B82F6" />
        <path d="M23.8288 6.66854H16.4688L20.0955 3.04188C20.5888 2.54854 21.4021 2.54854 21.8955 3.04188L23.7888 4.93521C24.2688 5.41521 24.2821 6.17521 23.8288 6.66854Z" fill="#3B82F6" />
        <path d="M18.6285 14.666C19.3619 14.666 19.9619 15.266 19.9619 15.9993V20.1727C19.9619 21.2393 18.7752 21.8793 17.8952 21.2793L16.6952 20.4793C16.2552 20.186 15.6819 20.186 15.2285 20.4793L13.9752 21.306C13.0952 21.8927 11.9219 21.2527 11.9219 20.1993V15.9993C11.9219 15.266 12.5219 14.666 13.2552 14.666H18.6285Z" fill="#3B82F6" />
    </svg>
)
export const Wallet = ({ width = 24, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
        <path d="M21.4499 13.6406V14.6406C21.4499 14.9106 21.2399 15.1306 20.9599 15.1406H19.4999C18.9699 15.1406 18.4899 14.7506 18.4499 14.2306C18.4199 13.9206 18.5399 13.6306 18.7399 13.4306C18.9199 13.2406 19.1699 13.1406 19.4399 13.1406H20.9499C21.2399 13.1506 21.4499 13.3706 21.4499 13.6406Z" fill="currentColor" />
        <path d="M17.9892 12.6906C17.4892 13.1806 17.2492 13.9106 17.4492 14.6706C17.7092 15.6006 18.6192 16.1906 19.5792 16.1906H20.4492C20.9992 16.1906 21.4492 16.6406 21.4492 17.1906V17.3806C21.4492 19.4506 19.7592 21.1406 17.6892 21.1406H6.20922C4.13922 21.1406 2.44922 19.4506 2.44922 17.3806V10.6506C2.44922 9.42063 3.03922 8.33063 3.94922 7.65063C4.57922 7.17063 5.35922 6.89062 6.20922 6.89062H17.6892C19.7592 6.89062 21.4492 8.58063 21.4492 10.6506V11.0906C21.4492 11.6406 20.9992 12.0906 20.4492 12.0906H19.4292C18.8692 12.0906 18.3592 12.3106 17.9892 12.6906Z" fill="currentColor" />
        <path d="M16.1991 4.82C16.4691 5.09 16.2391 5.51 15.8591 5.51L8.17908 5.5C7.73908 5.5 7.50908 4.96 7.82908 4.65L9.44908 3.02C10.8191 1.66 13.0391 1.66 14.4091 3.02L16.1591 4.79C16.1691 4.8 16.1891 4.81 16.1991 4.82Z" fill="currentColor" />
    </svg>

)
export const EliteWinner = ({ width = 96, height = 110, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 96 110" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M39.992 4.62965C44.9465 1.76533 51.0535 1.76533 56.008 4.62965L88.008 23.1297C92.9539 25.989 96 31.2685 96 36.9814V73.0186C96 78.7315 92.9539 84.011 88.008 86.8703L56.0081 105.37C51.0535 108.235 44.9465 108.235 39.992 105.37L7.99196 86.8703C3.04607 84.011 0 78.7315 0 73.0186V36.9814C0 31.2685 3.04607 25.989 7.99195 23.1297L39.992 4.62965Z" fill="#F5578C" />
        <path d="M39.992 4.62965C44.9465 1.76533 51.0535 1.76533 56.008 4.62965L88.008 23.1297C92.9539 25.989 96 31.2685 96 36.9814V73.0186C96 78.7315 92.9539 84.011 88.008 86.8703L56.0081 105.37C51.0535 108.235 44.9465 108.235 39.992 105.37L7.99196 86.8703C3.04607 84.011 0 78.7315 0 73.0186V36.9814C0 31.2685 3.04607 25.989 7.99195 23.1297L39.992 4.62965Z" fill="url(#paint0_linear_12603_161107)" fillOpacity="0.24" />
        <g filter="url(#filter0_i_12603_161107)">
            <path d="M41.9776 12.4943C45.7018 10.3335 50.2982 10.3335 54.0224 12.4944L82.0224 28.7407C85.7226 30.8877 88 34.8421 88 39.1201V70.8799C88 75.1579 85.7226 79.1123 82.0224 81.2593L54.0224 97.5056C50.2982 99.6665 45.7018 99.6665 41.9776 97.5056L13.9776 81.2593C10.2774 79.1123 8 75.1579 8 70.8799V39.1201C8 34.8421 10.2774 30.8877 13.9776 28.7407L41.9776 12.4943Z" fill="url(#paint1_linear_12603_161107)" />
        </g>
        <g clipPath="url(#clip0_12603_161107)">
            <path d="M75.9593 53.0648L49.9333 23.1973L47.9997 27.6059L46.0661 23.1973L20.04 53.0648L23.8976 54.9984L20.04 56.932L46.0661 86.7996L47.9997 82.391L49.9333 86.7996L75.9593 56.932L72.1018 54.9984L75.9593 53.0648Z" fill="#F5578C" />
            <path d="M75.9593 53.0648L49.9333 23.1973L47.9997 27.6059L46.0661 23.1973L20.04 53.0648L23.8976 54.9984L20.04 56.932L46.0661 86.7996L47.9997 82.391L49.9333 86.7996L75.9593 56.932L72.1018 54.9984L75.9593 53.0648Z" fill="url(#paint2_linear_12603_161107)" fillOpacity="0.24" />
            <path d="M76.5399 56.2761L75.9597 56.9337H60.5297L49.9336 69.038V86.8013L49.4696 87.3425C49.083 87.7681 48.5414 88.0001 48 88.0001C47.4586 88.0001 46.9171 87.7681 46.5305 87.3425L46.0664 86.8013V69.038L35.4703 56.9337H20.0403L19.4601 56.2761C18.8414 55.5416 18.8414 54.4587 19.4601 53.7239L20.0404 53.0665H35.4705L46.0666 40.9622V23.1989L46.5306 22.6575C47.2654 21.8069 48.7349 21.8069 49.4697 22.6575L49.9338 23.1989V40.9622L60.5298 53.0665H75.9599L76.5401 53.7238C77.1585 54.4587 77.1585 55.5415 76.5399 56.2761Z" fill="url(#paint3_linear_12603_161107)" />
        </g>
        <defs>
            <filter id="filter0_i_12603_161107" x="8" y="7.87305" width="80" height="91.2539" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
                <feFlood floodOpacity="0" result="BackgroundImageFix" />
                <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
                <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
                <feOffset dy="-3" />
                <feGaussianBlur stdDeviation="6" />
                <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
                <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.86 0" />
                <feBlend mode="normal" in2="shape" result="effect1_innerShadow_12603_161107" />
            </filter>
            <linearGradient id="paint0_linear_12603_161107" x1="48" y1="0" x2="48" y2="110" gradientUnits="userSpaceOnUse">
                <stop stopColor="white" stopOpacity="0" />
                <stop offset="1" stopColor="white" />
            </linearGradient>
            <linearGradient id="paint1_linear_12603_161107" x1="48" y1="9" x2="48" y2="101" gradientUnits="userSpaceOnUse">
                <stop stopColor="white" />
                <stop offset="1" stopColor="white" stopOpacity="0.7" />
            </linearGradient>
            <linearGradient id="paint2_linear_12603_161107" x1="47.9997" y1="23.1973" x2="47.9997" y2="86.7996" gradientUnits="userSpaceOnUse">
                <stop stopColor="white" stopOpacity="0" />
                <stop offset="1" stopColor="white" />
            </linearGradient>
            <linearGradient id="paint3_linear_12603_161107" x1="48" y1="22.0195" x2="48" y2="88.0001" gradientUnits="userSpaceOnUse">
                <stop stopColor="white" />
                <stop offset="1" stopColor="white" stopOpacity="0.7" />
            </linearGradient>
            <clipPath id="clip0_12603_161107">
                <rect width="66" height="66" fill="white" transform="translate(15 22)" />
            </clipPath>
        </defs>
    </svg>
)

export const BhimUpi = ({ width = 17, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 17 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M10.7853 0.000892639L16.7615 11.8858L4.19873 23.7676L10.7853 0.000892639Z" fill="#27803B" />
        <path d="M6.59616 0.000892639L12.5679 11.8858L0 23.7676L6.59616 0.000892639Z" fill="#E9661C" />
    </svg>
)
export const Paypal = ({ width = 32, height = 32, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M25.9452 10.1578L9.81092 27.7633H3.89311C3.48215 27.7633 3.15339 27.3523 3.23558 26.9414L7.18078 1.95505C7.26298 1.37971 7.75613 0.96875 8.33147 0.96875H18.3589C25.263 1.21533 27.1534 4.74957 25.9205 10.1742L25.9452 10.1578Z" fill="#002C8A" />
        <path d="M26.208 8.53125C28.6738 9.84632 29.2491 12.3121 28.4272 15.5997C27.3587 20.4491 24.1532 22.5039 19.4683 22.586L18.1532 22.6682C17.6601 22.6682 17.3313 22.997 17.2491 23.4902L16.1806 29.9833C16.0984 30.5586 15.6053 30.9696 15.0299 30.9696H10.0984C9.68748 30.9696 9.35871 30.5586 9.4409 30.1477L11.2491 18.3943C11.3313 17.9833 26.208 8.53125 26.208 8.53125Z" fill="#009BE1" />
        <path d="M11.1504 18.9694L12.7942 8.53106C12.8481 8.28385 12.982 8.06131 13.1752 7.89787C13.3684 7.73443 13.61 7.63921 13.8627 7.62695H21.7531C23.6435 7.62695 25.0408 7.95572 26.1915 8.53106C25.7805 12.1475 24.0545 17.9831 15.6709 18.1475H12.0545C11.6435 18.1475 11.2326 18.4763 11.1504 18.9694Z" fill="#001F6B" />
    </svg>
)
export const Paytm = ({ width = 40, height = 30, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 32 11" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g clipPath="url(#clip0_12603_23877)">
            <path d="M31.8843 2.96602C31.594 2.13602 30.8029 1.53999 29.8737 1.53999H29.8543C29.2502 1.53999 28.7058 1.79141 28.3183 2.19501C27.9301 1.79141 27.3857 1.53999 26.7823 1.53999H26.7628C26.2319 1.53999 25.7465 1.73442 25.3737 2.05623V1.89265C25.361 1.72973 25.2269 1.60167 25.0613 1.60167H23.6359C23.4616 1.60167 23.3208 1.74247 23.3208 1.91745V9.6577C23.3208 9.83268 23.4616 9.97347 23.6359 9.97347H25.0613C25.2202 9.97347 25.3509 9.8548 25.3717 9.70127L25.371 4.14466C25.371 4.12521 25.3717 4.10711 25.3737 4.08901C25.3965 3.84095 25.5782 3.63713 25.8651 3.61166H25.9181H26.0676H26.1279C26.2479 3.62238 26.3492 3.66462 26.429 3.72831C26.553 3.82687 26.6221 3.97839 26.6221 4.14466L26.6274 9.67379C26.6274 9.84877 26.7689 9.99023 26.9425 9.99023H28.3679C28.5362 9.99023 28.6729 9.85615 28.681 9.68921L28.6803 4.13728C28.6796 3.95492 28.7641 3.78999 28.9123 3.69211C28.9854 3.64518 29.0732 3.61367 29.1744 3.60428H29.2274H29.3769H29.4372C29.7456 3.6311 29.932 3.86508 29.9314 4.13728L29.9367 9.65904C29.9367 9.83402 30.0782 9.97481 30.2518 9.97481H31.6772C31.8508 9.97481 31.9923 9.83402 31.9923 9.65904V3.72027C31.9923 3.31532 31.9467 3.14302 31.8843 2.96602Z" fill="#54C1F0" />
            <path d="M22.2349 1.62185H21.4196V0.301078C21.4196 0.299737 21.4196 0.298396 21.4196 0.297055C21.4196 0.138161 21.2909 0.00943661 21.132 0.00943661C21.1132 0.00943661 21.0951 0.0121174 21.0777 0.0154705C20.174 0.263534 20.355 1.51525 18.705 1.62185H18.6681H18.5448C18.5206 1.62185 18.4979 1.6252 18.4757 1.62989C18.3349 1.6614 18.229 1.78678 18.229 1.93695V3.36231C18.229 3.53596 18.3705 3.67742 18.5448 3.67742H19.405L19.4036 9.72145C19.4036 9.89375 19.5431 10.0332 19.7154 10.0332H21.1246C21.2963 10.0332 21.4357 9.89375 21.4357 9.72145L21.4364 3.67742H22.2349C22.4085 3.67742 22.55 3.53596 22.55 3.36231V1.93695C22.55 1.76331 22.4085 1.62185 22.2349 1.62185Z" fill="#54C1F0" />
            <path d="M17.1066 1.62345H15.6813C15.5076 1.62345 15.3668 1.76491 15.3668 1.93856V4.88582C15.3635 5.06818 15.216 5.21433 15.033 5.21433H14.4363C14.2512 5.21433 14.1017 5.06549 14.1017 4.88045L14.0963 1.93856C14.0963 1.76491 13.9549 1.62345 13.7812 1.62345H12.3559C12.1816 1.62345 12.0408 1.76491 12.0408 1.93856V5.16874C12.0408 6.39565 12.9157 7.27058 14.1433 7.27058C14.1433 7.27058 15.0645 7.27058 15.0926 7.27594C15.2589 7.29471 15.3883 7.43416 15.3883 7.6058C15.3883 7.77542 15.2616 7.9142 15.0973 7.93498C15.0893 7.93632 15.0819 7.93833 15.0732 7.93968L12.9888 7.94705C12.8145 7.94705 12.6737 8.08851 12.6737 8.26216V9.68685C12.6737 9.86116 12.8145 10.002 12.9888 10.002H15.3192C16.5475 10.002 17.4217 9.1277 17.4217 7.90012V1.93856C17.4217 1.76491 17.2809 1.62345 17.1066 1.62345Z" fill="#233266" />
            <path d="M3.31023 4.23444V4.89952V5.11406C3.31023 5.29843 3.16072 5.44861 2.97635 5.44861L2.07192 5.44928V3.68669H2.97635C3.16072 3.68669 3.31023 3.83553 3.31023 4.02057V4.23444ZM3.4356 1.6224H0.32006C0.149097 1.6224 0.0109863 1.76118 0.0109863 1.93147V3.328C0.0109863 3.33068 0.0116567 3.33336 0.0116567 3.33605C0.0116567 3.34275 0.0109863 3.34946 0.0109863 3.35549V7.83471V9.67641C0.0109863 9.84804 0.139711 9.98816 0.299276 9.99219H0.326094H1.75145C1.9251 9.99219 2.06656 9.85139 2.06656 9.67708L2.07192 7.51088H3.4356C4.57669 7.51088 5.37183 6.71909 5.37183 5.57331V3.56266C5.37183 2.41687 4.57669 1.6224 3.4356 1.6224Z" fill="#233266" />
            <path d="M9.22416 7.58148V7.80407C9.22416 7.82217 9.22147 7.8396 9.21879 7.85636C9.21544 7.87245 9.21075 7.88787 9.20538 7.90262C9.16114 8.02733 9.03643 8.11784 8.88827 8.11784H8.29492C8.10988 8.11784 7.95903 7.97704 7.95903 7.80407V7.53522C7.95903 7.53187 7.95836 7.52852 7.95836 7.52517L7.95903 6.80981V6.80846V6.72935V6.58588L7.9597 6.58387C7.96037 6.41156 8.10988 6.27211 8.29492 6.27211H8.88827C9.07398 6.27211 9.22416 6.41223 9.22416 6.58588V7.58148ZM8.99755 1.63132H7.01975C6.84476 1.63132 6.7033 1.76406 6.7033 1.92698V2.48144C6.7033 2.48479 6.70397 2.48881 6.70397 2.49216C6.70397 2.49619 6.7033 2.50021 6.7033 2.50423V3.26384C6.7033 3.43614 6.85348 3.57694 7.03852 3.57694H8.92179C9.07063 3.6004 9.18862 3.70901 9.20538 3.87864V4.06234C9.18862 4.22391 9.07197 4.34191 8.92983 4.35532H7.99725C6.75693 4.35532 5.87329 5.17929 5.87329 6.33647V7.95157V7.9938C5.87329 9.14428 6.6329 9.96289 7.8645 9.96289H10.4491C10.913 9.96289 11.2891 9.61158 11.2891 9.17914V3.7707C11.2891 2.45931 10.6133 1.63132 8.99755 1.63132Z" fill="#233266" />
        </g>
        <defs>
            <clipPath id="clip0_12603_23877">
                <rect width="32" height="10.0439" fill="white" />
            </clipPath>
        </defs>
    </svg>
)

export const Trash = ({ width = 24, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
        <path d="M21.0697 5.23C19.4597 5.07 17.8497 4.95 16.2297 4.86V4.85L16.0097 3.55C15.8597 2.63 15.6397 1.25 13.2997 1.25H10.6797C8.34967 1.25 8.12967 2.57 7.96967 3.54L7.75967 4.82C6.82967 4.88 5.89967 4.94 4.96967 5.03L2.92967 5.23C2.50967 5.27 2.20967 5.64 2.24967 6.05C2.28967 6.46 2.64967 6.76 3.06967 6.72L5.10967 6.52C10.3497 6 15.6297 6.2 20.9297 6.73C20.9597 6.73 20.9797 6.73 21.0097 6.73C21.3897 6.73 21.7197 6.44 21.7597 6.05C21.7897 5.64 21.4897 5.27 21.0697 5.23Z" fill="currentColor" />
        <path d="M19.2297 8.14C18.9897 7.89 18.6597 7.75 18.3197 7.75H5.67975C5.33975 7.75 4.99975 7.89 4.76975 8.14C4.53975 8.39 4.40975 8.73 4.42975 9.08L5.04975 19.34C5.15975 20.86 5.29975 22.76 8.78975 22.76H15.2097C18.6997 22.76 18.8398 20.87 18.9497 19.34L19.5697 9.09C19.5897 8.73 19.4597 8.39 19.2297 8.14ZM13.6597 17.75H10.3297C9.91975 17.75 9.57975 17.41 9.57975 17C9.57975 16.59 9.91975 16.25 10.3297 16.25H13.6597C14.0697 16.25 14.4097 16.59 14.4097 17C14.4097 17.41 14.0697 17.75 13.6597 17.75ZM14.4997 13.75H9.49975C9.08975 13.75 8.74975 13.41 8.74975 13C8.74975 12.59 9.08975 12.25 9.49975 12.25H14.4997C14.9097 12.25 15.2497 12.59 15.2497 13C15.2497 13.41 14.9097 13.75 14.4997 13.75Z" fill="currentColor" />
    </svg>

)

export const Dollar = ({ width = 42, height = 42, className }: IconProps) => (
    <svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M31.9451 15.9023C22.3946 11.3703 12.8327 20.602 3.28184 16.5386C2.84916 16.3545 2.36865 16.667 2.36865 17.1372V34.7799C2.36865 35.0623 2.52979 35.3216 2.78496 35.4427C12.3355 39.9754 21.8973 30.743 31.4482 34.8064C31.8809 34.9905 32.3614 34.678 32.3614 34.2078V16.5651C32.3615 16.2826 32.2003 16.0233 31.9451 15.9023Z" fill="url(#paint0_linear_12749_23140)" />
        <path d="M2.36914 22.4648V34.7806C2.36914 35.063 2.53028 35.3224 2.78545 35.4435C12.336 39.9761 21.8978 30.7437 31.4487 34.8071C31.8814 34.9912 32.3619 34.6787 32.3619 34.2085V22.4648H2.36914Z" fill="url(#paint1_linear_12749_23140)" />
        <path d="M31.9452 15.9022C27.9186 13.9915 23.8899 14.5274 19.8608 15.482V34.6094C23.7242 33.694 27.5871 33.1637 31.4484 34.8064C31.8811 34.9905 32.3616 34.6781 32.3616 34.2078V16.5651C32.3616 16.2826 32.2004 16.0233 31.9452 15.9022Z" fill="url(#paint2_linear_12749_23140)" />
        <path d="M30.2126 20.667C29.5434 20.7333 28.8499 20.5419 28.2924 20.0768C27.4293 19.3555 27.153 18.1918 27.5191 17.1927C27.5963 16.9811 27.4678 16.7493 27.2462 16.7132C20.7467 15.657 14.2429 19.788 7.74332 18.8669C7.54681 18.8392 7.37053 18.9786 7.34113 19.1751C7.25132 19.783 6.94651 20.3606 6.43849 20.7855C5.88098 21.2507 5.18745 21.4421 4.5183 21.3758C4.31007 21.3556 4.13037 21.521 4.13037 21.7309V30.322C4.13037 30.5319 4.31007 30.6973 4.5183 30.6772C5.18745 30.6109 5.88098 30.8023 6.43849 31.2674C7.30161 31.9887 7.57789 33.1524 7.21179 34.1516C7.13457 34.3631 7.26303 34.5949 7.48465 34.631C13.9842 35.6872 20.4879 31.5562 26.9876 32.4773C27.1841 32.505 27.3603 32.3656 27.3897 32.1691C27.4796 31.5613 27.7844 30.9836 28.2924 30.5587C28.8499 30.0935 29.5434 29.9021 30.2126 29.9684C30.4208 29.9886 30.6005 29.8232 30.6005 29.6133V21.0221C30.6004 20.8122 30.4207 20.6469 30.2126 20.667ZM17.3654 31.714C14.0287 31.714 11.3234 29.0087 11.3234 25.672C11.3234 22.3353 14.0287 19.63 17.3654 19.63C20.7021 19.63 23.4074 22.3353 23.4074 25.672C23.4074 29.0087 20.7021 31.714 17.3654 31.714Z" fill="url(#paint3_linear_12749_23140)" />
        <path d="M31.4482 34.8071C31.8809 34.9912 32.3614 34.6787 32.3614 34.2085V28.5547H12.7297L9.88135 31.403L14.442 35.9636C20.1114 34.6656 25.7817 32.3964 31.4482 34.8071Z" fill="url(#paint4_linear_12749_23140)" />
        <path d="M6.22803 25.9688L10.1797 29.9204V25.9688H6.22803Z" fill="url(#paint5_linear_12749_23140)" />
        <path d="M39.2161 11.9784C29.6656 7.44648 20.1037 16.6782 10.5528 12.6148C10.1202 12.4307 9.63965 12.7432 9.63965 13.2134V30.8561C9.63965 31.1385 9.80079 31.3979 10.056 31.519C19.6065 36.0517 29.1683 26.8192 38.7192 30.8826C39.1519 31.0667 39.6324 30.7542 39.6324 30.284V12.6413C39.6325 12.3589 39.4713 12.0995 39.2161 11.9784Z" fill="url(#paint6_linear_12749_23140)" />
        <path d="M9.63916 18.541V30.8568C9.63916 31.1392 9.8003 31.3985 10.0555 31.5196C19.606 36.0523 29.1678 26.8199 38.7187 30.8833C39.1514 31.0674 39.6319 30.7549 39.6319 30.2847V18.541H9.63916Z" fill="url(#paint7_linear_12749_23140)" />
        <path d="M39.2152 11.9784C35.1886 10.0677 31.1599 10.6036 27.1309 11.5582V30.6856C30.9942 29.7702 34.8571 29.2399 38.7184 30.8826C39.1511 31.0667 39.6316 30.7542 39.6316 30.284V12.6412C39.6316 12.3588 39.4704 12.0995 39.2152 11.9784Z" fill="url(#paint8_linear_12749_23140)" />
        <path d="M37.4826 16.7432C36.8134 16.8095 36.1199 16.6181 35.5624 16.1529C34.6993 15.4317 34.423 14.268 34.7891 13.2688C34.8663 13.0573 34.7379 12.8255 34.5162 12.7894C28.0167 11.7331 21.5129 15.8641 15.0133 14.9431C14.8168 14.9154 14.6406 15.0547 14.6111 15.2513C14.5213 15.8591 14.2165 16.4368 13.7085 16.8617C13.151 17.3268 12.4575 17.5183 11.7883 17.4519C11.5801 17.4318 11.4004 17.5972 11.4004 17.8071V26.3982C11.4004 26.6081 11.5801 26.7735 11.7883 26.7534C12.4575 26.687 13.151 26.8785 13.7085 27.3436C14.5716 28.0649 14.8479 29.2286 14.4818 30.2277C14.4046 30.4393 14.5331 30.671 14.7547 30.7071C21.2542 31.7634 27.758 27.6324 34.2576 28.5535C34.4541 28.5812 34.6304 28.4418 34.6598 28.2453C34.7496 27.6374 35.0544 27.0598 35.5623 26.6349C36.1198 26.1697 36.8134 25.9783 37.4825 26.0446C37.6907 26.0648 37.8704 25.8993 37.8704 25.6894V17.0984C37.8705 16.8885 37.6908 16.723 37.4826 16.7432ZM24.6354 27.7902C21.2987 27.7902 18.5935 25.0849 18.5935 21.7482C18.5935 18.4116 21.2987 15.7063 24.6354 15.7063C27.9721 15.7063 30.6774 18.4116 30.6774 21.7482C30.6774 25.0849 27.9721 27.7902 24.6354 27.7902Z" fill="url(#paint9_linear_12749_23140)" />
        <path d="M39.2161 11.9784C29.6656 7.44648 20.1037 16.6782 10.5528 12.6148C10.1202 12.4307 9.63965 12.7432 9.63965 13.2134V30.8561C9.63965 31.1385 9.80079 31.3979 10.056 31.519C19.6065 36.0517 29.1683 26.8192 38.7192 30.8826C39.1519 31.0667 39.6324 30.7542 39.6324 30.284V12.6413C39.6325 12.3589 39.4713 12.0995 39.2161 11.9784Z" fill="url(#paint10_linear_12749_23140)" />
        <path d="M39.2161 11.9784C29.6656 7.44648 20.1037 16.6782 10.5528 12.6148C10.1202 12.4307 9.63965 12.7432 9.63965 13.2134V30.8561C9.63965 31.1385 9.80079 31.3979 10.056 31.519C19.6065 36.0517 29.1683 26.8192 38.7192 30.8826C39.1519 31.0667 39.6324 30.7542 39.6324 30.284V12.6413C39.6325 12.3589 39.4713 12.0995 39.2161 11.9784Z" fill="url(#paint11_linear_12749_23140)" />
        <path d="M35.5801 6.56242C26.0296 2.03046 16.4678 11.2622 6.91685 7.19875C6.48417 7.01468 6.00366 7.32713 6.00366 7.79737V25.4401C6.00366 25.7225 6.1648 25.9818 6.41997 26.1029C15.9705 30.6356 25.5323 21.4032 35.0832 25.4666C35.5159 25.6507 35.9964 25.3382 35.9964 24.868V7.22524C35.9965 6.94285 35.8353 6.68352 35.5801 6.56242Z" fill="url(#paint12_linear_12749_23140)" />
        <path d="M6.00342 13.125V25.4408C6.00342 25.7232 6.16456 25.9825 6.41973 26.1036C15.9703 30.6363 25.5321 21.4039 35.083 25.4673C35.5157 25.6514 35.9962 25.3389 35.9962 24.8687V13.125H6.00342Z" fill="url(#paint13_linear_12749_23140)" />
        <path d="M6.00342 13.125V25.4408C6.00342 25.7232 6.16456 25.9825 6.41973 26.1036C15.9703 30.6363 25.5321 21.4039 35.083 25.4673C35.5157 25.6514 35.9962 25.3389 35.9962 24.8687V13.125H6.00342Z" fill="url(#paint14_linear_12749_23140)" />
        <path d="M35.5802 6.5624C31.5536 4.65167 27.5249 5.18756 23.4958 6.14216V25.2696C27.3592 24.3542 31.2221 23.8238 35.0834 25.4666C35.5161 25.6507 35.9966 25.3382 35.9966 24.868V7.22522C35.9966 6.94283 35.8354 6.68351 35.5802 6.5624Z" fill="url(#paint15_linear_12749_23140)" />
        <path d="M35.5802 6.5624C31.5536 4.65167 27.5249 5.18756 23.4958 6.14216V25.2696C27.3592 24.3542 31.2221 23.8238 35.0834 25.4666C35.5161 25.6507 35.9966 25.3382 35.9966 24.868V7.22522C35.9966 6.94283 35.8354 6.68351 35.5802 6.5624Z" fill="url(#paint16_linear_12749_23140)" />
        <path d="M33.8476 11.3272C33.1784 11.3935 32.4849 11.2021 31.9274 10.7369C31.0643 10.0157 30.788 8.85196 31.1541 7.85281C31.2313 7.64124 31.1028 7.4095 30.8812 7.3734C24.3817 6.31712 17.8779 10.4481 11.3783 9.52708C11.1818 9.49935 11.0055 9.63873 10.9761 9.83524C10.8863 10.4431 10.5815 11.0208 10.0735 11.4457C9.51599 11.9108 8.82246 12.1022 8.15331 12.0359C7.94508 12.0158 7.76538 12.1812 7.76538 12.3911V20.9821C7.76538 21.192 7.94508 21.3574 8.15331 21.3373C8.82246 21.271 9.51599 21.4624 10.0735 21.9275C10.9366 22.6488 11.2129 23.8125 10.8468 24.8116C10.7696 25.0232 10.898 25.2549 11.1197 25.291C17.6192 26.3473 24.123 22.2163 30.6226 23.1374C30.8191 23.1651 30.9953 23.0257 31.0247 22.8292C31.1146 22.2213 31.4194 21.6437 31.9274 21.2188C32.4849 20.7536 33.1784 20.5622 33.8476 20.6285C34.0558 20.6487 34.2355 20.4832 34.2355 20.2733V11.6824C34.2355 11.4725 34.0558 11.307 33.8476 11.3272ZM21.0004 22.3742C17.6637 22.3742 14.9585 19.6689 14.9585 16.3322C14.9585 12.9956 17.6637 10.2903 21.0004 10.2903C24.3371 10.2903 27.0424 12.9956 27.0424 16.3322C27.0424 19.6689 24.3371 22.3742 21.0004 22.3742Z" fill="url(#paint17_linear_12749_23140)" />
        <path d="M18.2643 15.9356C18.2643 15.8988 18.2605 15.8533 18.2532 15.7991C18.2457 15.7449 18.2254 15.6934 18.192 15.6445C18.1587 15.5958 18.1096 15.5564 18.0448 15.5265C17.9799 15.4967 17.8882 15.4898 17.7697 15.506C17.6104 15.5276 17.4871 15.5896 17.4002 15.6915C17.313 15.7936 17.2695 15.9384 17.2695 16.1262V17.5894C17.2695 17.7772 17.313 17.9102 17.4002 17.9886C17.4871 18.067 17.6122 18.0951 17.7752 18.0729C17.8863 18.0577 17.9734 18.0275 18.0364 17.9821C18.0993 17.9368 18.1475 17.8842 18.1808 17.8244C18.2142 17.7646 18.2355 17.7019 18.2448 17.6362C18.254 17.5706 18.2604 17.5098 18.2643 17.454C18.2716 17.35 18.317 17.2748 18.4005 17.2285C18.4838 17.1822 18.581 17.1515 18.6922 17.1363C18.844 17.1157 18.9551 17.1273 19.0257 17.1711C19.096 17.2149 19.1312 17.3196 19.1312 17.4853C19.1312 17.6694 19.096 17.8379 19.0257 17.9911C18.9552 18.1442 18.857 18.2782 18.731 18.3928C18.6051 18.5075 18.4578 18.6021 18.2893 18.6766C18.1207 18.7511 17.9364 18.8019 17.7364 18.8291C17.5549 18.8538 17.3836 18.854 17.2224 18.83C17.0613 18.8059 16.9196 18.7497 16.7973 18.6614C16.6751 18.5731 16.5787 18.4519 16.5084 18.2976C16.438 18.1435 16.4028 17.9467 16.4028 17.7074V16.2442C16.4028 16.0086 16.438 15.8031 16.5084 15.6279C16.5787 15.4527 16.6751 15.3043 16.7973 15.1827C16.9196 15.0611 17.0613 14.9664 17.2224 14.8984C17.3836 14.8306 17.5549 14.7843 17.7364 14.7596C17.9364 14.7324 18.1207 14.7313 18.2893 14.7561C18.4578 14.7811 18.6051 14.8319 18.731 14.9086C18.857 14.9854 18.9551 15.0871 19.0257 15.2137C19.096 15.3403 19.1312 15.492 19.1312 15.6686C19.1312 15.8343 19.096 15.9487 19.0257 16.0115C18.9552 16.0745 18.8459 16.116 18.6977 16.1361C18.5791 16.1523 18.4791 16.1475 18.3977 16.1217C18.3161 16.0961 18.2716 16.0339 18.2643 15.9356Z" fill="url(#paint18_linear_12749_23140)" />
        <path d="M20.8873 18.4008C20.6946 18.427 20.5158 18.4283 20.351 18.4048C20.1862 18.3813 20.0426 18.3253 19.9204 18.2369C19.7982 18.1486 19.7018 18.0275 19.6314 17.8732C19.561 17.719 19.5259 17.5222 19.5259 17.2829V15.8197C19.5259 15.5841 19.561 15.3787 19.6314 15.2034C19.7018 15.0282 19.7982 14.8798 19.9204 14.7583C20.0426 14.6366 20.1862 14.5417 20.351 14.4732C20.5158 14.4049 20.6946 14.3575 20.8873 14.3313C21.0798 14.3051 21.2595 14.3037 21.4263 14.327C21.5929 14.3504 21.7374 14.4061 21.8598 14.4945C21.982 14.5828 22.0783 14.7049 22.1487 14.861C22.219 15.017 22.2542 15.2129 22.2542 15.4485V16.9117C22.2542 17.1511 22.219 17.3574 22.1487 17.5307C22.0783 17.7042 21.982 17.8516 21.8598 17.9731C21.7375 18.0947 21.593 18.1898 21.4263 18.2585C21.2595 18.3271 21.0798 18.3746 20.8873 18.4008ZM21.3873 15.5664C21.3873 15.3751 21.3429 15.2412 21.2539 15.1649C21.1651 15.0886 21.0428 15.061 20.8873 15.0822C20.7317 15.1034 20.6103 15.1641 20.5233 15.2643C20.4362 15.3645 20.3926 15.5104 20.3926 15.7017V17.1649C20.3926 17.3564 20.4361 17.4903 20.5233 17.5668C20.6103 17.6434 20.7317 17.6711 20.8873 17.6499C21.0428 17.6288 21.1651 17.568 21.2539 17.4675C21.3429 17.367 21.3873 17.2211 21.3873 17.0297V15.5664Z" fill="url(#paint19_linear_12749_23140)" />
        <path d="M25.594 14.9892C25.594 14.647 25.5183 14.4463 25.4913 14.3852C25.4222 14.2323 25.3298 14.1144 25.2133 14.0307C25.0969 13.947 24.9578 13.8939 24.7963 13.8691C24.6354 13.8451 24.4637 13.8458 24.2824 13.8706L23.1325 14.0271C23.0357 14.0402 22.9578 14.0766 22.8989 14.1355C22.8392 14.1952 22.8101 14.26 22.8101 14.3298V17.8423C22.8101 17.9303 22.8552 17.9907 22.9462 18.022C23.0371 18.0541 23.1361 18.0628 23.2431 18.0482C23.3508 18.0337 23.4498 17.998 23.5408 17.9413C23.631 17.8852 23.6769 17.8124 23.6769 17.7244V16.5315L24.2271 16.4565C24.4193 16.4303 24.599 16.383 24.7657 16.3146C24.9324 16.2454 25.0772 16.1516 25.1995 16.0315C25.3217 15.9121 25.4178 15.7665 25.4884 15.5948C25.5037 15.5569 25.594 15.3315 25.594 14.9892ZM24.5983 15.6021C24.5968 15.6042 24.5126 15.7496 24.2271 15.7942L23.6769 15.8692V14.7039L24.2271 14.629C24.2298 14.6286 24.2324 14.6283 24.235 14.628C24.4567 14.6021 24.6593 14.7536 24.7122 14.9703C24.7959 15.3128 24.5983 15.6021 24.5983 15.6021Z" fill="url(#paint20_linear_12749_23140)" />
        <defs>
            <linearGradient id="paint0_linear_12749_23140" x1="15.3782" y1="16.2752" x2="19.8075" y2="37.2243" gradientUnits="userSpaceOnUse">
                <stop stopColor="#D5EFC8" />
                <stop offset="1" stopColor="#68CA44" />
            </linearGradient>
            <linearGradient id="paint1_linear_12749_23140" x1="17.6969" y1="30.4966" x2="18.7742" y2="36.4821" gradientUnits="userSpaceOnUse">
                <stop stopColor="#47A920" stopOpacity="0" />
                <stop offset="0.2191" stopColor="#42A725" stopOpacity="0.219" />
                <stop offset="0.4839" stopColor="#33A232" stopOpacity="0.484" />
                <stop offset="0.771" stopColor="#1B9947" stopOpacity="0.771" />
                <stop offset="1" stopColor="#02905D" />
            </linearGradient>
            <linearGradient id="paint2_linear_12749_23140" x1="28.6927" y1="24.7386" x2="32.8825" y2="24.7386" gradientUnits="userSpaceOnUse">
                <stop stopColor="#47A920" stopOpacity="0" />
                <stop offset="0.2191" stopColor="#42A725" stopOpacity="0.219" />
                <stop offset="0.4839" stopColor="#33A232" stopOpacity="0.484" />
                <stop offset="0.771" stopColor="#1B9947" stopOpacity="0.771" />
                <stop offset="1" stopColor="#02905D" />
            </linearGradient>
            <linearGradient id="paint3_linear_12749_23140" x1="9.68113" y1="4.91092" x2="22.6591" y2="39.9744" gradientUnits="userSpaceOnUse">
                <stop stopColor="#47A920" stopOpacity="0" />
                <stop offset="0.2191" stopColor="#42A725" stopOpacity="0.219" />
                <stop offset="0.4839" stopColor="#33A232" stopOpacity="0.484" />
                <stop offset="0.771" stopColor="#1B9947" stopOpacity="0.771" />
                <stop offset="1" stopColor="#02905D" />
            </linearGradient>
            <linearGradient id="paint4_linear_12749_23140" x1="21.8148" y1="35.8731" x2="21.296" y2="31.463" gradientUnits="userSpaceOnUse">
                <stop stopColor="#47A920" stopOpacity="0" />
                <stop offset="0.2191" stopColor="#42A725" stopOpacity="0.219" />
                <stop offset="0.4839" stopColor="#33A232" stopOpacity="0.484" />
                <stop offset="0.771" stopColor="#1B9947" stopOpacity="0.771" />
                <stop offset="1" stopColor="#02905D" />
            </linearGradient>
            <linearGradient id="paint5_linear_12749_23140" x1="7.8076" y1="29.6722" x2="8.45616" y2="26.8445" gradientUnits="userSpaceOnUse">
                <stop stopColor="#47A920" stopOpacity="0" />
                <stop offset="0.2191" stopColor="#42A725" stopOpacity="0.219" />
                <stop offset="0.4839" stopColor="#33A232" stopOpacity="0.484" />
                <stop offset="0.771" stopColor="#1B9947" stopOpacity="0.771" />
                <stop offset="1" stopColor="#02905D" />
            </linearGradient>
            <linearGradient id="paint6_linear_12749_23140" x1="22.6492" y1="12.3514" x2="27.0785" y2="33.3005" gradientUnits="userSpaceOnUse">
                <stop stopColor="#D5EFC8" />
                <stop offset="1" stopColor="#68CA44" />
            </linearGradient>
            <linearGradient id="paint7_linear_12749_23140" x1="24.9669" y1="26.5727" x2="26.0443" y2="32.5582" gradientUnits="userSpaceOnUse">
                <stop stopColor="#47A920" stopOpacity="0" />
                <stop offset="0.2191" stopColor="#42A725" stopOpacity="0.219" />
                <stop offset="0.4839" stopColor="#33A232" stopOpacity="0.484" />
                <stop offset="0.771" stopColor="#1B9947" stopOpacity="0.771" />
                <stop offset="1" stopColor="#02905D" />
            </linearGradient>
            <linearGradient id="paint8_linear_12749_23140" x1="35.9627" y1="20.8147" x2="40.1526" y2="20.8147" gradientUnits="userSpaceOnUse">
                <stop stopColor="#47A920" stopOpacity="0" />
                <stop offset="0.2191" stopColor="#42A725" stopOpacity="0.219" />
                <stop offset="0.4839" stopColor="#33A232" stopOpacity="0.484" />
                <stop offset="0.771" stopColor="#1B9947" stopOpacity="0.771" />
                <stop offset="1" stopColor="#02905D" />
            </linearGradient>
            <linearGradient id="paint9_linear_12749_23140" x1="16.9511" y1="0.987167" x2="29.9292" y2="36.0506" gradientUnits="userSpaceOnUse">
                <stop stopColor="#47A920" stopOpacity="0" />
                <stop offset="0.2191" stopColor="#42A725" stopOpacity="0.219" />
                <stop offset="0.4839" stopColor="#33A232" stopOpacity="0.484" />
                <stop offset="0.771" stopColor="#1B9947" stopOpacity="0.771" />
                <stop offset="1" stopColor="#02905D" />
            </linearGradient>
            <linearGradient id="paint10_linear_12749_23140" x1="27.6699" y1="27.1972" x2="22.5853" y2="18.0657" gradientUnits="userSpaceOnUse">
                <stop stopColor="#47A920" stopOpacity="0" />
                <stop offset="0.2191" stopColor="#42A725" stopOpacity="0.219" />
                <stop offset="0.4839" stopColor="#33A232" stopOpacity="0.484" />
                <stop offset="0.771" stopColor="#1B9947" stopOpacity="0.771" />
                <stop offset="1" stopColor="#02905D" />
            </linearGradient>
            <linearGradient id="paint11_linear_12749_23140" x1="25.034" y1="29.5084" x2="25.2415" y2="33.5553" gradientUnits="userSpaceOnUse">
                <stop stopColor="white" stopOpacity="0" />
                <stop offset="1" stopColor="white" />
            </linearGradient>
            <linearGradient id="paint12_linear_12749_23140" x1="19.0132" y1="6.93535" x2="23.4425" y2="27.8845" gradientUnits="userSpaceOnUse">
                <stop stopColor="#D5EFC8" />
                <stop offset="1" stopColor="#68CA44" />
            </linearGradient>
            <linearGradient id="paint13_linear_12749_23140" x1="21.3312" y1="21.1567" x2="22.4086" y2="27.1421" gradientUnits="userSpaceOnUse">
                <stop stopColor="#47A920" stopOpacity="0" />
                <stop offset="0.2191" stopColor="#42A725" stopOpacity="0.219" />
                <stop offset="0.4839" stopColor="#33A232" stopOpacity="0.484" />
                <stop offset="0.771" stopColor="#1B9947" stopOpacity="0.771" />
                <stop offset="1" stopColor="#02905D" />
            </linearGradient>
            <linearGradient id="paint14_linear_12749_23140" x1="21.5459" y1="24.6259" x2="21.8226" y2="27.3238" gradientUnits="userSpaceOnUse">
                <stop stopColor="white" stopOpacity="0" />
                <stop offset="1" stopColor="white" />
            </linearGradient>
            <linearGradient id="paint15_linear_12749_23140" x1="32.3277" y1="15.3987" x2="36.5175" y2="15.3987" gradientUnits="userSpaceOnUse">
                <stop stopColor="#47A920" stopOpacity="0" />
                <stop offset="0.2191" stopColor="#42A725" stopOpacity="0.219" />
                <stop offset="0.4839" stopColor="#33A232" stopOpacity="0.484" />
                <stop offset="0.771" stopColor="#1B9947" stopOpacity="0.771" />
                <stop offset="1" stopColor="#02905D" />
            </linearGradient>
            <linearGradient id="paint16_linear_12749_23140" x1="34.8001" y1="15.6618" x2="36.9446" y2="15.7655" gradientUnits="userSpaceOnUse">
                <stop stopColor="white" stopOpacity="0" />
                <stop offset="1" stopColor="white" />
            </linearGradient>
            <linearGradient id="paint17_linear_12749_23140" x1="13.3161" y1="-4.42885" x2="26.2942" y2="30.6346" gradientUnits="userSpaceOnUse">
                <stop stopColor="#47A920" stopOpacity="0" />
                <stop offset="0.2191" stopColor="#42A725" stopOpacity="0.219" />
                <stop offset="0.4839" stopColor="#33A232" stopOpacity="0.484" />
                <stop offset="0.771" stopColor="#1B9947" stopOpacity="0.771" />
                <stop offset="1" stopColor="#02905D" />
            </linearGradient>
            <linearGradient id="paint18_linear_12749_23140" x1="12.2381" y1="9.03291" x2="22.7369" y2="22.5036" gradientUnits="userSpaceOnUse">
                <stop stopColor="#47A920" stopOpacity="0" />
                <stop offset="0.2191" stopColor="#42A725" stopOpacity="0.219" />
                <stop offset="0.4839" stopColor="#33A232" stopOpacity="0.484" />
                <stop offset="0.771" stopColor="#1B9947" stopOpacity="0.771" />
                <stop offset="1" stopColor="#02905D" />
            </linearGradient>
            <linearGradient id="paint19_linear_12749_23140" x1="14.4283" y1="7.3264" x2="24.9271" y2="20.7971" gradientUnits="userSpaceOnUse">
                <stop stopColor="#47A920" stopOpacity="0" />
                <stop offset="0.2191" stopColor="#42A725" stopOpacity="0.219" />
                <stop offset="0.4839" stopColor="#33A232" stopOpacity="0.484" />
                <stop offset="0.771" stopColor="#1B9947" stopOpacity="0.771" />
                <stop offset="1" stopColor="#02905D" />
            </linearGradient>
            <linearGradient id="paint20_linear_12749_23140" x1="16.6318" y1="5.60938" x2="27.1309" y2="19.0805" gradientUnits="userSpaceOnUse">
                <stop stopColor="#47A920" stopOpacity="0" />
                <stop offset="0.2191" stopColor="#42A725" stopOpacity="0.219" />
                <stop offset="0.4839" stopColor="#33A232" stopOpacity="0.484" />
                <stop offset="0.771" stopColor="#1B9947" stopOpacity="0.771" />
                <stop offset="1" stopColor="#02905D" />
            </linearGradient>
        </defs>
    </svg>

)

export const ShareIcon = ({ width = 20, height = 20, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
        <path d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 6.75C9.59 6.75 9.25 6.41 9.25 6C9.25 5.59 9.59 5.25 10 5.25C12.62 5.25 14.75 7.38 14.75 10C14.75 12.62 12.62 14.75 10 14.75C9.59 14.75 9.25 14.41 9.25 14C9.25 13.59 9.59 13.25 10 13.25C11.79 13.25 13.25 11.79 13.25 10C13.25 8.21 11.79 6.75 10 6.75ZM10 17.75C5.73 17.75 2.25 14.27 2.25 10C2.25 9.59 2.59 9.25 3 9.25C3.41 9.25 3.75 9.59 3.75 10C3.75 13.45 6.55 16.25 10 16.25C13.45 16.25 16.25 13.45 16.25 10C16.25 6.55 13.45 3.75 10 3.75C9.59 3.75 9.25 3.41 9.25 3C9.25 2.59 9.59 2.25 10 2.25C14.27 2.25 17.75 5.73 17.75 10C17.75 14.27 14.27 17.75 10 17.75Z" fill="currentColor" />
    </svg>
)

export const BookmarkIcon = ({ width = 20, height = 20, className }: IconProps) => (
    <svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20" fill="currentColor">
        <path d="M13.5 0H3.86C1.73 0 0 1.74 0 3.86V17.95C0 19.75 1.29 20.51 2.87 19.64L7.74999 16.93C8.26999 16.64 9.10999 16.64 9.61999 16.93L14.5 19.64C16.08 20.52 17.37 19.76 17.37 17.95V3.86C17.36 1.74 15.63 0 13.5 0ZM11.69 7.75C10.72 8.1 9.69999 8.28 8.67999 8.28C7.65999 8.28 6.64 8.1 5.67 7.75C5.28 7.61 5.08 7.18 5.22 6.79C5.37 6.4 5.8 6.2 6.19 6.34C7.79999 6.92 9.56999 6.92 11.18 6.34C11.57 6.2 12 6.4 12.14 6.79C12.28 7.18 12.08 7.61 11.69 7.75Z" fill="currentColor" />
    </svg>
)

export const NotificationIcon = ({ width = 20, height = 20, className }: IconProps) => (
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
        <path d="M8.35156 20.2422C9.19265 21.3114 10.514 22.0004 11.9998 22.0004C13.4856 22.0004 14.8069 21.3114 15.648 20.2422C13.2262 20.5704 10.7734 20.5704 8.35156 20.2422Z" fill="currentColor" />
        <path d="M18.7491 9V9.7041C18.7491 10.5491 18.9903 11.3752 19.4422 12.0782L20.5496 13.8012C21.5612 15.3749 20.789 17.5139 19.0296 18.0116C14.4273 19.3134 9.57274 19.3134 4.97036 18.0116C3.21105 17.5139 2.43882 15.3749 3.45036 13.8012L4.5578 12.0782C5.00972 11.3752 5.25087 10.5491 5.25087 9.7041V9C5.25087 5.13401 8.27256 2 12 2C15.7274 2 18.7491 5.13401 18.7491 9Z" fill="currentColor" />
    </svg>
)
export const CoinHistoryIcon = ({ width = 20, height = 20, className }: IconProps) => (
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
        <path d="M21.9199 16.7486C21.5899 19.4086 19.4099 21.5886 16.7499 21.9186C15.1399 22.1186 13.6399 21.6786 12.4699 20.8186C11.7999 20.3286 11.9599 19.2886 12.7599 19.0486C15.7699 18.1386 18.1399 15.7586 19.0599 12.7486C19.2999 11.9586 20.3399 11.7986 20.8299 12.4586C21.6799 13.6386 22.1199 15.1386 21.9199 16.7486Z" fill="currentColor" />
        <path d="M9.99 2C5.58 2 2 5.58 2 9.99C2 14.4 5.58 17.98 9.99 17.98C14.4 17.98 17.98 14.4 17.98 9.99C17.97 5.58 14.4 2 9.99 2ZM9.05 8.87L11.46 9.71C12.33 10.02 12.75 10.63 12.75 11.57C12.75 12.65 11.89 13.54 10.84 13.54H10.75V13.59C10.75 14 10.41 14.34 10 14.34C9.59 14.34 9.25 14 9.25 13.59V13.53C8.14 13.48 7.25 12.55 7.25 11.39C7.25 10.98 7.59 10.64 8 10.64C8.41 10.64 8.75 10.98 8.75 11.39C8.75 11.75 9.01 12.04 9.33 12.04H10.83C11.06 12.04 11.24 11.83 11.24 11.57C11.24 11.22 11.18 11.2 10.95 11.12L8.54 10.28C7.68 9.98 7.25 9.37 7.25 8.42C7.25 7.34 8.11 6.45 9.16 6.45H9.25V6.41C9.25 6 9.59 5.66 10 5.66C10.41 5.66 10.75 6 10.75 6.41V6.47C11.86 6.52 12.75 7.45 12.75 8.61C12.75 9.02 12.41 9.36 12 9.36C11.59 9.36 11.25 9.02 11.25 8.61C11.25 8.25 10.99 7.96 10.67 7.96H9.17C8.94 7.96 8.76 8.17 8.76 8.43C8.75 8.77 8.81 8.79 9.05 8.87Z" fill="currentColor" />
    </svg>
)
export const SettingIcon = ({ width = 20, height = 20, className }: IconProps) => (
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor">
        <path d="M21.2995 7.57969H15.7195C15.3295 7.57969 15.0195 7.26969 15.0195 6.87969C15.0195 6.48969 15.3295 6.17969 15.7195 6.17969H21.2995C21.6895 6.17969 21.9995 6.48969 21.9995 6.87969C21.9995 7.26969 21.6895 7.57969 21.2995 7.57969Z" fill="currentColor" />
        <path d="M6.42 7.57969H2.7C2.31 7.57969 2 7.26969 2 6.87969C2 6.48969 2.31 6.17969 2.7 6.17969H6.42C6.81 6.17969 7.12 6.48969 7.12 6.87969C7.12 7.26969 6.8 7.57969 6.42 7.57969Z" fill="currentColor" />
        <path d="M10.1395 10.8297C12.321 10.8297 14.0895 9.06121 14.0895 6.87969C14.0895 4.69816 12.321 2.92969 10.1395 2.92969C7.95793 2.92969 6.18945 4.69816 6.18945 6.87969C6.18945 9.06121 7.95793 10.8297 10.1395 10.8297Z" fill="currentColor" />
        <path d="M21.3009 17.8102H17.5809C17.1909 17.8102 16.8809 17.5002 16.8809 17.1102C16.8809 16.7202 17.1909 16.4102 17.5809 16.4102H21.3009C21.6909 16.4102 22.0009 16.7202 22.0009 17.1102C22.0009 17.5002 21.6909 17.8102 21.3009 17.8102Z" fill="currentColor" />
        <path d="M8.28 17.8102H2.7C2.31 17.8102 2 17.5002 2 17.1102C2 16.7202 2.31 16.4102 2.7 16.4102H8.28C8.67 16.4102 8.98 16.7202 8.98 17.1102C8.98 17.5002 8.66 17.8102 8.28 17.8102Z" fill="currentColor" />
        <path d="M13.8602 21.0719C16.0417 21.0719 17.8102 19.3034 17.8102 17.1219C17.8102 14.9404 16.0417 13.1719 13.8602 13.1719C11.6786 13.1719 9.91016 14.9404 9.91016 17.1219C9.91016 19.3034 11.6786 21.0719 13.8602 21.0719Z" fill="currentColor" />
    </svg>
)


export const Call = ({ width = 32, height = 32, className }: IconProps) => {
    return <svg width={width} height={height} className={className} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M14.7333 19.9332L12.2667 22.3998C11.7467 22.9198 10.92 22.9198 10.3867 22.4132C10.24 22.2665 10.0933 22.1332 9.94666 21.9865C8.57332 20.5998 7.33332 19.1465 6.22666 17.6265C5.13332 16.1065 4.25332 14.5865 3.61332 13.0798C2.98666 11.5598 2.66666 10.1065 2.66666 8.71984C2.66666 7.81317 2.82666 6.9465 3.14666 6.1465C3.46666 5.33317 3.97332 4.5865 4.67999 3.91984C5.53332 3.07984 6.46666 2.6665 7.45332 2.6665C7.82666 2.6665 8.19999 2.7465 8.53332 2.9065C8.87999 3.0665 9.18666 3.3065 9.42666 3.65317L12.52 8.01317C12.76 8.3465 12.9333 8.65317 13.0533 8.9465C13.1733 9.2265 13.24 9.5065 13.24 9.75984C13.24 10.0798 13.1467 10.3998 12.96 10.7065C12.7867 11.0132 12.5333 11.3332 12.2133 11.6532L11.2 12.7065C11.0533 12.8532 10.9867 13.0265 10.9867 13.2398C10.9867 13.3465 11 13.4398 11.0267 13.5465C11.0667 13.6532 11.1067 13.7332 11.1333 13.8132C11.3733 14.2532 11.7867 14.8265 12.3733 15.5198C12.9733 16.2132 13.6133 16.9198 14.3067 17.6265C14.44 17.7598 14.5867 17.8932 14.72 18.0265C15.2533 18.5465 15.2667 19.3998 14.7333 19.9332Z" fill="#EF5388" />
        <path d="M29.2928 24.4387C29.2928 24.8121 29.2261 25.1988 29.0928 25.5721C29.0528 25.6788 29.0128 25.7854 28.9595 25.8921C28.7328 26.3721 28.4395 26.8254 28.0528 27.2521C27.3995 27.9721 26.6795 28.4921 25.8661 28.8254C25.8528 28.8254 25.8395 28.8388 25.8261 28.8388C25.0395 29.1588 24.1861 29.3321 23.2661 29.3321C21.9061 29.3321 20.4528 29.0121 18.9195 28.3588C17.3861 27.7054 15.8528 26.8254 14.3328 25.7188C13.8128 25.3321 13.2928 24.9454 12.7995 24.5321L17.1595 20.1721C17.5328 20.4521 17.8661 20.6654 18.1461 20.8121C18.2128 20.8388 18.2928 20.8788 18.3861 20.9188C18.4928 20.9588 18.5995 20.9721 18.7195 20.9721C18.9461 20.9721 19.1195 20.8921 19.2661 20.7454L20.2795 19.7454C20.6128 19.4121 20.9328 19.1588 21.2395 18.9988C21.5461 18.8121 21.8528 18.7188 22.1861 18.7188C22.4395 18.7188 22.7061 18.7721 22.9995 18.8921C23.2928 19.0121 23.5995 19.1854 23.9328 19.4121L28.3461 22.5454C28.6928 22.7854 28.9328 23.0654 29.0795 23.3988C29.2128 23.7321 29.2928 24.0654 29.2928 24.4387Z" fill="#EF5388" />
    </svg>
}

export const Location = () => {
    return <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M16.0003 2.6665C21.8911 2.6667 26.6662 8.00319 26.6664 13.9995C26.6664 19.9491 23.2622 26.4162 17.9505 28.8989C16.7124 29.4777 15.2873 29.4777 14.0492 28.8989C8.73763 26.4162 5.33334 19.949 5.33334 13.9995C5.33352 8.00308 10.1094 2.6665 16.0003 2.6665ZM16.0003 10.0005C14.1594 10.0005 12.6664 11.4925 12.6664 13.3335C12.6664 15.1744 14.1595 16.6665 16.0003 16.6665C17.8411 16.6663 19.3333 15.1743 19.3333 13.3335C19.3333 11.4927 17.8411 10.0007 16.0003 10.0005Z" fill="#EF5388" />
        <path d="M16.0003 2.6665C21.8911 2.6667 26.6662 8.00319 26.6664 13.9995C26.6664 19.9491 23.2622 26.4162 17.9505 28.8989C16.7124 29.4777 15.2873 29.4777 14.0492 28.8989C8.73763 26.4162 5.33334 19.949 5.33334 13.9995C5.33352 8.00308 10.1094 2.6665 16.0003 2.6665ZM16.0003 10.0005C14.1594 10.0005 12.6664 11.4925 12.6664 13.3335C12.6664 15.1744 14.1595 16.6665 16.0003 16.6665C17.8411 16.6663 19.3333 15.1743 19.3333 13.3335C19.3333 11.4927 17.8411 10.0007 16.0003 10.0005Z" fill="url(#paint0_linear_12102_22092)" fillOpacity="0.24" />
        <defs>
            <linearGradient id="paint0_linear_12102_22092" x1="15.9998" y1="2.6665" x2="15.9998" y2="29.333" gradientUnits="userSpaceOnUse">
                <stop stopColor="white" stopOpacity="0" />
                <stop offset="1" stopColor="white" />
            </linearGradient>
        </defs>
    </svg>
}

export const Mail = ({ width = 24, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M17 3.5H7C4 3.5 2 5 2 8.5V15.5C2 19 4 20.5 7 20.5H17C20 20.5 22 19 22 15.5V8.5C22 5 20 3.5 17 3.5ZM17.47 9.59L14.34 12.09C13.68 12.62 12.84 12.88 12 12.88C11.16 12.88 10.31 12.62 9.66 12.09L6.53 9.59C6.21 9.33 6.16 8.85 6.41 8.53C6.67 8.21 7.14 8.15 7.46 8.41L10.59 10.91C11.35 11.52 12.64 11.52 13.4 10.91L16.53 8.41C16.85 8.15 17.33 8.2 17.58 8.53C17.84 8.85 17.79 9.33 17.47 9.59Z" fill="#0C0C0C" />
    </svg>
)

export const ThemeColoredMail = ({ width = 24, height = 24, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path d="M17 3.5H7C4 3.5 2 5 2 8.5V15.5C2 19 4 20.5 7 20.5H17C20 20.5 22 19 22 15.5V8.5C22 5 20 3.5 17 3.5ZM17.47 9.59L14.34 12.09C13.68 12.62 12.84 12.88 12 12.88C11.16 12.88 10.31 12.62 9.66 12.09L6.53 9.59C6.21 9.33 6.16 8.85 6.41 8.53C6.67 8.21 7.14 8.15 7.46 8.41L10.59 10.91C11.35 11.52 12.64 11.52 13.4 10.91L16.53 8.41C16.85 8.15 17.33 8.2 17.58 8.53C17.84 8.85 17.79 9.33 17.47 9.59Z" fill="#EF5388" />
    </svg>
)

export const PlayAreaFlash = ({ width = 52, height = 52, className }: IconProps) => (
    <svg width={width} height={height} className={className} viewBox="0 0 52 52" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
        <g filter="url(#filter0_di_12642_31999)">
            <path d="M38.806 23.2285H32.111V7.62848C32.111 3.98848 30.1393 3.25181 27.7343 5.98181L26.001 7.95348L11.3327 24.6369C9.31767 26.9119 10.1627 28.7752 13.196 28.7752H19.891V44.3752C19.891 48.0152 21.8627 48.7519 24.2677 46.0219L26.001 44.0502L40.6693 27.3669C42.6843 25.0919 41.8393 23.2285 38.806 23.2285Z" fill="url(#paint0_linear_12642_31999)" />
        </g>
        <defs>
            <filter id="filter0_di_12642_31999" x="-4.62057" y="-3.09532" width="61.2431" height="73.0515" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB">
                <feFlood floodOpacity="0" result="BackgroundImageFix" />
                <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
                <feOffset dy="7.42857" />
                <feGaussianBlur stdDeviation="7.42857" />
                <feComposite in2="hardAlpha" operator="out" />
                <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0" />
                <feBlend mode="overlay" in2="BackgroundImageFix" result="effect1_dropShadow_12642_31999" />
                <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_12642_31999" result="shape" />
                <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" />
                <feOffset dx="1.2381" dy="-2.47619" />
                <feGaussianBlur stdDeviation="0.619048" />
                <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1" />
                <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.45 0" />
                <feBlend mode="normal" in2="shape" result="effect2_innerShadow_12642_31999" />
            </filter>
            <linearGradient id="paint0_linear_12642_31999" x1="26.001" y1="4.33325" x2="26.001" y2="47.6704" gradientUnits="userSpaceOnUse">
                <stop stopColor="white" />
                <stop offset="1" stopColor="#D4D4D4" />
            </linearGradient>
        </defs>
    </svg>

)