System development, WIP

assets/icons/shield.svg

@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="none">
+  <title>shield</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="#dcc8a4" stroke-opacity="0.35"/>
+  <g stroke-linecap="round" stroke-linejoin="round"><path d="M128 50 182 72v54c0 40-24 66-54 82-30-16-54-42-54-82V72Z" fill="#788188" stroke="#dcc8a4" stroke-width="4"/><path d="M128 68v120M94 114h68" stroke="#dcc8a4" stroke-width="4" opacity="0.8"/></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>