diff --git a/frontend/src/lib/components/icons/SurrealdbIcon.svelte b/frontend/src/lib/components/icons/SurrealdbIcon.svelte
new file mode 100644
index 0000000000..aac76efe5b
--- /dev/null
+++ b/frontend/src/lib/components/icons/SurrealdbIcon.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+	export let height = '24px'
+	export let width = '24px'
+</script>
+
+<svg {width} {height} viewBox="0 0 168 168" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M84.1501 44.6726L123.672 66.5598V57.7846L84.1501 35.9483C78.2718 39.2008 49.8625 54.9047 44.6279 57.7846C49.4898 60.4781 100.549 88.684 131.584 105.828V114.569C127.365 116.907 84.1501 140.776 84.1501 140.776C72.3256 134.254 48.5242 121.108 36.7167 114.569V88.3622L84.1501 114.569L92.0613 110.198L28.8055 75.2672V118.957L84.1501 149.517C89.605 146.502 135.446 121.176 139.478 118.94V101.474L60.4334 57.7846L84.1501 44.6726ZM28.8055 49.0433V66.5259L107.85 110.215L84.1332 123.327L44.611 101.44V110.215L84.1332 132.052C90.0115 128.799 118.421 113.095 123.655 110.215C118.793 107.522 67.7517 79.316 36.7167 62.1552V53.4139C40.9349 51.0761 84.1501 27.207 84.1501 27.207C95.9576 33.746 119.759 46.8918 131.584 53.4139V79.6209L84.1501 53.4139L76.2389 57.7846L139.478 92.7328V49.0433L84.1501 18.4657C78.6783 21.498 32.8543 46.8241 28.8055 49.0433ZM84.1501 1L13 40.3189V127.681L84.1501 167L155.3 127.698V40.3189L84.1501 1ZM147.372 123.31L84.1501 158.259L20.9112 123.31V44.6896L84.1501 9.7413L147.389 44.6896L147.372 123.31Z" fill="url(#paint0_linear_215_188)"/>
+<defs>
+<linearGradient id="paint0_linear_215_188" x1="47.4481" y1="20.4303" x2="120.859" y2="147.582" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF00A0"/>
+<stop offset="1" stop-color="#9600FF"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/frontend/src/lib/components/icons/index.ts b/frontend/src/lib/components/icons/index.ts
index fcc903bbfa..c336dbe50b 100644
--- a/frontend/src/lib/components/icons/index.ts
+++ b/frontend/src/lib/components/icons/index.ts
@@ -44,6 +44,7 @@ import RedditIcon from './RedditIcon.svelte'
 import SupabaseIcon from './SupabaseIcon.svelte'
 import WebdavIcon from './WebdavIcon.svelte'
 import ZammadIcon from './ZammadIcon.svelte'
+import SurrealdbIcon from './SurrealdbIcon.svelte'
 
 export const APP_TO_ICON_COMPONENT = {
 	postgresql: PostgresIcon,
@@ -95,6 +96,7 @@ export const APP_TO_ICON_COMPONENT = {
 	webdav: WebdavIcon,
 	zammad: ZammadIcon,
 	nextcloud: NextcloudIcon,
+	surrealdb: SurrealdbIcon,
 } as const
 
 export {
@@ -141,4 +143,5 @@ export {
 	ZammadIcon,
 	NextcloudIcon,
 	SendflakeIcon,
+	SurrealdbIcon,
 }