import * as React from 'react';
export interface Hat24Props extends React.SVGProps<SVGSVGElement> { ariaLabel?: string }
export default function Hat24({ ariaLabel, ...props }: Hat24Props) {
  return (
    <svg viewBox="0 0 24 24" width="1em" height="1em" fill="currentColor"
         role={ariaLabel ? 'img' : 'presentation'}
         aria-label={ariaLabel || undefined}
         {...props}><g fill="currentColor"><path d="M20 14v-4c0-4.411-3.589-8-8-8s-8 3.589-8 8v4z"/><path d="M22 16v1a3 3 0 0 1-2 2.816V16H4v3.816A3 3 0 0 1 2 17v-1H0v1c0 2.757 2.243 5 5 5h14c2.757 0 5-2.243 5-5v-1z" data-color="color-2"/></g></svg>
  );
}