import * as React from "react";
import type { SVGProps } from "react";
const SvgNotificationUnread = (props: SVGProps<SVGSVGElement>) => {
  return (
    <svg
      {...props}
      xmlns="http://www.w3.org/2000/svg"
      width={24}
      height={24}
      fill="none"
      accessibilityRole="img"
      className={props.className ? props.className + " h-6 w-6" : "h-6 w-6"}
    >
      <path
        stroke="currentColor"
        strokeLinecap="round"
        strokeWidth={1.5}
        d="M22 10.5V12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12s0-7.071 1.464-8.536C4.93 2 7.286 2 12 2h1.5"
      />
      <circle cx={19} cy={5} r={3} stroke="currentColor" strokeWidth={1.5} />
    </svg>
  );
};
export default SvgNotificationUnread;
