Teacup

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 128 128"
>
    <linearGradient
        id="a"
        x1="111.583"
        x2="33.568"
        y1="112.383"
        y2="34.368"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".061" stop-color="#fff" stop-opacity="0" />
        <stop offset=".162" stop-color="#cdcdcd" stop-opacity=".108" />
        <stop offset=".284" stop-color="#979797" stop-opacity=".237" />
        <stop offset=".407" stop-color="#696969" stop-opacity=".369" />
        <stop offset=".53" stop-color="#434343" stop-opacity=".499" />
        <stop offset=".651" stop-color="#262626" stop-opacity=".628" />
        <stop offset=".771" stop-color="#111" stop-opacity=".756" />
        <stop offset=".888" stop-color="#040404" stop-opacity=".881" />
        <stop offset="1" />
    </linearGradient>
    <path
        fill="#44c4a1"
        d="M64 0C28.7 0 0 28.6 0 64c0 35.3 28.7 64 64 64 1.2 0 2.5 0 3.7-.1 31.9-1.8 57.5-26.9 60.1-58.6.2-1.7.2-3.5.2-5.3 0-35.4-28.6-64-64-64z"
    />
    <path
        fill="url(#a)"
        d="M127.8 69.3c-2.6 31.7-28.2 56.8-60.1 58.6l-20.2-20.2 15.2-47.2-15.1-15s7.7-4.1 3.7-12.9c-4-8.9 1.6-12.9 1.6-12.9l9.9 10c-1.7-6.8 2.7-10 2.7-10l10.2 10.2c-1.9-7 2.6-10.2 2.6-10.2z"
        opacity=".2"
    />
    <path
        fill="#ebf0f3"
        d="m38.8 49.9 6.5 54.4c.3 2.3 2.2 4 4.6 4h28.7c2.3 0 4.3-1.7 4.6-4l6.5-54.4z"
    />
    <path
        fill="#d5d6db"
        d="M88.7 49.9H39.3c-2.3 0-4.1 1.9-4.1 4.1 0 2.3 1.9 4.1 4.1 4.1h49.3c2.3 0 4.1-1.9 4.1-4.1.1-2.2-1.7-4.1-4-4.1z"
    />
    <circle cx="64.2" cy="81" r="10.3" fill="#fcd462" />
    <g fill="#ebf0f3">
        <path
            d="M53 20.2c.2-.2 0-.6-.2-.5-13.4 8.2 5.5 16.2-5.1 25.3-.2.2 0 .6.2.5C65 34.9 45.4 29.7 53 20.2zM65.6 20.2c.2-.2 0-.6-.2-.5C52 27.9 70.9 35.8 60.3 45c-.2.2 0 .6.2.5 17.2-10.6-2.4-15.8 5.1-25.3zM78.3 20.2c.2-.2 0-.6-.2-.5C64.7 27.9 83.6 35.8 73 45c-.2.2 0 .6.2.5 17.2-10.6-2.4-15.8 5.1-25.3z"
        />
    </g>
</svg>