diff --git a/src/assets/icons/nav-first.svg b/src/assets/icons/nav-first.svg
new file mode 100644
index 0000000..94d0556
--- /dev/null
+++ b/src/assets/icons/nav-first.svg
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" version="1.1" viewBox="0 0 16 16" width="16px"
+     xmlns="http://www.w3.org/2000/svg">
+    <g fill="none" fill-rule="evenodd" id="Annotations-Jump-to-" stroke="none" stroke-width="1">
+        <g id="03.Jump-to-first-annotation" transform="translate(-1109.000000, -181.000000)">
+            <rect height="750" width="1440" x="0" y="0"></rect>
+            <rect height="32" id="Rectangle" width="60" x="1087" y="173"></rect>
+            <g fill="currentColor" fill-rule="nonzero" id="right_white"
+               transform="translate(1109.000000, 181.000000)">
+                <polygon id="Path"
+                         points="12 6.24 10.88 5.12 8 8 7.2 7.2 5.12 5.12 4 6.24 8 10.24"
+                         transform="translate(8.000000, 7.680000) scale(1, -1) translate(-8.000000, -7.680000) "></polygon>
+                <polygon id="Path"
+                         points="12 10.4 10.88 9.28 8 12.16 7.2 11.36 5.12 9.28 4 10.4 8 14.4"
+                         transform="translate(8.000000, 11.840000) scale(1, -1) translate(-8.000000, -11.840000) "></polygon>
+                <polygon id="Path"
+                         points="14.4 1.92 1.6 1.92 1.22124533e-14 1.92 1.22124533e-14 3.52 16 3.52 16 1.92"
+                         transform="translate(8.000000, 2.720000) scale(1, -1) translate(-8.000000, -2.720000) "></polygon>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/assets/icons/nav-last.svg b/src/assets/icons/nav-last.svg
new file mode 100644
index 0000000..1f946a0
--- /dev/null
+++ b/src/assets/icons/nav-last.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="16px" version="1.1" viewBox="0 0 16 16" width="16px"
+     xmlns="http://www.w3.org/2000/svg">
+    <g fill="none" fill-rule="evenodd" id="Annotations-Jump-to-" stroke="none" stroke-width="1">
+        <g id="03.Jump-to-first-annotation" transform="translate(-1109.000000, -726.000000)">
+            <rect height="750" width="1440" x="0" y="0"></rect>
+            <rect height="32" id="Rectangle" width="60" x="1087" y="718"></rect>
+            <g fill="currentColor"
+               fill-rule="nonzero"
+               id="right_white"
+               transform="translate(1117.000000, 734.000000) scale(1, -1) translate(-1117.000000, -734.000000) translate(1109.000000, 726.000000)">
+                <polygon id="Path"
+                         points="12 6.24 10.88 5.12 8 8 7.2 7.2 5.12 5.12 4 6.24 8 10.24"
+                         transform="translate(8.000000, 7.680000) scale(1, -1) translate(-8.000000, -7.680000) "></polygon>
+                <polygon id="Path"
+                         points="12 10.4 10.88 9.28 8 12.16 7.2 11.36 5.12 9.28 4 10.4 8 14.4"
+                         transform="translate(8.000000, 11.840000) scale(1, -1) translate(-8.000000, -11.840000) "></polygon>
+                <polygon id="Path"
+                         points="14.4 1.92 1.6 1.92 1.22124533e-14 1.92 1.22124533e-14 3.52 16 3.52 16 1.92"
+                         transform="translate(8.000000, 2.720000) scale(1, -1) translate(-8.000000, -2.720000) "></polygon>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/assets/icons/nav-next.svg b/src/assets/icons/nav-next.svg
new file mode 100644
index 0000000..66c58d6
--- /dev/null
+++ b/src/assets/icons/nav-next.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="14px" version="1.1" viewBox="0 0 14 14" width="14px"
+     xmlns="http://www.w3.org/2000/svg">
+    <g fill="none" fill-rule="evenodd" id="Annotations-Jump-to-" stroke="none" stroke-width="1">
+        <g id="01.Jump-to-first-last-annotation" transform="translate(-1222.000000, -486.000000)">
+            <rect height="750" width="1440" x="0" y="0"></rect>
+            <rect height="544" id="Rectangle" width="282" x="1148" y="206"></rect>
+            <g id="Page-05" transform="translate(1147.000000, 173.000000)"></g>
+            <g id="Group" transform="translate(1212.000000, 476.000000)">
+                <rect height="34" id="Rectangle" rx="17" width="151" x="0" y="0"></rect>
+                <g fill="currentColor" fill-rule="nonzero" id="collapse"
+                   transform="translate(10.000000, 10.000000)">
+                    <g id="Group" transform="translate(1.400000, 3.360000)">
+                        <polygon id="Path"
+                                 points="9.1 0.98 8.12 0 5.6 2.52 4.9 1.82 3.08 0 2.1 0.98 5.6 4.48"></polygon>
+                        <polygon id="Path"
+                                 points="9.8 5.88 1.4 5.88 7.34412531e-15 5.88 7.34412531e-15 7.28 11.2 7.28 11.2 5.88"
+                                 transform="translate(5.600000, 6.580000) scale(1, -1) translate(-5.600000, -6.580000) "></polygon>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/assets/icons/nav-prev.svg b/src/assets/icons/nav-prev.svg
new file mode 100644
index 0000000..eed255c
--- /dev/null
+++ b/src/assets/icons/nav-prev.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg height="14px" version="1.1" viewBox="0 0 14 14" width="14px"
+     xmlns="http://www.w3.org/2000/svg">
+    <g fill="none" fill-rule="evenodd" id="Annotations-Jump-to-" stroke="none" stroke-width="1">
+        <g id="01.Jump-to-first-last-annotation" transform="translate(-1222.000000, -444.000000)">
+            <rect height="750" width="1440" x="0" y="0"></rect>
+            <rect height="544" id="Rectangle" width="282" x="1148" y="206"></rect>
+            <g id="Page-05" transform="translate(1147.000000, 173.000000)"></g>
+            <g id="Group" transform="translate(1212.000000, 434.000000)">
+                <rect height="34" id="Rectangle" rx="17" width="151" x="0" y="0"></rect>
+                <g fill="currentColor" fill-rule="nonzero" id="collapse"
+                   transform="translate(10.000000, 10.000000)">
+                    <g id="Group" transform="translate(1.400000, 3.360000)">
+                        <polygon id="Path"
+                                 points="9.1 3.78 8.12 2.8 5.6 5.32 4.9 4.62 3.08 2.8 2.1 3.78 5.6 7.28"
+                                 transform="translate(5.600000, 5.040000) scale(1, -1) translate(-5.600000, -5.040000) "></polygon>
+                        <polygon id="Path"
+                                 points="9.8 0 1.4 0 7.34412531e-15 0 7.34412531e-15 1.4 11.2 1.4 11.2 0"
+                                 transform="translate(5.600000, 0.700000) scale(1, -1) translate(-5.600000, -0.700000) "></polygon>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/lib/utils/constants.ts b/src/lib/utils/constants.ts
index e751b20..1fb4ef8 100644
--- a/src/lib/utils/constants.ts
+++ b/src/lib/utils/constants.ts
@@ -20,6 +20,10 @@ export const ICONS = new Set([
     'logout',
     'menu',
     'more-actions',
+    'nav-first',
+    'nav-last',
+    'nav-next',
+    'nav-prev',
     'ocr',
     'offline',
     'pages',