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 63x 63x 63x 63x 63x 63x 63x 63x 63x 63x 63x 63x 63x 1x | /** @internal */
import SvgIcon, { type SvgIconProps } from '@mui/material/SvgIcon';
import { FC } from 'react';
/**
* A Material-UI icon component that renders a block icon.
* This icon is typically used to represent blocking or ignoring items.
*
* @component
* @param props - The props passed to the underlying SvgIcon component
* @returns A React component that renders the block icon
* @source
*/
const BlockIcon: FC<SvgIconProps> = (props) => {
return (
<SvgIcon {...props}>
<svg
{...props}
width="24"
height="24"
viewBox="0 -960 960 960"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M324-111.5Q251-143 197-197t-85.5-127Q80-397 80-480t31.5-156Q143-709 197-763t127-85.5Q397-880 480-880t156 31.5Q709-817 763-763t85.5 127Q880-563 880-480t-31.5 156Q817-251 763-197t-127 85.5Q563-80 480-80t-156-31.5ZM480-160q54 0 104-17.5t92-50.5L228-676q-33 42-50.5 92T160-480q0 134 93 227t227 93Zm252-124q33-42 50.5-92T800-480q0-134-93-227t-227-93q-54 0-104 17.5T284-732l448 448ZM480-480Z"
fill="currentColor"
/>
</svg>
</SvgIcon>
);
};
export default BlockIcon;
|