Hat

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="11"
        x2="53"
        y1="23"
        y2="23"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#2baae2" />
        <stop offset="1" stop-color="#2db674" />
    </linearGradient>
    <linearGradient id="b" x1="17" x2="47" y1="55" y2="55" href="#a" />
    <path
        fill="url(#a)"
        d="M49.9 36H48V9a5.006 5.006 0 0 0-5-5H21a5.006 5.006 0 0 0-5 5v27h-1.895a3 3 0 1 0 0 6H49.9a3 3 0 1 0 0-6zM21 6h22a3 3 0 0 1 3 3v19H18V9a3 3 0 0 1 3-3zm-3 24h28v6H18zm31.9 10H14.105a1 1 0 1 1 0-2H49.9a1 1 0 1 1 0 2z"
    />
    <path
        fill="url(#b)"
        d="m43.507 50.4-7.781 1.3a4.935 4.935 0 0 0-7.452 0l-7.781-1.3A3 3 0 0 0 17 53.361v3.278a3 3 0 0 0 3.493 2.961l7.781-1.3a4.935 4.935 0 0 0 7.452 0l7.781 1.3A3 3 0 0 0 47 56.639v-3.278a3 3 0 0 0-3.493-2.961zm-23.343 7.225A1 1 0 0 1 19 56.639v-3.278a1 1 0 0 1 1.164-.986l7.075 1.178a4.5 4.5 0 0 0 0 2.894zM32 58a3 3 0 1 1 3-3 3 3 0 0 1-3 3zm13-1.361a1 1 0 0 1-1.164.986l-7.075-1.178a4.5 4.5 0 0 0 0-2.894l7.075-1.178a1 1 0 0 1 1.164.986z"
    />
</svg>