Andela Notifications Updated

job-notifier/icon.svg

@@ -0,0 +1,36 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
+  <defs>
+    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#0F9D6E"/>
+      <stop offset="55%" stop-color="#0B7A56"/>
+      <stop offset="100%" stop-color="#053B29"/>
+    </linearGradient>
+    <linearGradient id="bell" x1="0%" y1="0%" x2="0%" y2="100%">
+      <stop offset="0%" stop-color="#FFFFFF"/>
+      <stop offset="100%" stop-color="#EAF6F0"/>
+    </linearGradient>
+    <radialGradient id="dot" cx="35%" cy="30%" r="75%">
+      <stop offset="0%" stop-color="#FFE27A"/>
+      <stop offset="100%" stop-color="#F5A623"/>
+    </radialGradient>
+    <filter id="soft" x="-30%" y="-30%" width="160%" height="160%">
+      <feDropShadow dx="0" dy="2" stdDeviation="2.2" flood-color="#000000" flood-opacity="0.28"/>
+    </filter>
+  </defs>
+
+  <rect x="4" y="4" width="120" height="120" rx="28" fill="url(#bg)"/>
+  <rect x="4" y="4" width="120" height="120" rx="28" fill="none" stroke="#ffffff" stroke-opacity="0.08" stroke-width="1.5"/>
+
+  <!-- subtle inner highlight -->
+  <path d="M20 30 Q64 8 108 30" stroke="#ffffff" stroke-opacity="0.10" stroke-width="10" fill="none" stroke-linecap="round"/>
+
+  <!-- bell -->
+  <g filter="url(#soft)">
+    <path d="M64 24c-6.2 0-11.2 5-11.2 11.2v3.1c-11 3.4-19 13.7-19 25.8v14.3l-7.4 8.6c-1.6 1.9-.3 4.9 2.2 4.9h70.8c2.5 0 3.8-3 2.2-4.9l-7.4-8.6V64.1c0-12.1-8-22.4-19-25.8v-3.1C75.2 29 70.2 24 64 24z" fill="url(#bell)"/>
+    <path d="M51 96c0 7.2 5.8 13 13 13s13-5.8 13-13z" fill="url(#bell)"/>
+  </g>
+
+  <!-- notification dot -->
+  <circle cx="94" cy="34" r="15" fill="url(#dot)" filter="url(#soft)"/>
+  <circle cx="94" cy="34" r="15" fill="none" stroke="#053B29" stroke-width="2.5"/>
+</svg>