import { SVGProps } from "react";
import { JSX } from "react/jsx-runtime";

function UserIcon(props: JSX.IntrinsicAttributes & SVGProps<SVGSVGElement>) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      width={24}
      height={24}
      fill="none"
      {...props}
    >
      <path
        stroke="currentColor"
        strokeLinejoin="round"
        strokeWidth={1.5}
        d="M11.55 8.635c0 2.007 1.545 4.108 3.45 4.108 1.905 0 3.45-2.101 3.45-4.108C18.45 6.627 16.904 5 15 5c-1.905 0-3.45 1.627-3.45 3.635Zm0 0c0-1.345.694-2.52 1.724-3.148M11.55 8.635c0 .485.09.975.254 1.44M15 14.967c1.782 0 3.23-1.882 4.487-.551.505.534.637.885.96 1.643.246.577.488 1.305.547 2.034.044.533-.167 1.048-.594 1.328-.913.598-1.983.579-5.4.579-3.417 0-4.487.019-5.4-.58-.427-.279-.638-.794-.594-1.327.059-.729.3-1.457.547-2.034M15 14.967c-1.782 0-3.23-1.882-4.487-.551m4.487.551c-.702 0-1.352-.292-1.959-.565-.934-.42-1.767-.793-2.528.014m4.487.551c.255 0 .504-.039.745-.1m-5.232-.451c-.505.534-.637.885-.96 1.643m.96-1.643c-.477.505-.621.846-.908 1.52l-.052.123m0 0c-.236.553-.467 1.243-.539 1.94m5.745-5.267c-.617-.058-1.19-.334-1.676-.75M3.913 7.665c0 1.472 1.158 3.013 2.587 3.013 1.429 0 2.587-1.54 2.587-3.013C9.087 6.193 7.93 5 6.5 5 5.07 5 3.913 6.193 3.913 7.665Zm0 0c0-.986.52-1.847 1.293-2.308M3.913 7.665c0 .356.067.716.19 1.057m6.483 5.388c-.243-.556-.342-.813-.72-1.205-.943-.976-2.03.404-3.366.404m0 0c-1.336 0-2.423-1.38-3.365-.404m3.365.404c-.526 0-1.014-.214-1.47-.414-.7-.308-1.324-.582-1.895.01m3.365.404c.191 0 .378-.028.56-.074m-3.925-.33c-.379.392-.478.65-.72 1.205m.72-1.205c-.358.37-.466.62-.681 1.115l-.04.09m0 0c-.184.423-.365.957-.41 1.491-.032.391.126.77.446.974.685.439 1.487.425 4.05.425 1.184 0 1.993.003 2.587-.037M2.414 14.11c-.176.405-.35.912-.403 1.423M6.32 10.67c-.464-.042-.893-.245-1.258-.55"
      />
    </svg>
  );
}

export default UserIcon;
