diff --git a/src/assets/icons/arrow-down.svg b/src/assets/icons/arrow-down.svg
new file mode 100644
index 00000000..8405e137
--- /dev/null
+++ b/src/assets/icons/arrow-down.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9546 7.04822C12.3449 7.43871 12.3449 8.07179 11.9546 8.46228L7.7114 12.7045C7.53873 12.877 7.31878 12.9736 7.09323 12.9935C6.80654 13.0208 6.51004 12.924 6.2905 12.7045L2.04734 8.46228C1.65747 8.07186 1.65742 7.43861 2.04734 7.04822C2.4377 6.65794 3.07086 6.65823 3.4614 7.04822L5.99753 9.58337L5.99753 1.99548C5.99753 1.44339 6.44551 0.995793 6.99753 0.995483C7.54982 0.995483 7.99753 1.4432 7.99753 1.99548L7.99753 9.59021L10.5405 7.04822C10.9309 6.65797 11.5641 6.65814 11.9546 7.04822Z" fill="currentColor"/>
+</svg>
diff --git a/src/assets/icons/arrow-left.svg b/src/assets/icons/arrow-left.svg
new file mode 100644
index 00000000..a05ea929
--- /dev/null
+++ b/src/assets/icons/arrow-left.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.94988 2.04353C6.55939 1.6532 5.92631 1.6532 5.53582 2.04353L1.29363 6.2867C1.12107 6.45937 1.02451 6.67932 1.00457 6.90486C0.97727 7.19155 1.07409 7.48805 1.29363 7.7076L5.53582 11.9508C5.92624 12.3406 6.55949 12.3407 6.94988 11.9508C7.34016 11.5604 7.33987 10.9272 6.94988 10.5367L4.41473 8.00056H12.0026C12.5547 8.00056 13.0023 7.55259 13.0026 7.00056C13.0026 6.44828 12.5549 6.00056 12.0026 6.00056H4.40789L6.94988 3.4576C7.34013 3.06719 7.33996 2.43404 6.94988 2.04353Z" fill="currentColor"/>
+</svg>
diff --git a/src/assets/icons/arrow-right.svg b/src/assets/icons/arrow-right.svg
new file mode 100644
index 00000000..4ed5646d
--- /dev/null
+++ b/src/assets/icons/arrow-right.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.05273 2.04353C7.44322 1.6532 8.07631 1.6532 8.4668 2.04353L12.709 6.2867C12.8815 6.45937 12.9781 6.67932 12.998 6.90486C13.0253 7.19155 12.9285 7.48805 12.709 7.7076L8.4668 11.9508C8.07638 12.3406 7.44312 12.3407 7.05273 11.9508C6.66246 11.5604 6.66275 10.9272 7.05273 10.5367L9.58789 8.00056H2C1.44791 8.00056 1.00031 7.55259 1 7.00056C1 6.44828 1.44772 6.00056 2 6.00056H9.59473L7.05273 3.4576C6.66249 3.06719 6.66265 2.43404 7.05273 2.04353Z" fill="currentColor"/>
+</svg>
diff --git a/src/assets/icons/arrow-up.svg b/src/assets/icons/arrow-up.svg
new file mode 100644
index 00000000..2c505240
--- /dev/null
+++ b/src/assets/icons/arrow-up.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.04805 6.94536C1.65772 6.55487 1.65772 5.92178 2.04805 5.5313L6.29122 1.28911C6.46389 1.11655 6.68384 1.01998 6.90938 1.00005C7.19607 0.972746 7.49257 1.06957 7.71212 1.28911L11.9553 5.5313C12.3451 5.92172 12.3452 6.55497 11.9553 6.94536C11.5649 7.33563 10.9318 7.33534 10.5412 6.94536L8.00508 4.4102L8.00508 11.9981C8.00508 12.5502 7.55711 12.9978 7.00508 12.9981C6.4528 12.9981 6.00508 12.5504 6.00508 11.9981L6.00508 4.40337L3.46212 6.94536C3.07171 7.33561 2.43856 7.33544 2.04805 6.94536Z" fill="currentColor"/>
+</svg>
diff --git a/src/lib/components/Icon.svelte b/src/lib/components/Icon.svelte
index 5f0ab16a..f08f93c7 100644
--- a/src/lib/components/Icon.svelte
+++ b/src/lib/components/Icon.svelte
@@ -1,3 +1,5 @@
+<svelte:options runes={true} />
+
 <script lang="ts">
   interface Props {
     name: string;