diff --git a/package.json b/package.json
index d8ba03c..904e82d 100644
--- a/package.json
+++ b/package.json
@@ -20,11 +20,6 @@
 			"types": "./dist/index.d.ts",
 			"svelte": "./dist/index.js",
 			"import": "./dist/index.js"
-		},
-		"./icons": {
-			"types": "./dist/icons.d.ts",
-			"svelte": "./dist/icons.js",
-			"import": "./dist/icons.js"
 		}
 	},
 	"files": [
@@ -36,7 +31,6 @@
 		"svelte": "3 - 4"
 	},
 	"devDependencies": {
-		"@fontsource/source-sans-pro": "^5.0.8",
 		"@playwright/test": "^1.40.1",
 		"@sveltejs/adapter-auto": "^3.0.1",
 		"@sveltejs/kit": "^2.0.6",
@@ -45,6 +39,7 @@
 		"@typescript-eslint/eslint-plugin": "^6.16.0",
 		"@typescript-eslint/parser": "^6.16.0",
 		"@waku-objects/luminance": "^2.0.1",
+		"carbon-icons-svelte": "^12.4.2",
 		"eslint": "^8.56.0",
 		"eslint-config-prettier": "^9.1.0",
 		"eslint-plugin-svelte": "^2.35.1",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index fe9a3fb..1e5754d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,9 +5,6 @@ settings:
   excludeLinksFromLockfile: false
 
 devDependencies:
-  '@fontsource/source-sans-pro':
-    specifier: ^5.0.8
-    version: 5.0.8
   '@playwright/test':
     specifier: ^1.40.1
     version: 1.40.1
@@ -32,6 +29,9 @@ devDependencies:
   '@waku-objects/luminance':
     specifier: ^2.0.1
     version: 2.0.1
+  carbon-icons-svelte:
+    specifier: ^12.4.2
+    version: 12.4.2
   eslint:
     specifier: ^8.56.0
     version: 8.56.0
@@ -331,10 +331,6 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@fontsource/source-sans-pro@5.0.8:
-    resolution: {integrity: sha512-5U2UvIYRkCMozZ388gCE73PEpa2MFgN/0t9O4a1FF7bGT/MIneQWSL1XpWZ8iMVYdh6ntxRf3iFA6slCIuFgkg==}
-    dev: true
-
   /@humanwhocodes/config-array@0.11.13:
     resolution: {integrity: sha512-JSBDMiDKSzQVngfRjOdFXgFfklaXI4K9nLF49Auh21lmBWRLIK3+xTErTWD4KU54pb6coM6ESE7Awz/FNU3zgQ==}
     engines: {node: '>=10.10.0'}
@@ -940,6 +936,10 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  /carbon-icons-svelte@12.4.2:
+    resolution: {integrity: sha512-NSGcRkbKkJvkfEatHlNh2Gn0pyBGlKkd828kH5HYMh+cwJQLtaAabCT+TcykL4DnSHUKJiXTw7H1CUN5tlNJKg==}
+    dev: true
+
   /chai@4.3.10:
     resolution: {integrity: sha512-0UXG04VuVbruMUYbJ6JctvH0YnC/4q3/AkT18q4NaITo91CUm0liMS9VqzT9vZhVQ/1eqPanMWjBM+Juhfb/9g==}
     engines: {node: '>=4'}
diff --git a/src/lib/icons.ts b/src/lib/icons.ts
deleted file mode 100644
index f7bda69..0000000
--- a/src/lib/icons.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-export { default as AddComment } from './icons/add-comment.svelte'
-export { default as Add } from './icons/add.svelte'
-export { default as ArrowDownRight } from './icons/arrow-down-right.svelte'
-export { default as ArrowRight } from './icons/arrow-right.svelte'
-export { default as Login } from './icons/login.svelte'
-export { default as ChatBot } from './icons/chat-bot.svelte'
-export { default as Light } from './icons/light.svelte'
-export { default as Asleep } from './icons/asleep.svelte'
-export { default as CopyLink } from './icons/copy-link.svelte'
-export { default as ChevronUp } from './icons/chevron-up.svelte'
-export { default as ArrowUpRight } from './icons/arrow-up-right.svelte'
-export { default as ArrowUp } from './icons/arrow-up.svelte'
-export { default as Receipt } from './icons/receipt.svelte'
-export { default as Wallet } from './icons/wallet.svelte'
-export { default as Close } from './icons/close.svelte'
-export { default as User } from './icons/user.svelte'
-export { default as Pending } from './icons/pending.svelte'
-export { default as Logout } from './icons/logout.svelte'
-export { default as CheckmarkFilled } from './icons/checkmark-filled.svelte'
-export { default as CaretDown } from './icons/caret-down.svelte'
-export { default as Events } from './icons/events.svelte'
-export { default as QrCode } from './icons/qr-code.svelte'
-export { default as PaintPalette } from './icons/paint-palette.svelte'
-export { default as ChevronLeft } from './icons/chevron-left.svelte'
-export { default as Checkmark } from './icons/checkmark.svelte'
-export { default as Bullhorn } from './icons/bullhorn.svelte'
-export { default as ChevronDown } from './icons/chevron-down.svelte'
-export { default as TrashCan } from './icons/trash-can.svelte'
-export { default as Settings } from './icons/settings.svelte'
-export { default as Edit } from './icons/edit.svelte'
-export { default as Camera } from './icons/camera.svelte'
-export { default as WarningAltFilled } from './icons/warning-alt-filled.svelte'
-export { default as Renew } from './icons/renew.svelte'
-export { default as ArrowsVertical } from './icons/arrows-vertical.svelte'
-export { default as ChevronRight } from './icons/chevron-right.svelte'
-export { default as DataViewAlt } from './icons/data-view-alt.svelte'
-export { default as SettingsAdjust } from './icons/settings-adjust.svelte'
-export { default as Copy } from './icons/copy.svelte'
-export { default as SettingsView } from './icons/settings-view.svelte'
-export { default as ChatLaunch } from './icons/chat-launch.svelte'
-export { default as ShowDataCards } from './icons/show-data-cards.svelte'
-export { default as UserFollow } from './icons/user-follow.svelte'
-export { default as Launch } from './icons/launch.svelte'
-export { default as DocumentSigned } from './icons/document-signed.svelte'
-export { default as DataBlob } from './icons/data-blob.svelte'
-export { default as Search } from './icons/search.svelte'
-export { default as Explore } from './icons/explore.svelte'
-export { default as Home } from './icons/home.svelte'
-export { default as Information } from './icons/information.svelte'
-export { default as IBMWatsonxAssistant } from './icons/ibm-watsonx-assistant.svelte'
diff --git a/src/lib/icons/add-comment.svelte b/src/lib/icons/add-comment.svelte
deleted file mode 100644
index cea37eb..0000000
--- a/src/lib/icons/add-comment.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M17.74,30,16,29l4-7h6a2,2,0,0,0,2-2V8a2,2,0,0,0-2-2H6A2,2,0,0,0,4,8V20a2,2,0,0,0,2,2h9v2H6a4,4,0,0,1-4-4V8A4,4,0,0,1,6,4H26a4,4,0,0,1,4,4V20a4,4,0,0,1-4,4H21.16Z"
-	/><path d="M17 9L15 9 15 13 11 13 11 15 15 15 15 19 17 19 17 15 21 15 21 13 17 13 17 9z" />
-</svg>
diff --git a/src/lib/icons/add.svelte b/src/lib/icons/add.svelte
deleted file mode 100644
index acb66c7..0000000
--- a/src/lib/icons/add.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<polygon points="17,15 17,8 15,8 15,15 8,15 8,17 15,17 15,24 17,24 17,17 24,17 24,15 " />
-</svg>
diff --git a/src/lib/icons/arrow-down-right.svelte b/src/lib/icons/arrow-down-right.svelte
deleted file mode 100644
index a3b79f9..0000000
--- a/src/lib/icons/arrow-down-right.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path d="M10 26L10 24 22.59 24 6 7.41 7.41 6 24 22.59 24 10 26 10 26 26 10 26z" />
-</svg>
diff --git a/src/lib/icons/arrow-right.svelte b/src/lib/icons/arrow-right.svelte
deleted file mode 100644
index 28bf196..0000000
--- a/src/lib/icons/arrow-right.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<polygon points="18 6 16.57 7.393 24.15 15 4 15 4 17 24.15 17 16.57 24.573 18 26 28 16 18 6" />
-</svg>
diff --git a/src/lib/icons/arrow-up-right.svelte b/src/lib/icons/arrow-up-right.svelte
deleted file mode 100644
index a1936fb..0000000
--- a/src/lib/icons/arrow-up-right.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path d="M10 6L10 8 22.59 8 6 24.59 7.41 26 24 9.41 24 22 26 22 26 6 10 6z" />
-</svg>
diff --git a/src/lib/icons/arrow-up.svelte b/src/lib/icons/arrow-up.svelte
deleted file mode 100644
index b16c0fa..0000000
--- a/src/lib/icons/arrow-up.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path d="M16 4L6 14 7.41 15.41 15 7.83 15 28 17 28 17 7.83 24.59 15.41 26 14 16 4z" />
-</svg>
diff --git a/src/lib/icons/arrows-vertical.svelte b/src/lib/icons/arrows-vertical.svelte
deleted file mode 100644
index c30e4ae..0000000
--- a/src/lib/icons/arrows-vertical.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<polygon points="27.6,20.6 24,24.2 24,4 22,4 22,24.2 18.4,20.6 17,22 23,28 29,22 " />
-	<polygon points="9,4 3,10 4.4,11.4 8,7.8 8,28 10,28 10,7.8 13.6,11.4 15,10 " />
-</svg>
diff --git a/src/lib/icons/asleep.svelte b/src/lib/icons/asleep.svelte
deleted file mode 100644
index 0fe227b..0000000
--- a/src/lib/icons/asleep.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M13.5025,5.4136A15.0755,15.0755,0,0,0,25.096,23.6082a11.1134,11.1134,0,0,1-7.9749,3.3893c-.1385,0-.2782.0051-.4178,0A11.0944,11.0944,0,0,1,13.5025,5.4136M14.98,3a1.0024,1.0024,0,0,0-.1746.0156A13.0959,13.0959,0,0,0,16.63,28.9973c.1641.006.3282,0,.4909,0a13.0724,13.0724,0,0,0,10.702-5.5556,1.0094,1.0094,0,0,0-.7833-1.5644A13.08,13.08,0,0,1,15.8892,4.38,1.0149,1.0149,0,0,0,14.98,3Z"
-	/>
-</svg>
diff --git a/src/lib/icons/bullhorn.svelte b/src/lib/icons/bullhorn.svelte
deleted file mode 100644
index 3038005..0000000
--- a/src/lib/icons/bullhorn.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		class="cls-1"
-		d="M26,6V8.17L5.64,11.87a2,2,0,0,0-1.64,2v4.34a2,2,0,0,0,1.64,2L8,20.56V24a2,2,0,0,0,2,2h8a2,2,0,0,0,2-2V22.74l6,1.09V26h2V6ZM18,24H10V20.93l8,1.45ZM6,18.17V13.83L26,10.2V21.8Z"
-	/>
-</svg>
diff --git a/src/lib/icons/calibrate.svelte b/src/lib/icons/calibrate.svelte
deleted file mode 100644
index 14fcdc0..0000000
--- a/src/lib/icons/calibrate.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M28.83,21.17,25,17.37l.67-.67a1,1,0,0,0,0-1.41l-6-6a1,1,0,0,0-1.41,0h0l-.79.79L10.71,3.29a1,1,0,0,0-1.41,0h0l-4,4-.12.15-4,6a1,1,0,0,0,.12,1.26l3,3a1,1,0,0,0,1.42,0L10,13.41l2.09,2.09-4.8,4.79a1,1,0,0,0,0,1.41l2,2A1,1,0,0,0,10,24a1,1,0,0,0,.52-.15l4.33-2.6,2.44,2.45a1,1,0,0,0,1.41,0h0l.67-.7,3.79,3.83a4,4,0,0,0,5.66-5.66ZM10,10.58l-5,5L3.29,13.87,6.78,8.63,10,5.41l6.09,6.09L13.5,14.08Zm8,11-2.84-2.84-5,3L9.42,21,19,11.41,23.59,16Zm9.42,3.83a2,2,0,0,1-2.83,0h0l-3.8-3.79,2.83-2.83,3.8,3.79a2,2,0,0,1,0,2.83Z"
-	/>
-</svg>
diff --git a/src/lib/icons/camera.svelte b/src/lib/icons/camera.svelte
deleted file mode 100644
index f119b3d..0000000
--- a/src/lib/icons/camera.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M29,26H3a1,1,0,0,1-1-1V8A1,1,0,0,1,3,7H9.46l1.71-2.55A1,1,0,0,1,12,4h8a1,1,0,0,1,.83.45L22.54,7H29a1,1,0,0,1,1,1V25A1,1,0,0,1,29,26ZM4,24H28V9H22a1,1,0,0,1-.83-.45L19.46,6H12.54L10.83,8.55A1,1,0,0,1,10,9H4Z"
-	/>
-	<path d="M16,22a6,6,0,1,1,6-6A6,6,0,0,1,16,22Zm0-10a4,4,0,1,0,4,4A4,4,0,0,0,16,12Z" />
-</svg>
diff --git a/src/lib/icons/caret-down.svelte b/src/lib/icons/caret-down.svelte
deleted file mode 100644
index 3c9e482..0000000
--- a/src/lib/icons/caret-down.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path d="M24 12L16 22 8 12z" />
-</svg>
diff --git a/src/lib/icons/chat-bot.svelte b/src/lib/icons/chat-bot.svelte
deleted file mode 100644
index 1df18ba..0000000
--- a/src/lib/icons/chat-bot.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M16 19a6.9908 6.9908 0 01-5.833-3.1287l1.666-1.1074a5.0007 5.0007 0 008.334 0l1.666 1.1074A6.9908 6.9908 0 0116 19zM20 8a2 2 0 102 2A1.9806 1.9806 0 0020 8zM12 8a2 2 0 102 2A1.9806 1.9806 0 0012 8z"
-	/><path
-		d="M17.7358,30,16,29l4-7h6a1.9966,1.9966,0,0,0,2-2V6a1.9966,1.9966,0,0,0-2-2H6A1.9966,1.9966,0,0,0,4,6V20a1.9966,1.9966,0,0,0,2,2h9v2H6a3.9993,3.9993,0,0,1-4-4V6A3.9988,3.9988,0,0,1,6,2H26a3.9988,3.9988,0,0,1,4,4V20a3.9993,3.9993,0,0,1-4,4H21.1646Z"
-	/>
-</svg>
diff --git a/src/lib/icons/chat-launch.svelte b/src/lib/icons/chat-launch.svelte
deleted file mode 100644
index 4bf879a..0000000
--- a/src/lib/icons/chat-launch.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M22 4L22 6 26.586 6 20 12.586 21.414 14 28 7.414 28 12 30 12 30 4 22 4zM28 16v4a1.9965 1.9965 0 01-2 2H20l-4 7 1.7358 1 3.4288-6H26a3.9992 3.9992 0 004-4V16zM4 20V8A1.9965 1.9965 0 016 6H18V4H6A3.9986 3.9986 0 002 8V20a3.9992 3.9992 0 004 4h9V22H6A1.9965 1.9965 0 014 20z"
-	/>
-</svg>
diff --git a/src/lib/icons/checkmark-filled.svelte b/src/lib/icons/checkmark-filled.svelte
deleted file mode 100644
index 94fb041..0000000
--- a/src/lib/icons/checkmark-filled.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2ZM14,21.5908l-5-5L10.5906,15,14,18.4092,21.41,11l1.5957,1.5859Z"
-	/><path
-		fill="none"
-		d="M14 21.591L9 16.591 10.591 15 14 18.409 21.41 11 23.005 12.585 14 21.591z"
-		data-icon-path="inner-path"
-	/>
-</svg>
diff --git a/src/lib/icons/checkmark.svelte b/src/lib/icons/checkmark.svelte
deleted file mode 100644
index 3829ae4..0000000
--- a/src/lib/icons/checkmark.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<polygon points="13 24 4 15 5.414 13.586 13 21.171 26.586 7.586 28 9 13 24" />
-</svg>
diff --git a/src/lib/icons/chevron-down.svelte b/src/lib/icons/chevron-down.svelte
deleted file mode 100644
index 267ff54..0000000
--- a/src/lib/icons/chevron-down.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<polygon points="16,22 6,12 7.4,10.6 16,19.2 24.6,10.6 26,12 " />
-</svg>
diff --git a/src/lib/icons/chevron-left.svelte b/src/lib/icons/chevron-left.svelte
deleted file mode 100644
index 86c9224..0000000
--- a/src/lib/icons/chevron-left.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path d="M10 16L20 6 21.4 7.4 12.8 16 21.4 24.6 20 26z" />
-</svg>
diff --git a/src/lib/icons/chevron-right.svelte b/src/lib/icons/chevron-right.svelte
deleted file mode 100644
index 7f68669..0000000
--- a/src/lib/icons/chevron-right.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path d="M22 16L12 26 10.6 24.6 19.2 16 10.6 7.4 12 6z" />
-</svg>
diff --git a/src/lib/icons/chevron-up.svelte b/src/lib/icons/chevron-up.svelte
deleted file mode 100644
index 1cbcfb8..0000000
--- a/src/lib/icons/chevron-up.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<polygon points="16,10 26,20 24.6,21.4 16,12.8 7.4,21.4 6,20 " />
-</svg>
diff --git a/src/lib/icons/close.svelte b/src/lib/icons/close.svelte
deleted file mode 100644
index d3e0f3b..0000000
--- a/src/lib/icons/close.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<polygon
-		points="24 9.4 22.6 8 16 14.6 9.4 8 8 9.4 14.6 16 8 22.6 9.4 24 16 17.4 22.6 24 24 22.6 17.4 16 24 9.4"
-	/>
-</svg>
diff --git a/src/lib/icons/copy-link.svelte b/src/lib/icons/copy-link.svelte
deleted file mode 100644
index 554cb7d..0000000
--- a/src/lib/icons/copy-link.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M11.9474,19a4.9476,4.9476,0,0,1-3.4991-8.4465l5.1053-5.1043a4.9482,4.9482,0,0,1,6.9981,6.9976l-.5523.5526-1.4158-1.4129.5577-.5579a2.95,2.95,0,0,0-.0039-4.1653,3.02,3.02,0,0,0-4.17,0l-5.1047,5.104a2.9474,2.9474,0,0,0,0,4.1692,3.02,3.02,0,0,0,4.17,0l1.4143,1.4145A4.9176,4.9176,0,0,1,11.9474,19Z"
-	/>
-	<path
-		d="M19.9474,17a4.9476,4.9476,0,0,1-3.4991-8.4465l.5526-.5526,1.4143,1.4146-.5526.5523a2.9476,2.9476,0,0,0,0,4.1689,3.02,3.02,0,0,0,4.17,0c.26-.26,4.7293-4.7293,5.1053-5.1045a2.951,2.951,0,0,0,0-4.1687,3.02,3.02,0,0,0-4.17,0L21.5536,3.449a4.9483,4.9483,0,0,1,6.9981,6.9978c-.3765.376-4.844,4.8428-5.1038,5.1035A4.9193,4.9193,0,0,1,19.9474,17Z"
-	/>
-	<path
-		d="M24,30H4a2.0021,2.0021,0,0,1-2-2V8A2.0021,2.0021,0,0,1,4,6H8V8H4V28H24V18h2V28A2.0021,2.0021,0,0,1,24,30Z"
-	/>
-</svg>
diff --git a/src/lib/icons/copy.svelte b/src/lib/icons/copy.svelte
deleted file mode 100644
index 5d530c0..0000000
--- a/src/lib/icons/copy.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M28,10V28H10V10H28m0-2H10a2,2,0,0,0-2,2V28a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10a2,2,0,0,0-2-2Z"
-	/>
-	<path d="M4,18H2V4A2,2,0,0,1,4,2H18V4H4Z" />
-</svg>
diff --git a/src/lib/icons/data-blob.svelte b/src/lib/icons/data-blob.svelte
deleted file mode 100644
index b379e51..0000000
--- a/src/lib/icons/data-blob.svelte
+++ /dev/null
@@ -1,23 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M28,30H4a2.0021,2.0021,0,0,1-2-2V4A2.0021,2.0021,0,0,1,4,2H28a2.0021,2.0021,0,0,1,2,2V28A2.0021,2.0021,0,0,1,28,30ZM4,4V28H28V4Z"
-	/>
-	<rect x="13" y="7" width="2" height="7" />
-	<rect x="8" y="7" width="2" height="7" />
-	<path
-		d="M22,14H20a2.0021,2.0021,0,0,1-2-2V9a2.0021,2.0021,0,0,1,2-2h2a2.0021,2.0021,0,0,1,2,2v3A2.0021,2.0021,0,0,1,22,14ZM20,9v3h2V9Z"
-	/>
-	<rect x="22" y="18" width="2" height="7" />
-	<rect x="8" y="18" width="2" height="7" />
-	<path
-		d="M17,25H15a2.0021,2.0021,0,0,1-2-2V20a2.0021,2.0021,0,0,1,2-2h2a2.0021,2.0021,0,0,1,2,2v3A2.0021,2.0021,0,0,1,17,25Zm-2-5v3h2V20Z"
-	/>
-</svg>
diff --git a/src/lib/icons/data-view-alt.svelte b/src/lib/icons/data-view-alt.svelte
deleted file mode 100644
index acd944f..0000000
--- a/src/lib/icons/data-view-alt.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<circle cx="22" cy="24" r="2" />
-	<path
-		d="M29.7769 23.4785A8.64 8.64 0 0022 18a8.64 8.64 0 00-7.7769 5.4785L14 24l.2231.5215A8.64 8.64 0 0022 30a8.64 8.64 0 007.7769-5.4785L30 24zM22 28a4 4 0 114-4A4.0045 4.0045 0 0122 28zM7 17H12V19H7zM7 12H19V14H7zM7 7H19V9H7z"
-	/>
-	<path
-		d="M22,2,4,2A2.0058,2.0058,0,0,0,2,4V28a2.0058,2.0058,0,0,0,2,2h8V28H4V4H22V15h2V4A2.0058,2.0058,0,0,0,22,2Z"
-	/>
-</svg>
diff --git a/src/lib/icons/document-signed.svelte b/src/lib/icons/document-signed.svelte
deleted file mode 100644
index 5cc5a4c..0000000
--- a/src/lib/icons/document-signed.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M19.4141,30H15V25.5857l5.0337-5.0337A4.6069,4.6069,0,0,1,20,20a5,5,0,1,1,4.4478,4.9663ZM17,28h1.5859l5.2061-5.2063.5395.1238a3.0351,3.0351,0,1,0-2.249-2.2488l.1236.5393L17,26.4143Z"
-		transform="translate(0 0)"
-	/>
-	<circle cx="25" cy="20" r="1" />
-	<rect x="8" y="6" width="12" height="2" />
-	<rect x="8" y="10" width="12" height="2" />
-	<rect x="8" y="14" width="6" height="2" />
-	<rect x="8" y="24" width="4" height="2" />
-	<path
-		d="M12,30H6a2.0021,2.0021,0,0,1-2-2V4A2.0021,2.0021,0,0,1,6,2H22a2.0021,2.0021,0,0,1,2,2v9H22V4H6V28h6Z"
-	/>
-</svg>
diff --git a/src/lib/icons/edit.svelte b/src/lib/icons/edit.svelte
deleted file mode 100644
index 89701b3..0000000
--- a/src/lib/icons/edit.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M2 26H30V28H2zM25.4 9c.8-.8.8-2 0-2.8 0 0 0 0 0 0l-3.6-3.6c-.8-.8-2-.8-2.8 0 0 0 0 0 0 0l-15 15V24h6.4L25.4 9zM20.4 4L24 7.6l-3 3L17.4 7 20.4 4zM6 22v-3.6l10-10 3.6 3.6-10 10H6z"
-	/>
-</svg>
diff --git a/src/lib/icons/events.svelte b/src/lib/icons/events.svelte
deleted file mode 100644
index b56fedc..0000000
--- a/src/lib/icons/events.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M26 14H24v2h2a3.0033 3.0033 0 013 3v4h2V19A5.0058 5.0058 0 0026 14zM24 4a3 3 0 11-3 3 3 3 0 013-3m0-2a5 5 0 105 5A5 5 0 0024 2zM23 30H21V28a3.0033 3.0033 0 00-3-3H14a3.0033 3.0033 0 00-3 3v2H9V28a5.0059 5.0059 0 015-5h4a5.0059 5.0059 0 015 5zM16 13a3 3 0 11-3 3 3 3 0 013-3m0-2a5 5 0 105 5A5 5 0 0016 11zM8 14H6a5.0059 5.0059 0 00-5 5v4H3V19a3.0033 3.0033 0 013-3H8zM8 4A3 3 0 115 7 3 3 0 018 4M8 2a5 5 0 105 5A5 5 0 008 2z"
-	/>
-</svg>
diff --git a/src/lib/icons/explore.svelte b/src/lib/icons/explore.svelte
deleted file mode 100644
index 6637011..0000000
--- a/src/lib/icons/explore.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M22.707,9.2931a.9992.9992,0,0,0-1.0234-.2417l-9,3a1.001,1.001,0,0,0-.6323.6323l-3,9a1,1,0,0,0,1.2651,1.2651l9-3a1.0013,1.0013,0,0,0,.6323-.6324l3-9A1,1,0,0,0,22.707,9.2931ZM11.5811,20.419l2.2094-6.6284L18.21,18.21Z"
-	/>
-	<path
-		d="M16,30A14,14,0,1,1,30,16,14.0158,14.0158,0,0,1,16,30ZM16,4A12,12,0,1,0,28,16,12.0137,12.0137,0,0,0,16,4Z"
-	/>
-</svg>
diff --git a/src/lib/icons/home.svelte b/src/lib/icons/home.svelte
deleted file mode 100644
index c205093..0000000
--- a/src/lib/icons/home.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M16.6123,2.2138a1.01,1.01,0,0,0-1.2427,0L1,13.4194l1.2427,1.5717L4,13.6209V26a2.0041,2.0041,0,0,0,2,2H26a2.0037,2.0037,0,0,0,2-2V13.63L29.7573,15,31,13.4282ZM18,26H14V18h4Zm2,0V18a2.0023,2.0023,0,0,0-2-2H14a2.002,2.002,0,0,0-2,2v8H6V12.0615l10-7.79,10,7.8005V26Z"
-	/>
-</svg>
diff --git a/src/lib/icons/ibm-watsonx-assistant.svelte b/src/lib/icons/ibm-watsonx-assistant.svelte
deleted file mode 100644
index 8b7991e..0000000
--- a/src/lib/icons/ibm-watsonx-assistant.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="m28,2h-10c-1.1035,0-2,.8965-2,2v6c0,1.1035.8965,2,2,2h2.4229s1.7314,3,1.7314,3l1.7324-1-2.3096-4h-3.5771V4h10v6h-3s0,2,0,2h3c1.1035,0,2-.8965,2-2V4c0-1.1035-.8965-2-2-2Z"
-	/>
-	<path
-		d="m14.6904,31l-1.7324-1,3.4648-6h5.5771c1.1046,0,2-.8954,2-2v-5h2v5c0,2.2091-1.7909,4-4,4h-4.4229l-2.8867,5Z"
-	/>
-	<circle cx="10" cy="17" r="1" />
-	<circle cx="14" cy="17" r="1" />
-	<circle cx="18" cy="17" r="1" />
-	<path
-		d="m12,26h-6c-2.2091,0-4-1.7909-4-4v-10c0-2.2091,1.7909-4,4-4h8v2H6c-1.1046,0-2,.8954-2,2v10c0,1.1046.8954,2,2,2h6v2Z"
-	/>
-</svg>
diff --git a/src/lib/icons/information.svelte b/src/lib/icons/information.svelte
deleted file mode 100644
index bafc00b..0000000
--- a/src/lib/icons/information.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M17 22L17 14 13 14 13 16 15 16 15 22 12 22 12 24 20 24 20 22 17 22zM16 8a1.5 1.5 0 101.5 1.5A1.5 1.5 0 0016 8z"
-	/><path
-		d="M16,30A14,14,0,1,1,30,16,14,14,0,0,1,16,30ZM16,4A12,12,0,1,0,28,16,12,12,0,0,0,16,4Z"
-	/>
-</svg>
diff --git a/src/lib/icons/launch.svelte b/src/lib/icons/launch.svelte
deleted file mode 100644
index c07a991..0000000
--- a/src/lib/icons/launch.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M26,28H6a2.0027,2.0027,0,0,1-2-2V6A2.0027,2.0027,0,0,1,6,4H16V6H6V26H26V16h2V26A2.0027,2.0027,0,0,1,26,28Z"
-	/><path d="M20 2L20 4 26.586 4 18 12.586 19.414 14 28 5.414 28 12 30 12 30 2 20 2z" />
-</svg>
diff --git a/src/lib/icons/light.svelte b/src/lib/icons/light.svelte
deleted file mode 100644
index 97aa46a..0000000
--- a/src/lib/icons/light.svelte
+++ /dev/null
@@ -1,43 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<rect x="15" y="2" width="2" height="5" />
-	<rect
-		x="21.6675"
-		y="6.8536"
-		width="4.958"
-		height="1.9998"
-		transform="translate(1.5191 19.3744) rotate(-45)"
-	/>
-	<rect x="25" y="15" width="5" height="2" />
-	<rect
-		x="23.1466"
-		y="21.6675"
-		width="1.9998"
-		height="4.958"
-		transform="translate(-10.0018 24.1465) rotate(-45)"
-	/>
-	<rect x="15" y="25" width="2" height="5" />
-	<rect
-		x="5.3745"
-		y="23.1466"
-		width="4.958"
-		height="1.9998"
-		transform="translate(-14.7739 12.6256) rotate(-45)"
-	/>
-	<rect x="2" y="15" width="5" height="2" />
-	<rect
-		x="6.8536"
-		y="5.3745"
-		width="1.9998"
-		height="4.958"
-		transform="translate(-3.253 7.8535) rotate(-45)"
-	/>
-	<path d="M16,12a4,4,0,1,1-4,4,4.0045,4.0045,0,0,1,4-4m0-2a6,6,0,1,0,6,6,6,6,0,0,0-6-6Z" />
-</svg>
diff --git a/src/lib/icons/login.svelte b/src/lib/icons/login.svelte
deleted file mode 100644
index 92e9aa3..0000000
--- a/src/lib/icons/login.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M26,30H14a2,2,0,0,1-2-2V25h2v3H26V4H14V7H12V4a2,2,0,0,1,2-2H26a2,2,0,0,1,2,2V28A2,2,0,0,1,26,30Z"
-	/><path d="M14.59 20.59L18.17 17 4 17 4 15 18.17 15 14.59 11.41 16 10 22 16 16 22 14.59 20.59z" />
-</svg>
diff --git a/src/lib/icons/logo-discord.svelte b/src/lib/icons/logo-discord.svelte
deleted file mode 100644
index beff67b..0000000
--- a/src/lib/icons/logo-discord.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M25.7,7.1C23.9,6.3,22,5.7,20,5.3c0,0-0.1,0-0.1,0c-0.2,0.4-0.5,1-0.7,1.5c-2.2-0.3-4.3-0.3-6.4,0c-0.2-0.5-0.5-1-0.7-1.5 c0,0-0.1,0-0.1,0c-2,0.3-3.9,0.9-5.7,1.8c0,0,0,0,0,0c-3.6,5.4-4.6,10.7-4.1,15.9c0,0,0,0.1,0,0.1c2.4,1.8,4.7,2.8,7,3.5 c0,0,0.1,0,0.1,0c0.5-0.7,1-1.5,1.4-2.3c0,0,0-0.1,0-0.1c-0.8-0.3-1.5-0.6-2.2-1c-0.1,0-0.1-0.1,0-0.1c0.1-0.1,0.3-0.2,0.4-0.3 c0,0,0.1,0,0.1,0c4.6,2.1,9.5,2.1,14.1,0c0,0,0.1,0,0.1,0c0.1,0.1,0.3,0.2,0.4,0.3c0.1,0,0,0.1,0,0.1c-0.7,0.4-1.4,0.8-2.2,1 c0,0-0.1,0.1,0,0.1c0.4,0.8,0.9,1.6,1.4,2.3c0,0,0.1,0,0.1,0c2.3-0.7,4.6-1.8,7-3.5c0,0,0,0,0-0.1C30.5,17,28.9,11.8,25.7,7.1 C25.7,7.1,25.7,7.1,25.7,7.1z M11.4,19.9c-1.4,0-2.5-1.3-2.5-2.8s1.1-2.8,2.5-2.8c1.4,0,2.5,1.3,2.5,2.8 C13.9,18.6,12.8,19.9,11.4,19.9z M20.7,19.9c-1.4,0-2.5-1.3-2.5-2.8s1.1-2.8,2.5-2.8c1.4,0,2.5,1.3,2.5,2.8 C23.2,18.6,22.1,19.9,20.7,19.9z"
-	/>
-</svg>
diff --git a/src/lib/icons/logo-github.svelte b/src/lib/icons/logo-github.svelte
deleted file mode 100644
index 4ddc56f..0000000
--- a/src/lib/icons/logo-github.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		fill-rule="evenodd"
-		d="M16,2a14,14,0,0,0-4.43,27.28c.7.13,1-.3,1-.67s0-1.21,0-2.38c-3.89.84-4.71-1.88-4.71-1.88A3.71,3.71,0,0,0,6.24,22.3c-1.27-.86.1-.85.1-.85A2.94,2.94,0,0,1,8.48,22.9a3,3,0,0,0,4.08,1.16,2.93,2.93,0,0,1,.88-1.87c-3.1-.36-6.37-1.56-6.37-6.92a5.4,5.4,0,0,1,1.44-3.76,5,5,0,0,1,.14-3.7s1.17-.38,3.85,1.43a13.3,13.3,0,0,1,7,0c2.67-1.81,3.84-1.43,3.84-1.43a5,5,0,0,1,.14,3.7,5.4,5.4,0,0,1,1.44,3.76c0,5.38-3.27,6.56-6.39,6.91a3.33,3.33,0,0,1,.95,2.59c0,1.87,0,3.38,0,3.84s.25.81,1,.67A14,14,0,0,0,16,2Z"
-	/>
-</svg>
diff --git a/src/lib/icons/logout.svelte b/src/lib/icons/logout.svelte
deleted file mode 100644
index e15993c..0000000
--- a/src/lib/icons/logout.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M6,30H18a2.0023,2.0023,0,0,0,2-2V25H18v3H6V4H18V7h2V4a2.0023,2.0023,0,0,0-2-2H6A2.0023,2.0023,0,0,0,4,4V28A2.0023,2.0023,0,0,0,6,30Z"
-	/><path
-		d="M20.586 20.586L24.172 17 10 17 10 15 24.172 15 20.586 11.414 22 10 28 16 22 22 20.586 20.586z"
-	/>
-</svg>
diff --git a/src/lib/icons/menu.svelte b/src/lib/icons/menu.svelte
deleted file mode 100644
index e442779..0000000
--- a/src/lib/icons/menu.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path d="M4 6H28V8H4zM4 24H28V26H4zM4 12H28V14H4zM4 18H28V20H4z" />
-</svg>
diff --git a/src/lib/icons/paint-palette.svelte b/src/lib/icons/paint-palette.svelte
deleted file mode 100644
index 346292c..0000000
--- a/src/lib/icons/paint-palette.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<circle cx="10" cy="12" r="2" />
-	<circle cx="16" cy="9" r="2" />
-	<circle cx="22" cy="12" r="2" />
-	<circle cx="23" cy="18" r="2" />
-	<circle cx="19" cy="23" r="2" />
-	<path
-		d="M16.54,2A14,14,0,0,0,2,16a4.82,4.82,0,0,0,6.09,4.65l1.12-.31A3,3,0,0,1,13,23.24V27a3,3,0,0,0,3,3A14,14,0,0,0,30,15.46,14.05,14.05,0,0,0,16.54,2Zm8.11,22.31A11.93,11.93,0,0,1,16,28a1,1,0,0,1-1-1V23.24a5,5,0,0,0-5-5,5.07,5.07,0,0,0-1.33.18l-1.12.31A2.82,2.82,0,0,1,4,16,12,12,0,0,1,16.47,4,12.18,12.18,0,0,1,28,15.53,11.89,11.89,0,0,1,24.65,24.32Z"
-	/>
-</svg>
diff --git a/src/lib/icons/pending.svelte b/src/lib/icons/pending.svelte
deleted file mode 100644
index 6919b6c..0000000
--- a/src/lib/icons/pending.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<circle cx="9" cy="16" r="2" /><circle cx="23" cy="16" r="2" /><circle
-		cx="16"
-		cy="16"
-		r="2"
-	/><path
-		d="M16,30A14,14,0,1,1,30,16,14.0158,14.0158,0,0,1,16,30ZM16,4A12,12,0,1,0,28,16,12.0137,12.0137,0,0,0,16,4Z"
-	/>
-</svg>
diff --git a/src/lib/icons/qr-code.svelte b/src/lib/icons/qr-code.svelte
deleted file mode 100644
index afcca37..0000000
--- a/src/lib/icons/qr-code.svelte
+++ /dev/null
@@ -1,34 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<rect x="24" y="26" width="2" height="2" transform="translate(-2 52) rotate(-90)" />
-	<rect x="18" y="22" width="2" height="2" transform="translate(-4 42) rotate(-90)" />
-	<polygon points="18 30 22 30 22 28 20 28 20 26 18 26 18 30" /><rect
-		x="24.9999"
-		y="23"
-		width="4"
-		height="2"
-		transform="translate(2.9999 50.9999) rotate(-90)"
-	/>
-	<polygon points="28 26 30 26 30 30 26 30 26 28 28 28 28 26" /><polygon
-		points="26 20 26 18 30 18 30 22 28 22 28 20 26 20"
-	/><polygon points="24 20 22 20 22 24 20 24 20 26 24 26 24 20" /><rect
-		x="19"
-		y="17"
-		width="2"
-		height="4"
-		transform="translate(1 39) rotate(-90)"
-	/><rect x="6" y="22" width="4" height="4" /><path d="M14,30H2V18H14ZM4,28h8V20H4Z" /><rect
-		x="22"
-		y="6"
-		width="4"
-		height="4"
-	/><path d="M30,14H18V2H30ZM20,12h8V4H20Z" />
-	<rect x="6" y="6" width="4" height="4" /><path d="M14,14H2V2H14ZM4,12h8V4H4Z" />
-</svg>
diff --git a/src/lib/icons/receipt.svelte b/src/lib/icons/receipt.svelte
deleted file mode 100644
index c527713..0000000
--- a/src/lib/icons/receipt.svelte
+++ /dev/null
@@ -1,17 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}
-	><rect x="21" y="16" width="2" height="2" />
-	<rect x="9" y="16" width="8" height="2" /><rect x="21" y="12" width="2" height="2" />
-	<rect x="9" y="12" width="8" height="2" />
-	<rect x="9" y="8" width="14" height="2" />
-	<path
-		d="M25,2H7A2.002,2.002,0,0,0,5,4V29a1,1,0,0,0,1,1H7a.9987.9987,0,0,0,.8-.4L10,26.667,12.2,29.6a1.0353,1.0353,0,0,0,1.6,0L16,26.667,18.2,29.6a1.0353,1.0353,0,0,0,1.6,0L22,26.667,24.2,29.6a.9993.9993,0,0,0,.8.4h1a1,1,0,0,0,1-1V4A2.0023,2.0023,0,0,0,25,2Zm0,25.333L22.8,24.4a1.0353,1.0353,0,0,0-1.6,0L19,27.333,16.8,24.4a1.0353,1.0353,0,0,0-1.6,0L13,27.333,10.8,24.4a1.0353,1.0353,0,0,0-1.6,0L7,27.333V4H25Z"
-	/>
-</svg>
diff --git a/src/lib/icons/renew.svelte b/src/lib/icons/renew.svelte
deleted file mode 100644
index e84846b..0000000
--- a/src/lib/icons/renew.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path d="M12,10H6.78A11,11,0,0,1,27,16h2A13,13,0,0,0,6,7.68V4H4v8h8Z" />
-	<path d="M20,22h5.22A11,11,0,0,1,5,16H3a13,13,0,0,0,23,8.32V28h2V20H20Z" />
-</svg>
diff --git a/src/lib/icons/search.svelte b/src/lib/icons/search.svelte
deleted file mode 100644
index 3e18886..0000000
--- a/src/lib/icons/search.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M29,27.5859l-7.5521-7.5521a11.0177,11.0177,0,1,0-1.4141,1.4141L27.5859,29ZM4,13a9,9,0,1,1,9,9A9.01,9.01,0,0,1,4,13Z"
-	/>
-</svg>
diff --git a/src/lib/icons/settings-adjust.svelte b/src/lib/icons/settings-adjust.svelte
deleted file mode 100644
index c450b40..0000000
--- a/src/lib/icons/settings-adjust.svelte
+++ /dev/null
@@ -1,18 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M30,8h-4.1c-0.5-2.3-2.5-4-4.9-4s-4.4,1.7-4.9,4H2v2h14.1c0.5,2.3,2.5,4,4.9,4s4.4-1.7,4.9-4H30V8z M21,12c-1.7,0-3-1.3-3-3
-	s1.3-3,3-3s3,1.3,3,3S22.7,12,21,12z"
-	/>
-	<path
-		d="M2,24h4.1c0.5,2.3,2.5,4,4.9,4s4.4-1.7,4.9-4H30v-2H15.9c-0.5-2.3-2.5-4-4.9-4s-4.4,1.7-4.9,4H2V24z M11,20c1.7,0,3,1.3,3,3
-	s-1.3,3-3,3s-3-1.3-3-3S9.3,20,11,20z"
-	/>
-</svg>
diff --git a/src/lib/icons/settings-view.svelte b/src/lib/icons/settings-view.svelte
deleted file mode 100644
index 640c096..0000000
--- a/src/lib/icons/settings-view.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<circle cx="23" cy="24" r="2" /><path
-		d="M30.7769 23.4785A8.64 8.64 0 0023 18a8.64 8.64 0 00-7.7769 5.4785L15 24l.2231.5215A8.64 8.64 0 0023 30a8.64 8.64 0 007.7769-5.4785L31 24zM23 28a4 4 0 114-4A4.0045 4.0045 0 0123 28zM12.3989 20.8A6 6 0 1122 16H20a4 4 0 10-6.4 3.2z"
-	/><path
-		d="M29.3047,11.0439,26.9441,6.9561a1.9977,1.9977,0,0,0-2.3728-.8946l-2.4341.8233a11.0419,11.0419,0,0,0-1.312-.7583l-.5037-2.5186A2,2,0,0,0,18.36,2H13.64a2,2,0,0,0-1.9611,1.6079l-.5037,2.5186A10.9666,10.9666,0,0,0,9.8481,6.88L7.4287,6.0615a1.9977,1.9977,0,0,0-2.3728.8946L2.6953,11.0439a2.0006,2.0006,0,0,0,.4119,2.5025l1.9309,1.6968C5.021,15.4946,5,15.7446,5,16c0,.2578.01.5127.0278.7656l-1.9206,1.688a2.0006,2.0006,0,0,0-.4119,2.5025l2.3606,4.0878a1.9977,1.9977,0,0,0,2.3728.8946l2.4341-.8233a10.9736,10.9736,0,0,0,1.312.7583l.5037,2.5186A2,2,0,0,0,13.64,30H15V28H13.64l-.71-3.5508a9.0953,9.0953,0,0,1-2.6948-1.5713l-3.4468,1.166-2.36-4.0878L7.1528,17.561a8.9263,8.9263,0,0,1-.007-3.1279L4.4275,12.0439,6.7886,7.9561l3.4267,1.1591a9.0305,9.0305,0,0,1,2.7141-1.5644L13.64,4H18.36l.71,3.5508a9.0978,9.0978,0,0,1,2.6948,1.5713l3.4468-1.166,2.36,4.0878-2.7978,2.4522L26.0923,16l2.8-2.4536A2.0006,2.0006,0,0,0,29.3047,11.0439Z"
-	/>
-</svg>
diff --git a/src/lib/icons/settings.svelte b/src/lib/icons/settings.svelte
deleted file mode 100644
index 9b6795e..0000000
--- a/src/lib/icons/settings.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M27,16.76c0-.25,0-.5,0-.76s0-.51,0-.77l1.92-1.68A2,2,0,0,0,29.3,11L26.94,7a2,2,0,0,0-1.73-1,2,2,0,0,0-.64.1l-2.43.82a11.35,11.35,0,0,0-1.31-.75l-.51-2.52a2,2,0,0,0-2-1.61H13.64a2,2,0,0,0-2,1.61l-.51,2.52a11.48,11.48,0,0,0-1.32.75L7.43,6.06A2,2,0,0,0,6.79,6,2,2,0,0,0,5.06,7L2.7,11a2,2,0,0,0,.41,2.51L5,15.24c0,.25,0,.5,0,.76s0,.51,0,.77L3.11,18.45A2,2,0,0,0,2.7,21L5.06,25a2,2,0,0,0,1.73,1,2,2,0,0,0,.64-.1l2.43-.82a11.35,11.35,0,0,0,1.31.75l.51,2.52a2,2,0,0,0,2,1.61h4.72a2,2,0,0,0,2-1.61l.51-2.52a11.48,11.48,0,0,0,1.32-.75l2.42.82a2,2,0,0,0,.64.1,2,2,0,0,0,1.73-1L29.3,21a2,2,0,0,0-.41-2.51ZM25.21,24l-3.43-1.16a8.86,8.86,0,0,1-2.71,1.57L18.36,28H13.64l-.71-3.55a9.36,9.36,0,0,1-2.7-1.57L6.79,24,4.43,20l2.72-2.4a8.9,8.9,0,0,1,0-3.13L4.43,12,6.79,8l3.43,1.16a8.86,8.86,0,0,1,2.71-1.57L13.64,4h4.72l.71,3.55a9.36,9.36,0,0,1,2.7,1.57L25.21,8,27.57,12l-2.72,2.4a8.9,8.9,0,0,1,0,3.13L27.57,20Z"
-	/><path
-		d="M16,22a6,6,0,1,1,6-6A5.94,5.94,0,0,1,16,22Zm0-10a3.91,3.91,0,0,0-4,4,3.91,3.91,0,0,0,4,4,3.91,3.91,0,0,0,4-4A3.91,3.91,0,0,0,16,12Z"
-	/>
-</svg>
diff --git a/src/lib/icons/show-data-cards.svelte b/src/lib/icons/show-data-cards.svelte
deleted file mode 100644
index 6084e55..0000000
--- a/src/lib/icons/show-data-cards.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M28,10H4A2.0022,2.0022,0,0,1,2,8V4A2.0021,2.0021,0,0,1,4,2H28a2.0021,2.0021,0,0,1,2,2V8A2.0022,2.0022,0,0,1,28,10ZM4,4V8H28V4Z"
-	/>
-	<path
-		d="M28,30H4a2.0022,2.0022,0,0,1-2-2V24a2.0021,2.0021,0,0,1,2-2H28a2.0021,2.0021,0,0,1,2,2v4A2.0022,2.0022,0,0,1,28,30ZM4,24v4H28V24Z"
-	/>
-	<path
-		d="M28,20H4a2.0022,2.0022,0,0,1-2-2V14a2.0021,2.0021,0,0,1,2-2H28a2.0021,2.0021,0,0,1,2,2v4A2.0022,2.0022,0,0,1,28,20ZM4,14v4H28V14Z"
-	/>
-</svg>
diff --git a/src/lib/icons/side-panel-close.svelte b/src/lib/icons/side-panel-close.svelte
deleted file mode 100644
index 5492333..0000000
--- a/src/lib/icons/side-panel-close.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		d="M28,4H4C2.9,4,2,4.9,2,6v20c0,1.1,0.9,2,2,2h24c1.1,0,2-0.9,2-2V6C30,4.9,29.1,4,28,4z M10,26H4V6h6V26z M28,15H17.8 l3.6-3.6L20,10l-6,6l6,6l1.4-1.4L17.8,17H28v9H12V6h16V15z"
-	/>
-</svg>
diff --git a/src/lib/icons/subtract.svelte b/src/lib/icons/subtract.svelte
deleted file mode 100644
index edbaa10..0000000
--- a/src/lib/icons/subtract.svelte
+++ /dev/null
@@ -1,11 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path d="M8 15H24V17H8z" />
-</svg>
diff --git a/src/lib/icons/trash-can.svelte b/src/lib/icons/trash-can.svelte
deleted file mode 100644
index b1b5db1..0000000
--- a/src/lib/icons/trash-can.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<rect x="12" y="12" width="2" height="12" /><rect x="18" y="12" width="2" height="12" />
-	<path d="M4,6V8H6V28a2,2,0,0,0,2,2H24a2,2,0,0,0,2-2V8h2V6ZM8,28V8H24V28Z" />
-	<rect x="12" y="2" width="8" height="2" />
-</svg>
diff --git a/src/lib/icons/user-follow.svelte b/src/lib/icons/user-follow.svelte
deleted file mode 100644
index 9452317..0000000
--- a/src/lib/icons/user-follow.svelte
+++ /dev/null
@@ -1,13 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<polygon points="32 14 28 14 28 10 26 10 26 14 22 14 22 16 26 16 26 20 28 20 28 16 32 16 32 14" />
-	<path d="M12,4A5,5,0,1,1,7,9a5,5,0,0,1,5-5m0-2a7,7,0,1,0,7,7A7,7,0,0,0,12,2Z" />
-	<path d="M22,30H20V25a5,5,0,0,0-5-5H9a5,5,0,0,0-5,5v5H2V25a7,7,0,0,1,7-7h6a7,7,0,0,1,7,7Z" />
-</svg>
diff --git a/src/lib/icons/user.svelte b/src/lib/icons/user.svelte
deleted file mode 100644
index 59dfef3..0000000
--- a/src/lib/icons/user.svelte
+++ /dev/null
@@ -1,12 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path d="M16,4a5,5,0,1,1-5,5,5,5,0,0,1,5-5m0-2a7,7,0,1,0,7,7A7,7,0,0,0,16,2Z" />
-	<path d="M26,30H24V25a5,5,0,0,0-5-5H13a5,5,0,0,0-5,5v5H6V25a7,7,0,0,1,7-7h6a7,7,0,0,1,7,7Z" />
-</svg>
diff --git a/src/lib/icons/wallet.svelte b/src/lib/icons/wallet.svelte
deleted file mode 100644
index 9946ba9..0000000
--- a/src/lib/icons/wallet.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<rect x="22" y="17" width="2" height="2" />
-	<path
-		d="M28,8H4V5H26V3H4A2,2,0,0,0,2,5V26a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V10A2,2,0,0,0,28,8ZM4,26V10H28v3H20a2,2,0,0,0-2,2v6a2,2,0,0,0,2,2h8v3ZM28,15v6H20V15Z"
-	/>
-</svg>
diff --git a/src/lib/icons/warning-alt-filled.svelte b/src/lib/icons/warning-alt-filled.svelte
deleted file mode 100644
index 5093a3d..0000000
--- a/src/lib/icons/warning-alt-filled.svelte
+++ /dev/null
@@ -1,19 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path
-		fill="none"
-		d="M16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Zm-1.125-5h2.25V12h-2.25Z"
-		data-icon-path="inner-path"
-	/><path
-		d="M16.002,6.1714h-.004L4.6487,27.9966,4.6506,28H27.3494l.0019-.0034ZM14.875,12h2.25v9h-2.25ZM16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Z"
-	/><path
-		d="M29,30H3a1,1,0,0,1-.8872-1.4614l13-25a1,1,0,0,1,1.7744,0l13,25A1,1,0,0,1,29,30ZM4.6507,28H27.3493l.002-.0033L16.002,6.1714h-.004L4.6487,27.9967Z"
-	/>
-</svg>
diff --git a/src/lib/icons/zoom-in.svelte b/src/lib/icons/zoom-in.svelte
deleted file mode 100644
index 911a7c7..0000000
--- a/src/lib/icons/zoom-in.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script lang="ts">
-	import type { IconProps } from '$lib/types'
-
-	type $$Props = IconProps
-
-	export let size: $$Props['size'] = 20
-</script>
-
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width={size} height={size}>
-	<path d="M18 12L14 12 14 8 12 8 12 12 8 12 8 14 12 14 12 18 14 18 14 14 18 14 18 12z" />
-	<path
-		d="M21.4479,20A10.856,10.856,0,0,0,24,13,11,11,0,1,0,13,24a10.856,10.856,0,0,0,7-2.5521L27.5859,29,29,27.5859ZM13,22a9,9,0,1,1,9-9A9.01,9.01,0,0,1,13,22Z"
-	/>
-</svg>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 223f387..0d0b98a 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -10,6 +10,7 @@
 		DropdownItem,
 		type DarkModeOption,
 		type ThemeStore,
