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

export const ArrowshapeRightTypographyIcon = 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="M14 19.5L21.3869 12.1131C21.4265 12.0735 21.4463 12.0537 21.4537 12.0309C21.4602 12.0108 21.4602 11.9892 21.4537 11.9691C21.4463 11.9463 21.4265 11.9265 21.3869 11.8869L14 4.5M17.5 15.5L3.13814 13.5191C3.08918 13.5123 3.0647 13.5089 3.04627 13.4972C3.03004 13.4868 3.01713 13.472 3.00911 13.4545C3 13.4347 3 13.41 3 13.3606L3 10.6394C3 10.59 3 10.5653 3.00911 10.5455C3.01713 10.528 3.03004 10.5132 3.04627 10.5028C3.0647 10.4911 3.08918 10.4877 3.13814 10.4809L17.5 8.5"
      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>
));