005cf56baf
Some checks failed
No response / noResponse (push) Has been cancelled
CI / Continuous releases (push) Has been cancelled
CI / test-dev (macos-latest) (push) Has been cancelled
CI / test-dev (ubuntu-latest) (push) Has been cancelled
CI / test-dev (windows-latest) (push) Has been cancelled
Maintenance / main (push) Has been cancelled
Scorecards supply-chain security / Scorecards analysis (push) Has been cancelled
CodeQL / Analyze (push) Has been cancelled
69 lines
2.3 KiB
TypeScript
69 lines
2.3 KiB
TypeScript
import Box from '@mui/material/Box';
|
|
import Grid from '@mui/material/Grid';
|
|
import Typography from '@mui/material/Typography';
|
|
import DeleteIcon from '@mui/icons-material/Delete';
|
|
import DeleteOutlinedIcon from '@mui/icons-material/DeleteOutlined';
|
|
import DeleteRoundedIcon from '@mui/icons-material/DeleteRounded';
|
|
import DeleteTwoToneIcon from '@mui/icons-material/DeleteTwoTone';
|
|
import DeleteSharpIcon from '@mui/icons-material/DeleteSharp';
|
|
import DeleteForeverIcon from '@mui/icons-material/DeleteForever';
|
|
import DeleteForeverOutlinedIcon from '@mui/icons-material/DeleteForeverOutlined';
|
|
import DeleteForeverRoundedIcon from '@mui/icons-material/DeleteForeverRounded';
|
|
import DeleteForeverTwoToneIcon from '@mui/icons-material/DeleteForeverTwoTone';
|
|
import DeleteForeverSharpIcon from '@mui/icons-material/DeleteForeverSharp';
|
|
import ThreeDRotationIcon from '@mui/icons-material/ThreeDRotation';
|
|
import FourKIcon from '@mui/icons-material/FourK';
|
|
import ThreeSixtyIcon from '@mui/icons-material/ThreeSixty';
|
|
|
|
export default function SvgMaterialIcons() {
|
|
return (
|
|
<Box sx={{ flexGrow: 1 }}>
|
|
<Grid container sx={{ color: 'text.primary' }}>
|
|
<Grid size={4}>
|
|
<Typography>Filled</Typography>
|
|
</Grid>
|
|
<Grid size={8}>
|
|
<DeleteIcon />
|
|
<DeleteForeverIcon />
|
|
</Grid>
|
|
<Grid size={4}>
|
|
<Typography>Outlined</Typography>
|
|
</Grid>
|
|
<Grid size={8}>
|
|
<DeleteOutlinedIcon />
|
|
<DeleteForeverOutlinedIcon />
|
|
</Grid>
|
|
<Grid size={4}>
|
|
<Typography>Rounded</Typography>
|
|
</Grid>
|
|
<Grid size={8}>
|
|
<DeleteRoundedIcon />
|
|
<DeleteForeverRoundedIcon />
|
|
</Grid>
|
|
<Grid size={4}>
|
|
<Typography>Two Tone</Typography>
|
|
</Grid>
|
|
<Grid size={8}>
|
|
<DeleteTwoToneIcon />
|
|
<DeleteForeverTwoToneIcon />
|
|
</Grid>
|
|
<Grid size={4}>
|
|
<Typography>Sharp</Typography>
|
|
</Grid>
|
|
<Grid size={8}>
|
|
<DeleteSharpIcon />
|
|
<DeleteForeverSharpIcon />
|
|
</Grid>
|
|
<Grid size={4}>
|
|
<Typography>Edge-cases</Typography>
|
|
</Grid>
|
|
<Grid size={8}>
|
|
<ThreeDRotationIcon />
|
|
<FourKIcon />
|
|
<ThreeSixtyIcon />
|
|
</Grid>
|
|
</Grid>
|
|
</Box>
|
|
);
|
|
}
|