diff --git a/frontend/src/lib/components/KanidmSetting.svelte b/frontend/src/lib/components/KanidmSetting.svelte
new file mode 100644
index 0000000000..562a987ec4
--- /dev/null
+++ b/frontend/src/lib/components/KanidmSetting.svelte
@@ -0,0 +1,73 @@
+
+
+
diff --git a/frontend/src/lib/components/icons/KanidmIcon.svelte b/frontend/src/lib/components/icons/KanidmIcon.svelte
new file mode 100644
index 0000000000..18f0e7bddf
--- /dev/null
+++ b/frontend/src/lib/components/icons/KanidmIcon.svelte
@@ -0,0 +1,365 @@
+
+
+
diff --git a/frontend/src/lib/components/icons/index.ts b/frontend/src/lib/components/icons/index.ts
index d36451f9b0..1d5cde77ab 100644
--- a/frontend/src/lib/components/icons/index.ts
+++ b/frontend/src/lib/components/icons/index.ts
@@ -66,8 +66,9 @@ import NocoDbIcon from './NocoDbIcon.svelte'
import AzureIcon from './AzureIcon.svelte'
import OktaIcon from './OktaIcon.svelte'
import MsSqlServerIcon from './MSSqlServerIcon.svelte'
-import AuthentikIcon from './AuthentikIcon.svelte';
-import AutheliaIcon from './AutheliaIcon.svelte';
+import AuthentikIcon from './AuthentikIcon.svelte'
+import AutheliaIcon from './AutheliaIcon.svelte'
+import KanidmIcon from './KanidmIcon.svelte'
export const APP_TO_ICON_COMPONENT = {
postgresql: PostgresIcon,
@@ -142,7 +143,8 @@ export const APP_TO_ICON_COMPONENT = {
azure: AzureIcon,
okta: OktaIcon,
authentik: AuthentikIcon,
- authelia: AutheliaIcon
+ authelia: AutheliaIcon,
+ kanidm: KanidmIcon
} as const
export {
@@ -210,5 +212,6 @@ export {
MicrosoftIcon,
OktaIcon,
AuthentikIcon,
- AutheliaIcon
+ AutheliaIcon,
+ KanidmIcon
}