Separate Client Portal & Dashboard

frontend/dashboard/src/assets/icon_plan_free.tsx

@@ -0,0 +1,51 @@
+// @mui
+import { useTheme } from '@mui/material/styles';
+import { Box, BoxProps } from '@mui/material';
+
+// ----------------------------------------------------------------------
+
+export default function PlanFreeIcon({ ...other }: BoxProps) {
+  const theme = useTheme();
+  const PRIMARY_MAIN = theme.palette.primary.main;
+  const PRIMARY_DARK = theme.palette.primary.dark;
+  const PRIMARY_DARKER = theme.palette.primary.darker;
+
+  return (
+    <Box {...other}>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        xmlnsXlink="http://www.w3.org/1999/xlink"
+        width="100%"
+        height="100%"
+        viewBox="0 0 80 80"
+      >
+        <defs>
+          <path id="path-1" d="M0 0H80V80H0z" />
+        </defs>
+        <g fill="none" fillRule="evenodd" stroke="none" strokeWidth="1">
+          <mask id="mask-2" fill="#fff">
+            <use xlinkHref="#path-1" />
+          </mask>
+          <g mask="url(#mask-2)">
+            <g transform="translate(9.167 20)">
+              <path fill={PRIMARY_DARK} d="M53.333 17.5H61.666V25H53.333z" />
+              <path
+                fill={PRIMARY_DARKER}
+                d="M.935 20.489l25.028-12.46a5.044 5.044 0 014.52.012L60.74 23.307a1.69 1.69 0 01.015 3.007l-25.338 13.12a5.044 5.044 0 01-4.694-.028L.893 23.49a1.69 1.69 0 01.042-3.001z"
+              />
+              <path
+                fill={PRIMARY_DARK}
+                d="M32.5 34.268v4.193a1.134 1.134 0 01-1.566 1.049l-.1-.047v-7.551a2.498 2.498 0 011.666 2.356zM.833 15.962l30 15.95v7.55l-30-15.952v-.02l-.115-.066A1.571 1.571 0 010 22.104v-7.937l.833 1.795z"
+              />
+              <path
+                fill={PRIMARY_MAIN}
+                fillRule="nonzero"
+                d="M.935 12.989L25.963.529a5.044 5.044 0 014.52.012L60.74 15.807a1.69 1.69 0 01.015 3.007l-25.338 13.12a5.044 5.044 0 01-4.694-.028L.893 15.99a1.69 1.69 0 01.042-3.001z"
+              />
+            </g>
+          </g>
+        </g>
+      </svg>
+    </Box>
+  );
+}