diff --git a/karavan-app/src/main/webui/src/designer/icons/ComponentIcons.tsx b/karavan-app/src/main/webui/src/designer/icons/ComponentIcons.tsx
index a793e52283c..5d13362a625 100644
--- a/karavan-app/src/main/webui/src/designer/icons/ComponentIcons.tsx
+++ b/karavan-app/src/main/webui/src/designer/icons/ComponentIcons.tsx
@@ -16,6 +16,31 @@
  */
 import React from 'react';
 
+export function SlackIcon() {
+    return (
+        <svg xmlns="http://www.w3.org/2000/svg" width={127} height={127} className="icon">
+            <g fill="none">
+                <path
+                    fill="#E01E5A"
+                    d="M27.2 80c0 7.3-5.9 13.2-13.2 13.2C6.7 93.2.8 87.3.8 80c0-7.3 5.9-13.2 13.2-13.2h13.2V80zm6.6 0c0-7.3 5.9-13.2 13.2-13.2 7.3 0 13.2 5.9 13.2 13.2v33c0 7.3-5.9 13.2-13.2 13.2-7.3 0-13.2-5.9-13.2-13.2V80z"
+                />
+                <path
+                    fill="#36C5F0"
+                    d="M47 27c-7.3 0-13.2-5.9-13.2-13.2C33.8 6.5 39.7.6 47 .6c7.3 0 13.2 5.9 13.2 13.2V27H47zm0 6.7c7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2H13.9C6.6 60.1.7 54.2.7 46.9c0-7.3 5.9-13.2 13.2-13.2H47z"
+                />
+                <path
+                    fill="#2EB67D"
+                    d="M99.9 46.9c0-7.3 5.9-13.2 13.2-13.2 7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2H99.9V46.9zm-6.6 0c0 7.3-5.9 13.2-13.2 13.2-7.3 0-13.2-5.9-13.2-13.2V13.8C66.9 6.5 72.8.6 80.1.6c7.3 0 13.2 5.9 13.2 13.2v33.1z"
+                />
+                <path
+                    fill="#ECB22E"
+                    d="M80.1 99.8c7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2-7.3 0-13.2-5.9-13.2-13.2V99.8h13.2zm0-6.6c-7.3 0-13.2-5.9-13.2-13.2 0-7.3 5.9-13.2 13.2-13.2h33.1c7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2H80.1z"
+                />
+            </g>
+        </svg>
+    )
+}
+
 export function VertXIcon() {
     return (
         <svg
diff --git a/karavan-app/src/main/webui/src/designer/utils/CamelUi.tsx b/karavan-app/src/main/webui/src/designer/utils/CamelUi.tsx
index 7a3235a577f..130cb9378e3 100644
--- a/karavan-app/src/main/webui/src/designer/utils/CamelUi.tsx
+++ b/karavan-app/src/main/webui/src/designer/utils/CamelUi.tsx
@@ -67,7 +67,7 @@ import {
     SapIcon,
     SchedulingIcon,
     ScriptIcon,
-    SearchIcon, SmooksIcon,
+    SearchIcon, SlackIcon, SmooksIcon,
     SocialIcon,
     SpringIcon,
     TerminalIcon,
@@ -587,6 +587,8 @@ export class CamelUi {
             return DirectIcon();
         } else if (title.startsWith("Vert.x")) {
             return VertXIcon();
+        } else if (title.startsWith("Slack")) {
+            return SlackIcon();
         } else if (title === "Exec") {
             return TerminalIcon();
         } else if (title === "Grape") {
diff --git a/karavan-designer/src/designer/icons/ComponentIcons.tsx b/karavan-designer/src/designer/icons/ComponentIcons.tsx
index a793e52283c..5d13362a625 100644
--- a/karavan-designer/src/designer/icons/ComponentIcons.tsx
+++ b/karavan-designer/src/designer/icons/ComponentIcons.tsx
@@ -16,6 +16,31 @@
  */
 import React from 'react';
 
+export function SlackIcon() {
+    return (
+        <svg xmlns="http://www.w3.org/2000/svg" width={127} height={127} className="icon">
+            <g fill="none">
+                <path
+                    fill="#E01E5A"
+                    d="M27.2 80c0 7.3-5.9 13.2-13.2 13.2C6.7 93.2.8 87.3.8 80c0-7.3 5.9-13.2 13.2-13.2h13.2V80zm6.6 0c0-7.3 5.9-13.2 13.2-13.2 7.3 0 13.2 5.9 13.2 13.2v33c0 7.3-5.9 13.2-13.2 13.2-7.3 0-13.2-5.9-13.2-13.2V80z"
+                />
+                <path
+                    fill="#36C5F0"
+                    d="M47 27c-7.3 0-13.2-5.9-13.2-13.2C33.8 6.5 39.7.6 47 .6c7.3 0 13.2 5.9 13.2 13.2V27H47zm0 6.7c7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2H13.9C6.6 60.1.7 54.2.7 46.9c0-7.3 5.9-13.2 13.2-13.2H47z"
+                />
+                <path
+                    fill="#2EB67D"
+                    d="M99.9 46.9c0-7.3 5.9-13.2 13.2-13.2 7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2H99.9V46.9zm-6.6 0c0 7.3-5.9 13.2-13.2 13.2-7.3 0-13.2-5.9-13.2-13.2V13.8C66.9 6.5 72.8.6 80.1.6c7.3 0 13.2 5.9 13.2 13.2v33.1z"
+                />
+                <path
+                    fill="#ECB22E"
+                    d="M80.1 99.8c7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2-7.3 0-13.2-5.9-13.2-13.2V99.8h13.2zm0-6.6c-7.3 0-13.2-5.9-13.2-13.2 0-7.3 5.9-13.2 13.2-13.2h33.1c7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2H80.1z"
+                />
+            </g>
+        </svg>
+    )
+}
+
 export function VertXIcon() {
     return (
         <svg
diff --git a/karavan-designer/src/designer/utils/CamelUi.tsx b/karavan-designer/src/designer/utils/CamelUi.tsx
index 7a3235a577f..130cb9378e3 100644
--- a/karavan-designer/src/designer/utils/CamelUi.tsx
+++ b/karavan-designer/src/designer/utils/CamelUi.tsx
@@ -67,7 +67,7 @@ import {
     SapIcon,
     SchedulingIcon,
     ScriptIcon,
-    SearchIcon, SmooksIcon,
+    SearchIcon, SlackIcon, SmooksIcon,
     SocialIcon,
     SpringIcon,
     TerminalIcon,
@@ -587,6 +587,8 @@ export class CamelUi {
             return DirectIcon();
         } else if (title.startsWith("Vert.x")) {
             return VertXIcon();
+        } else if (title.startsWith("Slack")) {
+            return SlackIcon();
         } else if (title === "Exec") {
             return TerminalIcon();
         } else if (title === "Grape") {
diff --git a/karavan-space/src/designer/icons/ComponentIcons.tsx b/karavan-space/src/designer/icons/ComponentIcons.tsx
index a793e52283c..5d13362a625 100644
--- a/karavan-space/src/designer/icons/ComponentIcons.tsx
+++ b/karavan-space/src/designer/icons/ComponentIcons.tsx
@@ -16,6 +16,31 @@
  */
 import React from 'react';
 
+export function SlackIcon() {
+    return (
+        <svg xmlns="http://www.w3.org/2000/svg" width={127} height={127} className="icon">
+            <g fill="none">
+                <path
+                    fill="#E01E5A"
+                    d="M27.2 80c0 7.3-5.9 13.2-13.2 13.2C6.7 93.2.8 87.3.8 80c0-7.3 5.9-13.2 13.2-13.2h13.2V80zm6.6 0c0-7.3 5.9-13.2 13.2-13.2 7.3 0 13.2 5.9 13.2 13.2v33c0 7.3-5.9 13.2-13.2 13.2-7.3 0-13.2-5.9-13.2-13.2V80z"
+                />
+                <path
+                    fill="#36C5F0"
+                    d="M47 27c-7.3 0-13.2-5.9-13.2-13.2C33.8 6.5 39.7.6 47 .6c7.3 0 13.2 5.9 13.2 13.2V27H47zm0 6.7c7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2H13.9C6.6 60.1.7 54.2.7 46.9c0-7.3 5.9-13.2 13.2-13.2H47z"
+                />
+                <path
+                    fill="#2EB67D"
+                    d="M99.9 46.9c0-7.3 5.9-13.2 13.2-13.2 7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2H99.9V46.9zm-6.6 0c0 7.3-5.9 13.2-13.2 13.2-7.3 0-13.2-5.9-13.2-13.2V13.8C66.9 6.5 72.8.6 80.1.6c7.3 0 13.2 5.9 13.2 13.2v33.1z"
+                />
+                <path
+                    fill="#ECB22E"
+                    d="M80.1 99.8c7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2-7.3 0-13.2-5.9-13.2-13.2V99.8h13.2zm0-6.6c-7.3 0-13.2-5.9-13.2-13.2 0-7.3 5.9-13.2 13.2-13.2h33.1c7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2H80.1z"
+                />
+            </g>
+        </svg>
+    )
+}
+
 export function VertXIcon() {
     return (
         <svg
diff --git a/karavan-space/src/designer/utils/CamelUi.tsx b/karavan-space/src/designer/utils/CamelUi.tsx
index 7a3235a577f..130cb9378e3 100644
--- a/karavan-space/src/designer/utils/CamelUi.tsx
+++ b/karavan-space/src/designer/utils/CamelUi.tsx
@@ -67,7 +67,7 @@ import {
     SapIcon,
     SchedulingIcon,
     ScriptIcon,
-    SearchIcon, SmooksIcon,
+    SearchIcon, SlackIcon, SmooksIcon,
     SocialIcon,
     SpringIcon,
     TerminalIcon,
@@ -587,6 +587,8 @@ export class CamelUi {
             return DirectIcon();
         } else if (title.startsWith("Vert.x")) {
             return VertXIcon();
+        } else if (title.startsWith("Slack")) {
+            return SlackIcon();
         } else if (title === "Exec") {
             return TerminalIcon();
         } else if (title === "Grape") {