Add To Cart

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="6.637"
        x2="57.371"
        y1="32"
        y2="32"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00c0ff" />
        <stop offset="1" stop-color="#5558ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M57.208 21.45a3.017 3.017 0 0 0-2.847-3.95H18.056l-1.294-8.8A5.532 5.532 0 0 0 11.32 4H7.637a1 1 0 0 0 0 2h3.683a3.521 3.521 0 0 1 3.463 2.991l4.535 30.856a7.79 7.79 0 0 0 7.673 6.653h16.28a7.738 7.738 0 0 0 7.352-5.299zM43.271 44.5h-16.28a5.78 5.78 0 0 1-5.693-4.94L18.35 19.5H54.36a1.006 1.006 0 0 1 .95 1.316l-6.585 19.752A5.74 5.74 0 0 1 43.27 44.5zm.366 4.5c-7.269.232-7.267 10.77 0 11 7.268-.232 7.266-10.77 0-11zm0 9a3.5 3.5 0 0 1 0-7 3.5 3.5 0 0 1 0 7zm-23.5-3.5c.231 7.268 10.77 7.267 11 0-.232-7.268-10.77-7.267-11 0zm9 0a3.5 3.5 0 0 1-7 0 3.5 3.5 0 0 1 7 0zM40 33h-3v3a1 1 0 0 1-2 0v-3h-3a1 1 0 0 1 0-2h3v-3a1 1 0 0 1 2 0v3h3a1 1 0 0 1 0 2z"
    />
</svg>