diff --git a/src/components/ui/Icons/IconAlignCenter.svelte b/src/components/ui/Icons/IconAlignCenter.svelte
new file mode 100644
index 0000000..d582996
--- /dev/null
+++ b/src/components/ui/Icons/IconAlignCenter.svelte
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+  <line x1="18" y1="10" x2="6" y2="10"></line>
+  <line x1="21" y1="6" x2="3" y2="6"></line>
+  <line x1="21" y1="14" x2="3" y2="14"></line>
+  <line x1="18" y1="18" x2="6" y2="18"></line>
+</svg>
diff --git a/src/components/ui/Icons/IconAlignLeft.svelte b/src/components/ui/Icons/IconAlignLeft.svelte
new file mode 100644
index 0000000..868c4db
--- /dev/null
+++ b/src/components/ui/Icons/IconAlignLeft.svelte
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+  <line x1="17" y1="10" x2="3" y2="10"></line>
+  <line x1="21" y1="6" x2="3" y2="6"></line>
+  <line x1="21" y1="14" x2="3" y2="14"></line>
+  <line x1="17" y1="18" x2="3" y2="18"></line>
+</svg>
diff --git a/src/components/ui/Icons/IconAlignRight.svelte b/src/components/ui/Icons/IconAlignRight.svelte
new file mode 100644
index 0000000..b405545
--- /dev/null
+++ b/src/components/ui/Icons/IconAlignRight.svelte
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+  <line x1="21" y1="10" x2="7" y2="10"></line>
+  <line x1="21" y1="6" x2="3" y2="6"></line>
+  <line x1="21" y1="14" x2="3" y2="14"></line>
+  <line x1="21" y1="18" x2="7" y2="18"></line>
+</svg>
diff --git a/src/components/ui/Icons/IconArrowLeft.svelte b/src/components/ui/Icons/IconArrowLeft.svelte
new file mode 100644
index 0000000..4b91675
--- /dev/null
+++ b/src/components/ui/Icons/IconArrowLeft.svelte
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+  <polyline points="15 18 9 12 15 6"></polyline>
+</svg>
diff --git a/src/components/ui/Icons/IconArrowRight.svelte b/src/components/ui/Icons/IconArrowRight.svelte
new file mode 100644
index 0000000..e71a84c
--- /dev/null
+++ b/src/components/ui/Icons/IconArrowRight.svelte
@@ -0,0 +1,3 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+  <polyline points="9 18 15 12 9 6"></polyline>
+</svg>
diff --git a/src/components/ui/Icons/IconCross.svelte b/src/components/ui/Icons/IconCross.svelte
new file mode 100644
index 0000000..33c3bb1
--- /dev/null
+++ b/src/components/ui/Icons/IconCross.svelte
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+  <line x1="5" y1="5" x2="19" y2="19"></line>
+  <line x1="5" y1="19" x2="19" y2="5"></line>
+</svg>
diff --git a/src/components/ui/Icons/IconDownload.svelte b/src/components/ui/Icons/IconDownload.svelte
new file mode 100644
index 0000000..a017e69
--- /dev/null
+++ b/src/components/ui/Icons/IconDownload.svelte
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
+  <polyline points="7 10 12 15 17 10"></polyline>
+  <line x1="12" y1="15" x2="12" y2="3"></line>
+</svg>
diff --git a/src/components/ui/Icons/IconEmpty.svelte b/src/components/ui/Icons/IconEmpty.svelte
new file mode 100644
index 0000000..bd854ab
--- /dev/null
+++ b/src/components/ui/Icons/IconEmpty.svelte
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+  <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
+  <line x1="9" y1="9" x2="15" y2="9"></line>
+</svg>
diff --git a/src/components/ui/Icons/IconMoon.svelte b/src/components/ui/Icons/IconMoon.svelte
new file mode 100644
index 0000000..bf38a23
--- /dev/null
+++ b/src/components/ui/Icons/IconMoon.svelte
@@ -0,0 +1,3 @@
+<svg class="moon-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+  <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
+</svg>
diff --git a/src/components/ui/Icons/IconPlus.svelte b/src/components/ui/Icons/IconPlus.svelte
new file mode 100644
index 0000000..2487d60
--- /dev/null
+++ b/src/components/ui/Icons/IconPlus.svelte
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+  <line x1="12" y1="5" x2="12" y2="19"></line>
+  <line x1="5" y1="12" x2="19" y2="12"></line>
+</svg>
diff --git a/src/components/ui/Icons/IconReset.svelte b/src/components/ui/Icons/IconReset.svelte
new file mode 100644
index 0000000..9b9ccb6
--- /dev/null
+++ b/src/components/ui/Icons/IconReset.svelte
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+  <polyline points="1 4 1 10 7 10"></polyline>
+  <path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"></path>
+</svg>
diff --git a/src/components/ui/Icons/IconSun.svelte b/src/components/ui/Icons/IconSun.svelte
new file mode 100644
index 0000000..d20c2f5
--- /dev/null
+++ b/src/components/ui/Icons/IconSun.svelte
@@ -0,0 +1,11 @@
+<svg class="sun-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+  <circle cx="12" cy="12" r="5"></circle>
+  <line x1="12" y1="1" x2="12" y2="3"></line>
+  <line x1="12" y1="21" x2="12" y2="23"></line>
+  <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+  <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+  <line x1="1" y1="12" x2="3" y2="12"></line>
+  <line x1="21" y1="12" x2="23" y2="12"></line>
+  <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+  <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+</svg>
diff --git a/src/components/ui/Icons/IconUpload.svelte b/src/components/ui/Icons/IconUpload.svelte
new file mode 100644
index 0000000..d3423e2
--- /dev/null
+++ b/src/components/ui/Icons/IconUpload.svelte
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+  <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
+  <polyline points="17 8 12 3 7 8"></polyline>
+  <line x1="12" y1="3" x2="12" y2="15"></line>
+</svg>