frontPanel/src/assets/icons/ExpandLessIconBG.tsx

import { useTheme, SxProps, Box } from "@mui/material";

interface Props {
    sx?: SxProps;
}

export default function ExpandIcon({ sx }: Props) {
    const theme = useTheme();

    return (
        <Box sx={{ ...sx, display: "flex", alignItems:"center", justifyContent: "center" }}>
            <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
                <rect width="30" height="30" rx="6" fill="#EEE4FC" />
                <path d="M22.5 11.25L15 18.75L7.5 11.25" stroke="#7E2AEA" stroke-width="1.5" stroke-linecap="round" strokeLinejoin="round" />
            </svg>
        </Box>
    );
}