+		Checkbox,
 	} from '$lib'
 	import {
 		Asleep,
@@ -19,50 +20,7 @@
 		ChevronRight,
 		Close,
 		Light,
-		Add,
-		AddComment,
-		ArrowDownRight,
-		ArrowRight,
-		ArrowUp,
-		ArrowUpRight,
-		ArrowsVertical,
-		Bullhorn,
-		Camera,
-		ChatBot,
-		ChatLaunch,
-		ChevronDown,
-		ChevronLeft,
-		ChevronUp,
-		Copy,
-		CopyLink,
-		DataBlob,
-		DataViewAlt,
-		DocumentSigned,
-		Edit,
-		Events,
-		Explore,
-		Home,
-		IBMWatsonxAssistant,
-		Information,
-		Launch,
-		Login,
-		Logout,
-		PaintPalette,
-		Pending,
-		QrCode,
-		Receipt,
-		Renew,
-		Search,
-		Settings,
-		SettingsAdjust,
-		SettingsView,
-		ShowDataCards,
-		TrashCan,
-		User,
-		UserFollow,
-		Wallet,
-		WarningAltFilled,
-	} from '$lib/icons'
+	} from 'carbon-icons-svelte'
 	import InputPalette from './components/input-palette.svelte'
 
 	let darkMode: DarkModeOption = 'light'
