import React, { VFC } from "react";
import type { IconProps } from "./types";
export const BackIcon: VFC<IconProps> = ({
size = 24,
color = "currentColor",
}) => {
const sizeProps = {
width: size,
height: size,
viewBox: "0 0 24 24",
};
return (
<div
aria-label={"arrow_left_or_back"}
aria-roledescription={"icon"}
style={{ width: sizeProps.width, height: sizeProps.height }}
>
<svg {...sizeProps} fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M20.3284 11.0001V13.0001L7.50011 13.0001L10.7426 16.2426L9.32842 17.6568L3.67157 12L9.32842 6.34314L10.7426 7.75735L7.49988 11.0001L20.3284 11.0001Z"
fill={color}
/>
</svg>
</div>
);
};