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

export const EighteenPlusMarkTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
    <path
      d="M2 7.99989L3.32929 6.6706C3.39229 6.60761 3.5 6.65222 3.5 6.74131V17.4999M2 17.4999H5"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
    <path
      d="M11 11.75C9.34315 11.75 8 13.0931 8 14.75C8 16.4069 9.34315 17.75 11 17.75C12.6569 17.75 14 16.4069 14 14.75C14 13.0931 12.6569 11.75 11 11.75ZM11 11.75C12.5188 11.75 13.75 10.5188 13.75 9C13.75 7.48122 12.5188 6.25 11 6.25C9.48122 6.25 8.25 7.48122 8.25 9C8.25 10.5188 9.48122 11.75 11 11.75Z"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
    />
    <path
      d="M20 9V15M17 12H23"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
  </svg>
));