diff --git a/src/components/NavToggle.vue b/src/components/NavToggle.vue
new file mode 100644
index 0000000..7e4dbab
--- /dev/null
+++ b/src/components/NavToggle.vue
@@ -0,0 +1,27 @@
+<template>
+  <div class="nav-toggle">
+    <div class="nav-toggle__line"></div>
+    <div class="nav-toggle__line"></div>
+    <div class="nav-toggle__line"></div>
+  </div>
+</template>
+
+<style lang="scss">
+.nav-toggle {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: space-around;
+  cursor: pointer;
+
+  height: 1.75rem;
+  margin: var(--container-spacing-top-safe) 1rem 1rem
+    var(--container-spacing-left-safe);
+  width: 2rem;
+
+  &__line {
+    flex: 0 0 0.25rem;
+    background-color: var(--color-navigation-toggle);
+    border-radius: 2rem;
+  }
+}
+</style>