new icon

frontend/src/app/icon.svg

@@ -1,20 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-  <rect width="64" height="64" rx="14" fill="#60a5fa" />
-  <path
-    d="M18 21h15c7 0 13 6 13 13s-6 13-13 13H18"
-    fill="none"
-    stroke="#fff"
-    stroke-width="6"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-  />
-  <path
-    d="M18 21v26M18 34h20"
-    fill="none"
-    stroke="#0f1724"
-    stroke-width="6"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    opacity=".95"
-  />
-</svg>

frontend/src/components/atoms/PipelineIcon.tsx

@@ -1,4 +1,4 @@
-import { Workflow } from "lucide-react";
+import Image from "next/image";
 
 type PipelineIconProps = {
   className?: string;
@@ -13,7 +13,14 @@ export function PipelineIcon({ className }: PipelineIconProps) {
       }
       aria-hidden="true"
     >
-      <Workflow className="h-5 w-5" strokeWidth={2.4} />
+      <Image
+        src="/icon.png"
+        alt=""
+        width={48}
+        height={48}
+        className="h-full w-full object-contain p-0.5"
+        priority
+      />
     </div>
   );
 }