Hat

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="0"
        x2="512"
        y1="-12402"
        y2="-12402"
        gradientTransform="matrix(1 0 0 -1 0 -12146)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#31d8ff" />
        <stop offset="1" stop-color="#ff80ff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M512 256c0 141.387-114.613 256-256 256S0 397.387 0 256 114.613 0 256 0s256 114.613 256 256zm0 0"
    />
    <path
        fill="#fff"
        d="M441 315.66h-39.258l-29.058-157.05a14.999 14.999 0 0 0-14.75-12.27h-70.606a15.003 15.003 0 0 0-14.125 9.95l-2.937 8.218c-2.149 6.012-7.883 10.05-14.266 10.05s-12.113-4.038-14.266-10.05l-2.937-8.219a14.995 14.995 0 0 0-14.125-9.95h-70.606a14.995 14.995 0 0 0-14.75 12.27l-21.12 114.153c0 .004 0 .008-.005.008l-7.933 42.89H71c-8.285 0-15 6.715-15 15s6.715 15 15 15h370c8.285 0 15-6.715 15-15s-6.715-15-15-15zM166.543 176.34h47.602c6.859 16.953 23.449 28.219 41.855 28.219 18.402 0 34.992-11.266 41.852-28.22h47.601l15.625 84.446H150.922zm-25.777 139.32 4.601-24.875H366.63l4.601 24.875zm0 0"
    />
</svg>