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 | 1x 1x 1x 1x 1x 19x 19x 19x 19x 19x 19x 19x 19x 19x 19x 19x 19x 19x 1x | /** @internal */
import SvgIcon, { type SvgIconProps } from '@mui/material/SvgIcon';
import { FC } from 'react';
/**
* A Material-UI icon component that renders a clear/close icon.
* This icon is typically used to represent clearing content, closing dialogs, or removing items.
*
* @component
* @param props - The props passed to the underlying SvgIcon component
* @returns A React component that renders the clear icon
* @source
*/
const ClearIcon: 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="M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z"
fill="currentColor"
/>
</svg>
</SvgIcon>
);
};
export default ClearIcon;
|