Hat

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 64 64"
>
    <linearGradient
        id="a"
        x1="3.4"
        x2="60.6"
        y1="32"
        y2="32"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5bb4f6" />
        <stop offset=".61" stop-color="#2191e5" />
        <stop offset="1" stop-color="#007edb" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M50.6 3.4H13.4a10 10 0 0 0-10 10v37.2a10 10 0 0 0 10 10h37.2a10 10 0 0 0 10-10V13.4a10 10 0 0 0-10-10zM32 45.44c-13.38 0-24.68-4.2-24.68-9.17 0-3.42 5.55-6.68 13.89-8.23l-.82 6.83a2.28 2.28 0 0 0-.07.54c0 2.94 6 4.52 11.68 4.52s11.66-1.58 11.68-4.52a2.31 2.31 0 0 0-.06-.52L42.79 28c8.34 1.55 13.89 4.81 13.89 8.23 0 5.01-11.3 9.21-24.68 9.21zm-6.57-26.88h13.14a2.09 2.09 0 0 1 2.09 1.85l1.82 15c-.06 1.5-4.2 3.17-9.82 3.29a5 5 0 0 1 4.91-4.36.6.6 0 0 0 0-1.2A6.17 6.17 0 0 0 32 36.69a6.17 6.17 0 0 0-5.57-3.53.6.6 0 0 0 0 1.2 5 5 0 0 1 4.91 4.36c-5.62-.12-9.75-1.78-9.82-3.29l.05-.36 1.77-14.66a2.09 2.09 0 0 1 2.09-1.85z"
    />
</svg>