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

export const ArrowTrandingDownTypographyIcon = 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="M20 16.9999L20 11M20 16.9999H14M20 16.9999L14.1314 11.1314C13.7354 10.7354 13.5374 10.5373 13.3091 10.4632C13.1082 10.3979 12.8919 10.3979 12.691 10.4632C12.4627 10.5373 12.2647 10.7354 11.8687 11.1314L11.1314 11.8686C10.7354 12.2646 10.5374 12.4627 10.3091 12.5368C10.1082 12.6021 9.89187 12.6021 9.69102 12.5368C9.4627 12.4627 9.26469 12.2646 8.86867 11.8686L4.00002 6.99998"
      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>
));