diff --git a/src/frontend/src/components/genericIconComponent/index.tsx b/src/frontend/src/components/genericIconComponent/index.tsx
index a5dc7f632..cca138100 100644
--- a/src/frontend/src/components/genericIconComponent/index.tsx
+++ b/src/frontend/src/components/genericIconComponent/index.tsx
@@ -2,12 +2,12 @@ import { IconComponentProps, IconProps } from "../../types/components";
 import { nodeIconsLucide, svgIcons } from "../../utils";
 
 export function IconFromLucide({ name }: IconProps): JSX.Element {
-  const TargetIcon = nodeIconsLucide[name];
+  const TargetIcon = nodeIconsLucide[name] ?? nodeIconsLucide["unknown"];
   return <TargetIcon />;
 }
 
 export function IconFromSvg({ name }: IconProps): JSX.Element {
-  const TargetSvg = svgIcons[name];
+  const TargetSvg = svgIcons[name] ?? nodeIconsLucide["unknown"];
   return <TargetSvg />;
 }
 
@@ -21,6 +21,7 @@ export default function IconComponent({
     case "LUCIDE":
       return <IconFromLucide name={name} />;
     default:
-      return;
+      console.error("IconComponent: invalid method");
+      return <IconFromLucide name={"unknown"} />;
   }
 }