Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | 1x 1x 1x 1x 1x 64x 64x 64x 64x 64x 64x 64x 64x 64x 64x 64x 1x | /** @internal */
import SvgIcon, { type SvgIconProps } from '@mui/material/SvgIcon';
import { FC } from 'react';
/**
* A Material-UI icon component that renders a right arrow icon.
* This icon is typically used to represent forward navigation, next step, or right direction.
*
* @group Icons
* @param props - The props passed to the underlying SvgIcon component
* @returns A React component that renders the right arrow icon
* @example
* ```tsx
* <ArrowRightIcon />
* ```
* {@includeCode ./ArrowRightIcon.tsx}
* @source
*/
const ArrowRightIcon: FC<SvgIconProps> = (props) => {
return (
<SvgIcon {...props}>
<svg
{...props}
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M10 17l5-5-5-5v10z" fill="currentColor" />
</svg>
</SvgIcon>
);
};
export default ArrowRightIcon;
|