frontPanel/src/assets/icons/ChartPieIcon.tsx
2023-12-31 05:53:25 +03:00

53 lines
1.2 KiB
TypeScript
Executable File

import { Box } from "@mui/material";
interface Props {
height: string;
width: string;
color: string;
}
export default function ChartPieIcon({ height, width, color }: Props) {
return (
<Box
sx={{
borderRadius: "6px",
height,
width,
display: "flex",
justifyContent: "center",
alignItems: "center",
}}
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="35"
height="35"
viewBox="0 0 35 35"
fill="none"
>
<path
d="M17.5 30.625C24.7487 30.625 30.625 24.7487 30.625 17.5C30.625 10.2513 24.7487 4.375 17.5 4.375C10.2513 4.375 4.375 10.2513 4.375 17.5C4.375 24.7487 10.2513 30.625 17.5 30.625Z"
stroke={color}
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M17.5 17.5V4.375"
stroke={color}
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M28.8613 10.9375L6.13867 24.0625"
stroke={color}
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
</Box>
);
}