Настроил все иконки в едином стиле

components/elements/processes/index.tsx

@@ -1,14 +1,14 @@
 import styles from './styles.module.css'
 import {useEffect, useState} from "react"
-import DeleteForever from "@mui/icons-material/DeleteForever"
+import DeleteForeverOutlined from "@mui/icons-material/DeleteForeverOutlined"
-import StopCircle from "@mui/icons-material/StopCircle"
+import StopCircleOutlined from "@mui/icons-material/StopCircleOutlined"
 import PauseCircleOutline from "@mui/icons-material/PauseCircleOutline"
 import PlayCircleOutline from "@mui/icons-material/PlayCircleOutline"
-import HourglassEmpty from "@mui/icons-material/HourglassEmpty"
+import HourglassEmptyOutlined from "@mui/icons-material/HourglassEmptyOutlined"
 import CheckCircleOutline from "@mui/icons-material/CheckCircleOutline"
 import ErrorOutline from "@mui/icons-material/ErrorOutline"
-import Replay from "@mui/icons-material/Replay"
+import ReplayOutlined from "@mui/icons-material/ReplayOutlined"
-import RunCircle from "@mui/icons-material/RunCircle"
+import RunCircleOutlined from "@mui/icons-material/RunCircleOutlined"
 import {IconButton, LinearProgress, TableContainer, Table, TableBody, TableCell, TableHead, TableRow, TablePagination} from "@mui/material"
 import ConfirmDialog from "../confirm-dialog";
 
@@ -188,7 +188,7 @@ export default function Processes() {
                                         <PauseCircleOutline/>
                                     </IconButton>}
                                     {canStop(process) && <IconButton title={`Stop`} aria-label="Stop">
-                                        <StopCircle/>
+                                        <StopCircleOutlined/>
                                     </IconButton>}
                                 </TableCell>
                                 <TableCell>
@@ -199,21 +199,21 @@ export default function Processes() {
                                         <CheckCircleOutline/>
                                     </IconButton>}
                                     {Status.Running === status(process) && <IconButton title={`Running`} aria-label="Running">
-                                        <RunCircle/>
+                                        <RunCircleOutlined/>
                                     </IconButton>}
                                     {Status.Cancelled === status(process) && <IconButton title={`Cancelled`} aria-label="Cancelled">
-                                        <StopCircle/>
+                                        <StopCircleOutlined/>
                                     </IconButton>}
                                     {Status.Wait === status(process) && <IconButton title={`Wait`} aria-label="Wait">
-                                        <HourglassEmpty/>
+                                        <HourglassEmptyOutlined/>
                                     </IconButton>}
                                 </TableCell>
                                 <TableCell>
                                     {canRepeat(process) && <IconButton onClick={() => openRepeatDialog(process)} title={`Repeat`} aria-label="Repeat">
-                                        <Replay/>
+                                        <ReplayOutlined/>
                                     </IconButton>}
                                     {canKill(process) && <IconButton title={`Kill`} aria-label="Kill">
-                                        <DeleteForever/>
+                                        <DeleteForeverOutlined/>
                                     </IconButton>}
                                 </TableCell>
                                 <TableCell title={new Date(process.createdAt).toLocaleString()}>