.ts
TypeScript
(application/typescript)
import React, { VFC } from "react";

import type { IconProps } from "./types";

export const ChevronRightIcon: VFC<IconProps> = ({
  size = 24,
  color = "currentColor",
}) => {
  const sizeProps = {
    width: size + 1,
    height: size,
    viewBox: "0 0 25 24",
  };
  return (
    <div
      aria-label={"chevron_right"}
      aria-roledescription={"icon"}
      style={{ width: sizeProps.width, height: sizeProps.height }}
    >
      <svg {...sizeProps} fill="none" xmlns="http://www.w3.org/2000/svg">
        <path
          d="M9.25671 16.59L13.8367 12L9.25671 7.41L10.6667 6L16.6667 12L10.6667 18L9.25671 16.59Z"
          fill={color}
        />
      </svg>
    </div>
  );
};