Fun Hat

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <defs>
        <linearGradient
            id="a"
            x1="5.365"
            x2="70.687"
            y1="71.562"
            y2="9.619"
            gradientUnits="userSpaceOnUse"
        >
            <stop offset="0" stop-color="#fff200" />
            <stop offset="1" stop-color="#cd118c" />
        </linearGradient>
        <linearGradient
            id="b"
            x1="17.05"
            x2="82.372"
            y1="83.884"
            y2="21.941"
            href="#a"
        />
        <linearGradient
            id="c"
            x1="-2.345"
            x2="62.977"
            y1="63.431"
            y2="1.488"
            href="#a"
        />
        <linearGradient
            id="d"
            x1="3.38"
            x2="68.701"
            y1="69.468"
            y2="7.525"
            href="#a"
        />
        <linearGradient
            id="e"
            x1="-7.14"
            x2="58.182"
            y1="58.374"
            y2="-3.569"
            href="#a"
        />
        <linearGradient
            id="f"
            x1="-5.195"
            x2="60.127"
            y1="60.426"
            y2="-1.517"
            href="#a"
        />
        <linearGradient
            id="g"
            x1="-7.088"
            x2="58.233"
            y1="58.429"
            y2="-3.514"
            href="#a"
        />
        <linearGradient
            id="h"
            x1="-5.143"
            x2="60.179"
            y1="60.48"
            y2="-1.463"
            href="#a"
        />
        <linearGradient
            id="i"
            x1="2.062"
            x2="67.384"
            y1="68.079"
            y2="6.136"
            href="#a"
        />
        <linearGradient
            id="j"
            x1="4.008"
            x2="69.33"
            y1="70.13"
            y2="8.187"
            href="#a"
        />
        <linearGradient
            id="k"
            x1="2.114"
            x2="67.436"
            y1="68.133"
            y2="6.19"
            href="#a"
        />
        <linearGradient
            id="l"
            x1="4.06"
            x2="69.381"
            y1="70.185"
            y2="8.242"
            href="#a"
        />
    </defs>
    <path
        d="M59 41h-1.429l-10.6-17.954a2.942 2.942 0 0 1-.313-2.306 2.975 2.975 0 0 1 1.45-1.84l4.448-2.423a6 6 0 1 0-3.3-7.194l-17.523 2.91a12.948 12.948 0 0 0-8.433 5.266L6.485 41H5a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h54a3 3 0 0 0 3-3V44a3 3 0 0 0-3-3ZM55 7a4 4 0 1 1-4 4 4 4 0 0 1 4-4ZM24.923 18.621a10.961 10.961 0 0 1 7.141-4.455l16.954-2.819a5.974 5.974 0 0 0 1.7 3.85l-3.569 1.945a4.989 4.989 0 0 0-1.9 6.926L55.248 41H8.943ZM60 54a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-7h50v-2H4v-1a1 1 0 0 1 1-1h54a1 1 0 0 1 1 1Z"
        fill="url(#a)"
    />
    <path d="M56 45h2v2h-2z" fill="url(#b)" />
    <circle cx="54" cy="10" r="2" fill="url(#c)" />
    <path
        d="m47.832 32.445-4-6a1 1 0 0 0-1.664 1.11l4 6a1 1 0 1 0 1.664-1.11Z"
        fill="url(#d)"
    />
    <path d="M26 25h2v2h-2z" fill="url(#e)" />
    <path d="M28 27h2v2h-2z" fill="url(#f)" />
    <path d="M24 27h2v2h-2z" fill="url(#g)" />
    <path d="M26 29h2v2h-2z" fill="url(#h)" />
    <path d="M37 33h2v2h-2z" fill="url(#i)" />
    <path d="M39 35h2v2h-2z" fill="url(#j)" />
    <path d="M35 35h2v2h-2z" fill="url(#k)" />
    <path d="M37 37h2v2h-2z" fill="url(#l)" />
</svg>