diff --git a/frontend/src/lib/components/icons/WizIcon.svelte b/frontend/src/lib/components/icons/WizIcon.svelte
new file mode 100644
index 0000000000..f3ee8e842e
--- /dev/null
+++ b/frontend/src/lib/components/icons/WizIcon.svelte
@@ -0,0 +1,12 @@
+<script lang="ts">
+	interface Props {
+		height?: string;
+		width?: string;
+	}
+
+	let { height = '24px', width = '24px' }: Props = $props();
+</script>
+
+<svg {width} {height} viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill="#0254EC" d="M16.77.312c-.085-.416-.978-.416-1.063 0-.666 3.246-2.05 8.14-4.652 10.741-2.6 2.601-7.498 3.986-10.743 4.652-.416.085-.416.977 0 1.062 3.245.667 8.142 2.051 10.743 4.652 3.4 3.4 4.57 8.038 4.972 10.827.026.177.58.202.615.027.609-2.996 2-8.074 4.78-10.854 2.601-2.6 7.497-3.985 10.743-4.652.416-.085.416-.977 0-1.062-3.246-.666-8.142-2.05-10.744-4.652-2.6-2.6-3.985-7.495-4.651-10.741Z"/>
+</svg>
diff --git a/frontend/src/lib/components/icons/index.ts b/frontend/src/lib/components/icons/index.ts
index 78767697a1..daadb3449b 100644
--- a/frontend/src/lib/components/icons/index.ts
+++ b/frontend/src/lib/components/icons/index.ts
@@ -214,6 +214,7 @@ import YnabIcon from './YnabIcon.svelte'
 import SpeechifyIcon from './SpeechifyIcon.svelte'
 import ConvertKitIcon from './ConvertKitIcon.svelte'
 import BrowserlessIcon from './BrowserlessIcon.svelte'
+import WizIcon from './WizIcon.svelte'
 import type { Component } from 'svelte'
 export const APP_TO_ICON_COMPONENT = {
 	postgresql: PostgresIcon,
@@ -436,7 +437,8 @@ export const APP_TO_ICON_COMPONENT = {
 	ynab: YnabIcon,
 	speechify: SpeechifyIcon,
 	convertkit: ConvertKitIcon,
-	browserless: BrowserlessIcon
+	browserless: BrowserlessIcon,
+	wiz: WizIcon
 } as unknown as Record<string, Component> // to generate correct svelte package types
 
 export {
@@ -647,5 +649,6 @@ export {
 	YnabIcon,
 	SpeechifyIcon,
 	ConvertKitIcon,
-	BrowserlessIcon
+	BrowserlessIcon,
+	WizIcon
 }