diff --git a/packages/icons/index.ts b/packages/icons/index.ts
index f380c922..1acdbc82 100644
--- a/packages/icons/index.ts
+++ b/packages/icons/index.ts
@@ -92,3 +92,7 @@ export * from "./src/gossip";
export * from "./src/userAdd";
export * from "./src/userRemove";
export * from "./src/pin";
+export * from "./src/homeFilled";
+export * from "./src/relayFilled";
+export * from "./src/depotFilled";
+export * from "./src/nwcFilled";
diff --git a/packages/icons/src/depot.tsx b/packages/icons/src/depot.tsx
index 45934916..7c15e544 100644
--- a/packages/icons/src/depot.tsx
+++ b/packages/icons/src/depot.tsx
@@ -1,18 +1,18 @@
-export function DepotIcon(props: JSX.IntrinsicElements['svg']) {
- return (
-
- );
+export function DepotIcon(props: JSX.IntrinsicElements["svg"]) {
+ return (
+
+ );
}
diff --git a/packages/icons/src/depotFilled.tsx b/packages/icons/src/depotFilled.tsx
new file mode 100644
index 00000000..205ce941
--- /dev/null
+++ b/packages/icons/src/depotFilled.tsx
@@ -0,0 +1,19 @@
+export function DepotFilledIcon(props: JSX.IntrinsicElements["svg"]) {
+ return (
+
+ );
+}
diff --git a/packages/icons/src/home.tsx b/packages/icons/src/home.tsx
index ad97d4de..828744a9 100644
--- a/packages/icons/src/home.tsx
+++ b/packages/icons/src/home.tsx
@@ -1,18 +1,18 @@
-export function HomeIcon(props: JSX.IntrinsicElements['svg']) {
- return (
-
- );
+export function HomeIcon(props: JSX.IntrinsicElements["svg"]) {
+ return (
+
+ );
}
diff --git a/packages/icons/src/homeFilled.tsx b/packages/icons/src/homeFilled.tsx
new file mode 100644
index 00000000..9bb9197c
--- /dev/null
+++ b/packages/icons/src/homeFilled.tsx
@@ -0,0 +1,19 @@
+export function HomeFilledIcon(props: JSX.IntrinsicElements["svg"]) {
+ return (
+
+ );
+}
diff --git a/packages/icons/src/nwc.tsx b/packages/icons/src/nwc.tsx
index e7e99cb7..9a1394e5 100644
--- a/packages/icons/src/nwc.tsx
+++ b/packages/icons/src/nwc.tsx
@@ -1,18 +1,18 @@
-export function NwcIcon(props: JSX.IntrinsicElements['svg']) {
- return (
-
- );
+export function NwcIcon(props: JSX.IntrinsicElements["svg"]) {
+ return (
+
+ );
}
diff --git a/packages/icons/src/nwcFilled.tsx b/packages/icons/src/nwcFilled.tsx
new file mode 100644
index 00000000..7d28eb6a
--- /dev/null
+++ b/packages/icons/src/nwcFilled.tsx
@@ -0,0 +1,19 @@
+export function NwcFilledIcon(props: JSX.IntrinsicElements["svg"]) {
+ return (
+
+ );
+}
diff --git a/packages/icons/src/relay.tsx b/packages/icons/src/relay.tsx
index 8b6be3c6..b2b22d40 100644
--- a/packages/icons/src/relay.tsx
+++ b/packages/icons/src/relay.tsx
@@ -1,18 +1,18 @@
-export function RelayIcon(props: JSX.IntrinsicElements['svg']) {
- return (
-
- );
+export function RelayIcon(props: JSX.IntrinsicElements["svg"]) {
+ return (
+
+ );
}
diff --git a/packages/icons/src/relayFilled.tsx b/packages/icons/src/relayFilled.tsx
new file mode 100644
index 00000000..e2e8fe59
--- /dev/null
+++ b/packages/icons/src/relayFilled.tsx
@@ -0,0 +1,17 @@
+export function RelayFilledIcon(props: JSX.IntrinsicElements["svg"]) {
+ return (
+
+ );
+}
diff --git a/packages/ui/src/navigation.tsx b/packages/ui/src/navigation.tsx
index 94f02a09..ffdcaa21 100644
--- a/packages/ui/src/navigation.tsx
+++ b/packages/ui/src/navigation.tsx
@@ -1,8 +1,12 @@
import {
+ DepotFilledIcon,
DepotIcon,
+ HomeFilledIcon,
HomeIcon,
+ NwcFilledIcon,
NwcIcon,
PlusIcon,
+ RelayFilledIcon,
RelayIcon,
SearchIcon,
} from "@lume/icons";
@@ -29,7 +33,11 @@ export function Navigation() {
: "text-black/50 dark:text-neutral-400",
)}
>
-