diff --git a/assets/icon.svg b/assets/icon.svg
new file mode 100644
index 0000000..2468674
--- /dev/null
+++ b/assets/icon.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512" role="img" aria-labelledby="title desc">
+  <title id="title">Scripts — DevOps Toolbox</title>
+  <desc id="desc">A script document with syntax-highlighted lines and an automation gear on a dark rounded badge.</desc>
+  <defs>
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#1e293b"/>
+      <stop offset="1" stop-color="#020617"/>
+    </linearGradient>
+    <radialGradient id="glow" cx="0.35" cy="0.22" r="0.9">
+      <stop offset="0" stop-color="#2dd4bf" stop-opacity="0.20"/>
+      <stop offset="0.55" stop-color="#2dd4bf" stop-opacity="0.05"/>
+      <stop offset="1" stop-color="#2dd4bf" stop-opacity="0"/>
+    </radialGradient>
+    <linearGradient id="paper" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0" stop-color="#ffffff"/>
+      <stop offset="1" stop-color="#dbe4ee"/>
+    </linearGradient>
+    <linearGradient id="gear" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#5eead4"/>
+      <stop offset="0.5" stop-color="#14b8a6"/>
+      <stop offset="1" stop-color="#0f766e"/>
+    </linearGradient>
+    <filter id="shadowDoc" x="-40%" y="-40%" width="180%" height="180%">
+      <feDropShadow dx="0" dy="10" stdDeviation="12" flood-color="#020617" flood-opacity="0.5"/>
+    </filter>
+    <filter id="shadowGear" x="-40%" y="-40%" width="180%" height="180%">
+      <feDropShadow dx="0" dy="7" stdDeviation="8" flood-color="#020617" flood-opacity="0.45"/>
+    </filter>
+    <path id="spark" d="M0 -12 C1.8 -3.5 3.5 -1.8 12 0 C3.5 1.8 1.8 3.5 0 12 C-1.8 3.5 -3.5 1.8 -12 0 C-3.5 -1.8 -1.8 -3.5 0 -12 Z"/>
+  </defs>
+
+  <!-- Badge -->
+  <rect width="512" height="512" rx="112" fill="url(#bg)"/>
+  <rect width="512" height="512" rx="112" fill="url(#glow)"/>
+  <rect x="7" y="7" width="498" height="498" rx="105" fill="none" stroke="#ffffff" stroke-opacity="0.07" stroke-width="2"/>
+  <circle cx="256" cy="256" r="196" fill="none" stroke="#5eead4" stroke-opacity="0.10" stroke-width="2" stroke-dasharray="3 12"/>
+
+  <!-- Sparkles -->
+  <use href="#spark" transform="translate(444 124) scale(0.95)" fill="#5eead4" opacity="0.9"/>
+  <use href="#spark" transform="translate(414 168) scale(0.55)" fill="#fbbf24" opacity="0.85"/>
+  <use href="#spark" transform="translate(102 322) scale(0.6)" fill="#5eead4" opacity="0.55"/>
+
+  <!-- Script document -->
+  <g filter="url(#shadowDoc)">
+    <path d="M156 96 H316 L376 156 V396 Q376 416 356 416 H156 Q136 416 136 396 V116 Q136 96 156 96 Z" fill="url(#paper)"/>
+    <path d="M316 96 L376 156 H340 Q316 156 316 132 Z" fill="#c0cbdc"/>
+    <rect x="168" y="128" width="104" height="14" rx="7" fill="#64748b"/>
+    <g fill="#94a3b8">
+      <rect x="238" y="190" width="86" height="12" rx="6"/>
+      <rect x="190" y="218" width="118" height="12" rx="6"/>
+      <rect x="274" y="246" width="58" height="12" rx="6"/>
+      <rect x="168" y="274" width="142" height="12" rx="6"/>
+      <rect x="250" y="302" width="88" height="12" rx="6"/>
+      <rect x="190" y="330" width="104" height="12" rx="6"/>
+      <rect x="242" y="358" width="70" height="12" rx="6"/>
+    </g>
+    <rect x="168" y="190" width="56" height="12" rx="6" fill="#14b8a6"/>
+    <rect x="190" y="246" width="70" height="12" rx="6" fill="#8b5cf6"/>
+    <rect x="190" y="302" width="48" height="12" rx="6" fill="#f59e0b"/>
+    <rect x="168" y="358" width="62" height="12" rx="6" fill="#14b8a6"/>
+  </g>
+
+  <!-- Automation gear -->
+  <g filter="url(#shadowGear)" fill="url(#gear)" stroke="#0f766e" stroke-width="4" stroke-linejoin="round">
+    <rect x="351" y="280" width="26" height="30" rx="9"/>
+    <rect x="351" y="280" width="26" height="30" rx="9" transform="rotate(45 364 372)"/>
+    <rect x="351" y="280" width="26" height="30" rx="9" transform="rotate(90 364 372)"/>
+    <rect x="351" y="280" width="26" height="30" rx="9" transform="rotate(135 364 372)"/>
+    <rect x="351" y="280" width="26" height="30" rx="9" transform="rotate(180 364 372)"/>
+    <rect x="351" y="280" width="26" height="30" rx="9" transform="rotate(225 364 372)"/>
+    <rect x="351" y="280" width="26" height="30" rx="9" transform="rotate(270 364 372)"/>
+    <rect x="351" y="280" width="26" height="30" rx="9" transform="rotate(315 364 372)"/>
+    <path fill-rule="evenodd" d="M432 372 A68 68 0 1 0 296 372 A68 68 0 1 0 432 372 Z M390 372 A26 26 0 1 1 338 372 A26 26 0 1 1 390 372 Z"/>
+  </g>
+  <circle cx="364" cy="372" r="50" fill="none" stroke="#0f766e" stroke-width="3" opacity="0.45"/>
+  <path d="M315 338 A60 60 0 0 1 398 323" fill="none" stroke="#ffffff" stroke-width="5" stroke-linecap="round" opacity="0.25"/>
+</svg>