System development, WIP

assets/icons/backpack.svg

@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="none">
+  <title>Backpack</title>
+  <defs>
+    <linearGradient id="bg" x1="20" y1="20" x2="236" y2="236" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#2d2018"/>
+      <stop offset="1" stop-color="#16110d"/>
+    </linearGradient>
+    <linearGradient id="trim" x1="42" y1="32" x2="214" y2="224" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#dcc8a4"/>
+      <stop offset="0.45" stop-color="#b89458"/>
+      <stop offset="1" stop-color="#72422a"/>
+    </linearGradient>
+    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
+      <feDropShadow dx="0" dy="6" stdDeviation="8" flood-color="#000" flood-opacity="0.45"/>
+    </filter>
+  </defs>
+  <rect x="16" y="16" width="224" height="224" rx="36" fill="url(#bg)"/>
+  <path d="M128 24 205 52 222 128 205 204 128 232 51 204 34 128 51 52Z" fill="#231913" stroke="url(#trim)" stroke-width="6" filter="url(#shadow)"/>
+  <path d="M128 38 192 61 206 128 192 195 128 218 64 195 50 128 64 61Z" stroke="#72422a" stroke-width="2.5" opacity="0.65"/>
+  <path d="M63 80 92 62M193 80 164 62M63 176 92 194M193 176 164 194" stroke="#95a45d" stroke-width="2" opacity="0.45"/>
+  <circle cx="128" cy="128" r="72" fill="#0d0907" fill-opacity="0.18" stroke="#95a45d" stroke-opacity="0.35"/>
+  <g stroke-linecap="round" stroke-linejoin="round"><rect x="84" y="72" width="88" height="112" rx="18" fill="#72422a" stroke="#95a45d" stroke-width="4"/><rect x="102" y="94" width="52" height="30" rx="8" fill="#2d2018" stroke="#dcc8a4" stroke-width="3"/><path d="M102 72c0-18 52-18 52 0M96 90c-18 10-22 60-10 88M160 90c18 10 22 60 10 88" stroke="#dcc8a4" stroke-width="4"/></g>
+  <g fill="#dcc8a4" opacity="0.8">
+    <circle cx="52" cy="52" r="3"/><circle cx="204" cy="52" r="3"/><circle cx="52" cy="204" r="3"/><circle cx="204" cy="204" r="3"/>
+  </g>
+</svg>