Clown Hat

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="8.436"
        x2="21.845"
        y1="29.138"
        y2="5.911"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#4c46c8" />
        <stop offset="1" stop-color="#87bfff" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M27 10a3 3 0 0 0-2.89 2.238 11.681 11.681 0 0 0-3.717 1.434l-2.905-5.083a3 3 0 1 0-2.976 0l-2.905 5.083a11.681 11.681 0 0 0-3.717-1.434A2.995 2.995 0 1 0 5 16a2.956 2.956 0 0 0 .953-.17 11.03 11.03 0 0 1 1.09 2.462 11.1 11.1 0 0 1 .286 5.218A3 3 0 0 0 9 29h14a3 3 0 0 0 1.671-5.49 11.01 11.01 0 0 1 1.376-7.68A2.956 2.956 0 0 0 27 16a3 3 0 0 0 0-6zM7.719 14.249A9.286 9.286 0 0 1 12.3 16.71a9.488 9.488 0 0 1 2.7 5.727V23H9.425a13.013 13.013 0 0 0-.468-5.291 12.979 12.979 0 0 0-1.425-3.115 3.023 3.023 0 0 0 .187-.345zM17 22.437a9.483 9.483 0 0 1 2.7-5.726 9.28 9.28 0 0 1 4.577-2.462 3.023 3.023 0 0 0 .187.345A12.9 12.9 0 0 0 22.575 23H17zM16 5a1 1 0 1 1-1 1 1 1 0 0 1 1-1zm0 5.016 2.771 4.849c-.159.14-.319.271-.475.425A10.975 10.975 0 0 0 16 18.614a10.973 10.973 0 0 0-2.3-3.325c-.155-.154-.316-.285-.475-.425zM4 13a1 1 0 1 1 1 1 1 1 0 0 1-1-1zm19 14H9a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2zm4-13a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
    />
</svg>