Hat

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="16"
        x2="16"
        y1="1"
        y2="31"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00bcd4" />
        <stop offset="1" stop-color="#1976d2" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M12.667 16c0-4.715 1.756-8 3.333-8s3.333 3.285 3.333 8v1.333h-6.666zM16 6.667a.667.667 0 1 0 0-1.335.667.667 0 0 0 0 1.335zM11.333 16c0-3.099.723-5.79 1.852-7.479C10.16 9.664 8 12.581 8 16v1.333h3.333zm9.334 1.333H24V16c0-3.419-2.16-6.336-5.185-7.479 1.13 1.689 1.852 4.38 1.852 7.479zM7.333 18.667h17.334v4H7.333zm7.334 2c0 .734.598 1.333 1.333 1.333s1.333-.599 1.333-1.333c0-.735-.598-1.334-1.333-1.334s-1.333.599-1.333 1.334zM31 16c0 8.284-6.716 15-15 15S1 24.284 1 16 7.716 1 16 1s15 6.716 15 15zm-5 2a.667.667 0 0 0-.667-.667V16c0-4.528-3.242-8.31-7.527-9.154A1.98 1.98 0 0 0 18 6c0-1.103-.897-2-2-2s-2 .897-2 2c0 .304.073.588.194.846C9.91 7.689 6.667 11.472 6.667 16v1.333A.667.667 0 0 0 6 18v5.333c0 .37.298.667.667.667h18.666c.37 0 .667-.298.667-.667z"
    />
</svg>