import { createIcon } from '../utils/create-icon';

export const BellSlashTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M15 22H15.01"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 3)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
    <path
      d="M17.9686 17.9999L20.2859 17.9999C20.6328 17.9999 20.8743 17.6551 20.7558 17.3291L19.157 12.9326C19.0524 12.6448 18.9744 12.348 18.924 12.0459L18.5677 9.90818C18.5225 9.63653 18.5029 9.36114 18.4901 9.08603C18.3144 5.303 15.7308 2.5 11.9997 2.5C9.30798 2.5 7.21349 3.95883 6.18945 6.19202"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
    />
    <path
      d="M14.4233 18.0001H3.71385C3.36687 18.0001 3.12537 17.6554 3.24395 17.3293L4.84268 12.9328C4.94734 12.645 5.02533 12.3481 5.07568 12.0461L5.43197 9.90832C5.47725 9.63666 5.49681 9.35909 5.50966 9.08398V9.08398"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
    <path
      d="M1 1L23 23"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 1.5)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
  </svg>
));