From 3a16df258145edd6a3b2e05c5c5243b230ddc56b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alejandro=20Guti=C3=A9rrez?=
 <35082514+alezmad@users.noreply.github.com>
Date: Mon, 2 Feb 2026 19:41:17 +0000
Subject: [PATCH] Use Coolify logo icon for Coolify links

Added coolify icon to Icons component using official logo.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/components/DeploymentsTable.tsx |  2 +-
 src/components/Icons.tsx            | 16 ++++++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/components/DeploymentsTable.tsx b/src/components/DeploymentsTable.tsx
index 9855488..80f9950 100644
--- a/src/components/DeploymentsTable.tsx
+++ b/src/components/DeploymentsTable.tsx
@@ -195,7 +195,7 @@ export function DeploymentsTable({ deployments, isLoading, onRefresh }: Deployme
               onClick={(e) => e.stopPropagation()}
               title="View in Coolify"
             >
-              <Icon name="external-link" size={16} />
+              <Icon name="coolify" size={16} />
             </a>
           </div>
         ),
diff --git a/src/components/Icons.tsx b/src/components/Icons.tsx
index 8643123..d67a9ae 100644
--- a/src/components/Icons.tsx
+++ b/src/components/Icons.tsx
@@ -122,6 +122,22 @@ export const icons: Record<string, React.ComponentType<IconProps>> = {
   'box': createIcon('<path d="M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z"/><path d="m3.3 7 8.7 5 8.7-5"/><path d="M12 22V12"/>'),
   'rocket': createIcon('<path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09Z"/><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2Z"/><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"/><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"/>'),
 
+  // Coolify logo icon
+  'coolify': function CoolifyIcon({ className = '', size = 24 }: IconProps) {
+    return (
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width={size}
+        height={size}
+        viewBox="0 0 352 352"
+        fill="currentColor"
+        className={className}
+      >
+        <path d="M63.996 64V0h256v64Zm0 192h-64V64h64Zm0 0h256v64h-256Zm32-160V71.067h231.066V32h24.934v64zm0 0v152.533H71.063V96ZM56.93 263.066V288H31.997v-24.934ZM351.996 352h-256v-24.934h231.066V288h24.934z" />
+      </svg>
+    );
+  },
+
   // WhyRating brand logo icon
   'whyrating': function WhyRatingIcon({ className = '', size = 24 }: IconProps) {
     return (