diff --git a/src/lib/icons.ts b/src/lib/icons.ts
index 1d6c2fb8..afe39244 100644
--- a/src/lib/icons.ts
+++ b/src/lib/icons.ts
@@ -30,6 +30,7 @@ export { default as IconExplore } from "./icons/IconExplore.svelte";
 export { default as IconFilter } from "./icons/IconFilter.svelte";
 export { default as IconGitHub } from "./icons/IconGitHub.svelte";
 export { default as IconHistoryToggleOff } from "./icons/IconHistoryToggleOff.svelte";
+export { default as IconHome } from "./icons/IconHome.svelte";
 export { default as IconInfo } from "./icons/IconInfo.svelte";
 export { default as IconKey } from "./icons/IconKey.svelte";
 export { default as IconLaunchpad } from "./icons/IconLaunchpad.svelte";
diff --git a/src/lib/icons/IconHome.svelte b/src/lib/icons/IconHome.svelte
new file mode 100644
index 00000000..faa5dec5
--- /dev/null
+++ b/src/lib/icons/IconHome.svelte
@@ -0,0 +1,20 @@
+<!-- source: DFINITY foundation -->
+<script lang="ts">
+  import { DEFAULT_ICON_SIZE } from "$lib/constants/constants";
+
+  export let size = `${DEFAULT_ICON_SIZE}px`;
+</script>
+
+<svg
+  width={size}
+  height={size}
+  viewBox="0 0 20 20"
+  fill="none"
+  stroke="currentColor"
+  xmlns="http://www.w3.org/2000/svg"
+  data-tid="icon-home"
+  ><path
+    stroke-width="1.5"
+    d="M11.636 16.382v-3.709a.662.662 0 0 0-.16-.437.515.515 0 0 0-.385-.18H8.909a.515.515 0 0 0-.386.18.662.662 0 0 0-.16.437v3.709a.663.663 0 0 1-.16.437.515.515 0 0 1-.385.181H4.545a.515.515 0 0 1-.385-.181.663.663 0 0 1-.16-.437V9.235a.714.714 0 0 1 .048-.248.647.647 0 0 1 .13-.208l5.454-5.617A.512.512 0 0 1 10 3c.136 0 .268.058.368.162l5.455 5.617c.055.059.099.13.129.208.03.078.047.162.048.248v7.147a.663.663 0 0 1-.16.437.515.515 0 0 1-.386.181h-3.272a.515.515 0 0 1-.386-.181.662.662 0 0 1-.16-.437Z"
+  /></svg
+>