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
33 lines
745 B
TypeScript
33 lines
745 B
TypeScript
import Stack from '@mui/material/Stack';
|
|
import { createSvgIcon } from '@mui/material/utils';
|
|
|
|
const HomeIcon = createSvgIcon(
|
|
<path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />,
|
|
'Home',
|
|
);
|
|
|
|
const PlusIcon = createSvgIcon(
|
|
// credit: plus icon from https://heroicons.com
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
strokeWidth={1.5}
|
|
stroke="currentColor"
|
|
>
|
|
<path strokeLinecap="round" strokeLinejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
|
|
</svg>,
|
|
'Plus',
|
|
);
|
|
|
|
export default function CreateSvgIcon() {
|
|
return (
|
|
<Stack direction="row" spacing={3}>
|
|
<HomeIcon />
|
|
<HomeIcon color="primary" />
|
|
<PlusIcon />
|
|
<PlusIcon color="secondary" />
|
|
</Stack>
|
|
);
|
|
}
|