diff --git a/src/assets/icons/exit_person.svg b/src/assets/icons/exit_person.svg
new file mode 100644
index 0000000..6aef471
--- /dev/null
+++ b/src/assets/icons/exit_person.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   version="1.1"
+   id="svg1"
+   xml:space="preserve"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs1" /><g
+     id="layer1"><path
+       id="path18"
+       style="display:inline;opacity:1;stroke-width:1.03802;paint-order:stroke fill markers"
+       d="M 5.886719,1.5566403 5.339844,6.0585935 8.0156252,6.6972653 8.5253908,9.2304685 h -2.125 L 5.246094,14.443359 7.3476564,11.125 l 3.0488276,0.03711 0.851563,3.28125 3.755859,-2.589844 -2.625,0.583984 -1.083984,-4.9375003 1.740234,0.3808594 1.96875,2.4980469 L 13.984375,6.4589841 6.652344,4.6367185 Z m 3.3925782,0.083984 A 1.6224356,1.6224356 0 0 0 7.6562501,3.2636716 1.6224356,1.6224356 0 0 0 9.2792972,4.8847653 1.6224356,1.6224356 0 0 0 10.900391,3.2636716 1.6224356,1.6224356 0 0 0 9.2792972,1.6406243 Z M 4.5371095,4.3457028 0.99609385,7.6132809 4.5371095,10.882812 Z" /></g></svg>
diff --git a/src/components/Topbar.astro b/src/components/Topbar.astro
new file mode 100644
index 0000000..484ec0c
--- /dev/null
+++ b/src/components/Topbar.astro
@@ -0,0 +1,43 @@
+---
+import Exit from "@/assets/icons/exit_person.svg";
+
+interface Props {
+  backlink?: string;
+}
+
+const { backlink = "../" } = Astro.props;
+---
+
+<nav class="topbar flex">
+  <a href={backlink} class="topbar-btn left" aria-label="go back">
+    <Exit />
+  </a>
+</nav>
+
+<style>
+  .topbar {
+    position: sticky;
+    top: 0;
+    z-index: 99;
+    justify-content: space-between;
+  }
+
+  .topbar-btn {
+    padding: 0.5rem;
+    color: var(--c-light);
+    background-color: var(--c-black);
+    border: solid;
+    transition: 300ms;
+    &:hover {
+      box-shadow: 0px 0px 0.65em inset var(--c-medium);
+    }
+    & svg {
+      width: 1.5rem;
+      fill: var(--c-light);
+    }
+    &.left {
+      border-width: 0px 1px 1px 0;
+      border-radius: 0 0 20% 0;
+    }
+  }
+</style>
diff --git a/src/pages/bookmarks.astro b/src/pages/bookmarks.astro
index e9d66ae..cc91646 100644
--- a/src/pages/bookmarks.astro
+++ b/src/pages/bookmarks.astro
@@ -1,9 +1,12 @@
 ---
 import Base from "@/layouts/Base.astro";
 import "@/styles/acidtheme.css";
+
+import Topbar from "@/components/Topbar.astro";
 ---
 
 <Base title="bookmarks" og={{ desc: "Outgoing links to other websites." }}>
+  <Topbar />
   <header class="center-txt">
     <h1>•[BOOKMARKS]•</h1>
     <p>Outgoing links to other websites.</p>