diff --git a/Frontend/public/svg/cosmetics/armor-scales.svg b/Frontend/public/svg/cosmetics/armor-scales.svg
new file mode 100644
index 0000000..cc83961
--- /dev/null
+++ b/Frontend/public/svg/cosmetics/armor-scales.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><g fill="#6b7280" opacity="0.5"><ellipse cx="13" cy="16" rx="3" ry="2"/><ellipse cx="19" cy="16" rx="3" ry="2"/><ellipse cx="16" cy="20" rx="3" ry="2"/><ellipse cx="13" cy="24" rx="3" ry="2"/><ellipse cx="19" cy="24" rx="3" ry="2"/></g></svg>
diff --git a/Frontend/public/svg/cosmetics/cap-swamp.svg b/Frontend/public/svg/cosmetics/cap-swamp.svg
new file mode 100644
index 0000000..7596061
--- /dev/null
+++ b/Frontend/public/svg/cosmetics/cap-swamp.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><ellipse cx="16" cy="8" rx="10" ry="4" fill="#34d399"/><rect x="6" y="7" width="20" height="3" rx="1" fill="#059669"/></svg>
diff --git a/Frontend/public/svg/cosmetics/cape-algae.svg b/Frontend/public/svg/cosmetics/cape-algae.svg
new file mode 100644
index 0000000..32fd76a
--- /dev/null
+++ b/Frontend/public/svg/cosmetics/cape-algae.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M10,14 Q6,20 8,28 L16,26 L24,28 Q26,20 22,14Z" fill="#059669" opacity="0.5"/></svg>
diff --git a/Frontend/public/svg/cosmetics/crown.svg b/Frontend/public/svg/cosmetics/crown.svg
new file mode 100644
index 0000000..37ab216
--- /dev/null
+++ b/Frontend/public/svg/cosmetics/crown.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><polygon points="8,10 11,4 16,8 21,4 24,10" fill="#fbbf24"/><rect x="8" y="10" width="16" height="3" rx="1" fill="#f59e0b"/></svg>
diff --git a/Frontend/public/svg/cosmetics/flame-tail.svg b/Frontend/public/svg/cosmetics/flame-tail.svg
new file mode 100644
index 0000000..368ed4c
--- /dev/null
+++ b/Frontend/public/svg/cosmetics/flame-tail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M14,22 Q12,18 16,16 Q20,18 18,22 Q20,20 18,26 Q16,28 14,26 Q12,24 14,22Z" fill="#f59e0b" opacity="0.8"/></svg>
diff --git a/Frontend/public/svg/cosmetics/glasses-savant.svg b/Frontend/public/svg/cosmetics/glasses-savant.svg
new file mode 100644
index 0000000..6e28169
--- /dev/null
+++ b/Frontend/public/svg/cosmetics/glasses-savant.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><circle cx="11" cy="13" r="3" fill="none" stroke="#a78bfa" stroke-width="1.5"/><circle cx="21" cy="13" r="3" fill="none" stroke="#a78bfa" stroke-width="1.5"/><line x1="14" y1="13" x2="18" y2="13" stroke="#a78bfa" stroke-width="1"/></svg>
diff --git a/Frontend/public/svg/cosmetics/mask-frog.svg b/Frontend/public/svg/cosmetics/mask-frog.svg
new file mode 100644
index 0000000..99365f5
--- /dev/null
+++ b/Frontend/public/svg/cosmetics/mask-frog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M8,12 Q16,18 24,12 Q24,16 16,17 Q8,16 8,12Z" fill="#34d399" opacity="0.7"/></svg>
diff --git a/Frontend/public/svg/cosmetics/particles-gold.svg b/Frontend/public/svg/cosmetics/particles-gold.svg
new file mode 100644
index 0000000..8518bfa
--- /dev/null
+++ b/Frontend/public/svg/cosmetics/particles-gold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><g fill="#fbbf24" opacity="0.6"><circle cx="6" cy="8" r="1.2"/><circle cx="26" cy="6" r="1"/><circle cx="4" cy="20" r="0.8"/><circle cx="28" cy="22" r="1.2"/><circle cx="10" cy="28" r="1"/><circle cx="22" cy="30" r="0.8"/><circle cx="16" cy="2" r="1"/><circle cx="2" cy="14" r="0.8"/><circle cx="30" cy="14" r="1"/></g></svg>
diff --git a/Frontend/public/svg/cosmetics/ribbon.svg b/Frontend/public/svg/cosmetics/ribbon.svg
new file mode 100644
index 0000000..8c0ef98
--- /dev/null
+++ b/Frontend/public/svg/cosmetics/ribbon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M12,22 L16,20 L20,22 L18,26 L16,24 L14,26Z" fill="#ec4899"/><circle cx="16" cy="21" r="2" fill="#f472b6"/></svg>