34 lines
1.5 KiB
TypeScript
34 lines
1.5 KiB
TypeScript
export function ArrowKeysIcon(props: React.SVGProps<SVGSVGElement>) {
|
|
return (
|
|
<svg
|
|
className={props.className}
|
|
width="62"
|
|
height="14"
|
|
viewBox="0 0 62 14"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<rect width="14" height="14" rx="1.53846" fill="currentColor" />
|
|
<path
|
|
d="M6.60956 4.48804C6.80972 4.23784 7.19026 4.23784 7.39043 4.48804L10.3501 8.18765C10.612 8.51503 10.3789 9 9.95969 9H4.04031C3.62106 9 3.38797 8.51503 3.64988 8.18765L6.60956 4.48804Z"
|
|
fill="black"
|
|
/>
|
|
<rect x="16" width="14" height="14" rx="1.53846" fill="currentColor" />
|
|
<path
|
|
d="M23.3904 9.51196C23.1903 9.76216 22.8097 9.76216 22.6096 9.51196L19.6499 5.81235C19.388 5.48496 19.6211 5 20.0403 5L25.9597 5C26.3789 5 26.612 5.48497 26.3501 5.81235L23.3904 9.51196Z"
|
|
fill="black"
|
|
/>
|
|
<rect x="32" width="14" height="14" rx="1.53846" fill="currentColor" />
|
|
<path
|
|
d="M36.488 7.39044C36.2378 7.19028 36.2378 6.80974 36.488 6.60957L40.1877 3.64988C40.515 3.38797 41 3.62106 41 4.04031L41 9.95969C41 10.3789 40.515 10.612 40.1877 10.3501L36.488 7.39044Z"
|
|
fill="black"
|
|
/>
|
|
<rect x="48" width="14" height="14" rx="1.53846" fill="currentColor" />
|
|
<path
|
|
d="M57.512 6.60956C57.7622 6.80972 57.7622 7.19026 57.512 7.39043L53.8123 10.3501C53.485 10.612 53 10.3789 53 9.95969L53 4.04031C53 3.62106 53.485 3.38797 53.8123 3.64988L57.512 6.60956Z"
|
|
fill="black"
|
|
/>
|
|
</svg>
|
|
);
|
|
}
|