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

export const KeyTypographyIcon = 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.3787 11.6213L17.5293 14.4707C17.5105 14.4895 17.4851 14.5 17.4586 14.5L12.5414 14.5C12.5149 14.5 12.4895 14.5105 12.4707 14.5293L6.02929 20.9707C6.01054 20.9895 5.9851 21 5.95858 21L3.1 21C3.04477 21 3 20.9552 3 20.9L3 17.5414C3 17.5149 3.01053 17.4895 3.02929 17.4707L9.47071 11.0293C9.48946 11.0105 9.5 10.9851 9.5 10.9586L9.5 6.54142C9.5 6.5149 9.51054 6.48946 9.52929 6.47071L12.3787 3.62132C13.5503 2.44975 15.4497 2.44975 16.6213 3.62132L20.3787 7.37868C21.5503 8.55025 21.5503 10.4497 20.3787 11.6213Z"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
    />
    <path
      d="M14.5 7.5L16.5 9.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"
    />
  </svg>
));