Hat

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="31.988"
        x2="31.988"
        y1="51.872"
        y2="20.501"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#1a125f" />
        <stop offset=".205" stop-color="#423795" />
        <stop offset=".681" stop-color="#ed1a58" />
        <stop offset="1" stop-color="#54c2ef" />
    </linearGradient>
    <linearGradient id="b" x1="32" x2="32" y1="51.872" y2="20.501" href="#a" />
    <linearGradient
        id="c"
        x1="31.986"
        x2="31.986"
        y1="51.872"
        y2="20.501"
        href="#a"
    />
    <g>
        <path
            fill="url(#a)"
            d="m47.458 34.267-3.3-15.674A3.728 3.728 0 0 0 39.2 15.87l-8.42 3.157a5.7 5.7 0 0 1-5.448-.781 3.728 3.728 0 0 0-5.885 2.21l-2.929 13.813A66.208 66.208 0 0 0 32 36a66.053 66.053 0 0 0 15.458-1.733z"
        />
        <path
            fill="url(#b)"
            d="m49.046 32.14.549 2.609v.008l1.008 4.8a2 2 0 0 1-1.417 2.343A66.669 66.669 0 0 1 32 44a66.42 66.42 0 0 1-17.227-2.11 2 2 0 0 1-1.418-2.345l1.566-7.392C8.144 34.065 4 37.012 4 40c0 4.829 11.251 10 28 10s28-5.171 28-10c0-2.986-4.157-5.938-10.954-7.86z"
        />
        <path
            fill="url(#c)"
            d="M15.312 39.96v.009A64.627 64.627 0 0 0 32 42a64.6 64.6 0 0 0 16.66-2.031l-.789-3.744A68.142 68.142 0 0 1 32 38a68.326 68.326 0 0 1-15.9-1.774z"
        />
    </g>
</svg>