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

export const SbpPayTypographyIcon = 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="M19.4812 16.2192L13.2613 20.6096C12.8534 20.8976 12.6494 21.0416 12.4795 21.0346C12.3316 21.0286 12.1939 20.9572 12.1037 20.8399C12 20.7051 12 20.4554 12 19.9561V4.04394C12 3.54459 12 3.29492 12.1037 3.16013C12.1939 3.04277 12.3316 2.97145 12.4795 2.96538C12.6494 2.95841 12.8534 3.1024 13.2613 3.39036L19.4812 7.78081C19.8201 8.0201 19.9896 8.13974 20.0435 8.28479C20.0907 8.41152 20.0844 8.55192 20.0263 8.67398C19.9598 8.81369 19.7803 8.91786 19.4215 9.12622L6.20171 16.8022C5.8075 17.0311 5.6104 17.1456 5.44859 17.1289C5.30747 17.1143 5.17919 17.0404 5.09571 16.9257C5 16.7942 5 16.5662 5 16.1104V7.8896C5 7.43375 5 7.20583 5.09571 7.07431C5.17919 6.95959 5.30747 6.88573 5.44859 6.87115C5.6104 6.85442 5.8075 6.96887 6.20171 7.19777L19.4215 14.8738C19.7803 15.0821 19.9598 15.1863 20.0263 15.326C20.0844 15.4481 20.0907 15.5885 20.0435 15.7152C19.9896 15.8603 19.8201 15.9799 19.4812 16.2192Z"
      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"
    />
    <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>
));