@@ -228,6 +186,7 @@
 				<div class="column border padding">
 					<InputText placeholder="placeholder" label="Input label" disabled />
 					<InputText placeholder="placeholder" label="Input label" />
+					<InputText placeholder="placeholder" label="Input label" unit="Kg" />
 				</div>
 			</div>
 
@@ -249,64 +208,15 @@
 				</div>
 			</div>
 
-			<Typography variant="h2" element="h1">Icons</Typography>
-			<div class="row gap svg">
-				<AddComment />
-				<Add />
-				<ArrowDownRight />
-				<ArrowRight />
-				<Login />
-				<ChatBot />
-				<Light />
-				<Asleep />
-				<CopyLink />
-				<ChevronUp />
-				<ArrowUpRight />
-				<ArrowUp />
-				<Receipt />
-				<Wallet />
-				<Close />
-				<User />
-				<Pending />
-				<Logout />
-				<CheckmarkFilled />
-				<CaretDown />
-				<Events />
-				<QrCode />
-				<PaintPalette />
-				<ChevronLeft />
-				<Checkmark />
-				<Bullhorn />
-				<ChevronDown />
-				<TrashCan />
-				<Settings />
-				<Edit />
-				<Camera />
-				<WarningAltFilled />
-				<Renew />
-				<ArrowsVertical />
-				<ChevronRight />
-				<DataViewAlt />
-				<SettingsAdjust />
-				<Copy />
-				<SettingsView />
-				<ChatLaunch />
-				<ShowDataCards />
-				<UserFollow />
-				<Launch />
-				<DocumentSigned />
-				<DataBlob />
-				<Search />
-				<Explore />
-				<Home />
-				<Information />
-				<IBMWatsonxAssistant />
+			<Typography variant="h2" element="h1">Checkbox</Typography>
+			<div class="row gap">
+				<Checkbox />
 			</div>
 		</Container>
 	</div>
 </Theme>
 
-<style lang='scss'>
+<style lang="scss">
 	.row {
 		display: flex;
 		flex-direction: row;
@@ -360,7 +270,7 @@
 	}
 	.svg {
 		:global(svg) {
-			fill: var(--color-accent)
+			fill: var(--color-accent);
 		}
 	}
 </style>
diff --git a/src/routes/components/input-palette.svelte b/src/routes/components/input-palette.svelte
index d4aea0a..c5681f3 100644
--- a/src/routes/components/input-palette.svelte
+++ b/src/routes/components/input-palette.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
-	import PaintPalette from '$lib/icons/paint-palette.svelte'
+	import { ColorPalette } from 'carbon-icons-svelte'
 	export let color: string
 </script>
 
 <label>
 	<div class="palette-overlay" />
 	<div class="palette-icon">
-		<PaintPalette />
+		<ColorPalette />
 	</div>
 	<input type="color" bind:value={color} />
 </label>