@asd20/ui 3.2.995 → 3.2.997

package/src/components/atoms/icons/Asd20CoraSvg.vue

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path d="M11 6v5h8l2 6H11v9h13V6H11z" class="fill" />
     <path
@@ -22,4 +22,93 @@
       d="M18.53 15.91l-.19-.73h-1.25l-.19.73h-1.14L17 12.05h1.4l1.27 3.86zm-.4-1.58L18 13.7c0-.14-.09-.32-.14-.54s-.09-.38-.11-.48l-.09.44c-.05.21-.15.61-.31 1.21z"
     />
   </g>
+</template> -->
+
+<template>
+  <g
+    viewBox="0 0 32 40"
+    width="128"
+    height="160"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <!-- 3/4 Circle badge outline -->
+    <path
+      d="M6 28 a15 15 0 1 1 20 0"
+      fill="none"
+      class="line"
+      stroke="currentColor"
+      stroke-width="2.2"
+      stroke-linecap="round"
+    />
+
+    <!-- Outer "C" shape (outline only) -->
+    <g transform="translate(2,1)scale(0.9)">
+      <path
+        class="line"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="5"
+        d="M24,21
+         a9,9 0 1 1 0-8
+"
+      />
+      <!-- Central circle (mountain sun) -->
+      <circle cx="16" cy="17" r="6" class="fill" />
+      <!-- Stylized mountain (using line color) -->
+      <!-- <path
+        class="line"
+        fill="currentColor"
+        d="M11.5,19 L14,15 L16,18 L18,14 L20.5,19 Z"
+      /> -->
+      <!-- Mountain highlights (simple white for snow) -->
+      <!-- <polyline
+        points="12.5,18 14,16 16,17 18,15 19.5,18"
+        fill="none"
+        stroke="#fff"
+        stroke-width="1"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      /> -->
+    </g>
+    <g transform="translate(12,10)scale(0.6)">
+      <defs>
+        <!-- Document lines "cut out" via mask -->
+        <mask id="docMask">
+          <!-- Fill entire area (white = opaque) -->
+          <rect x="8.5" y="8" width="14" height="19" rx="2.2" fill="white" />
+          <!-- Lines to be transparent (black = transparent) -->
+          <rect x="11" y="12" width="9" height="1.1" rx="0.6" fill="black" />
+          <rect x="11" y="14" width="9" height="1.1" rx="0.6" fill="black" />
+          <rect x="11" y="16" width="9" height="1.1" rx="0.6" fill="black" />
+          <rect x="11" y="19" width="7" height="1.1" rx="0.6" fill="black" />
+        </mask>
+      </defs>
+
+      <!-- Document, using the mask so lines are "see through" -->
+      <rect
+        x="8.5"
+        y="8"
+        width="14"
+        height="19"
+        rx="2.2"
+        class="line"
+        fill="white"
+        stroke="currentColor"
+        stroke-width="1"
+      />
+      <rect x="11" y="12" width="9" height="1" rx="0.6" class="line" stroke="currentColor" stroke-width="0.5"/>
+      <rect x="11" y="14" width="9" height="1" rx="0.6" class="line" stroke="currentColor" stroke-width="0.5"/>
+      <rect x="11" y="16" width="9" height="1" rx="0.6" class="line" stroke="currentColor" stroke-width="0.5"/>
+      <rect x="11" y="18" width="9" height="1" rx="0.6" class="line" stroke="currentColor" stroke-width="0.5"/>
+      <!-- Pencil/Check/edit mark (line color) -->
+      <path
+        d="M23.5 21.5 17.7 27.3C17.3 27.7 16.7 28 16.1 28.1L12.9 28.7 13.5 25.6C13.6 25 13.9 24.4 14.3 24L20.1 18.2M23.5 21.5 25 20C25.4 19.6 25.4 18.9 25 18.5L24 17.5C23.076 16.548 22.378 16.077 21.663 16.84L20.111 18.193M23.5 21.5 20.1 18.2"
+        class="fill"
+        stroke="currentColor"
+        stroke-width="1"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+  </g>
 </template>

package/src/components/atoms/icons/Asd20DirectionsSvg.vue

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path
       class="fill"
@@ -12,4 +12,40 @@
       />
     </g>
   </g>
+</template> -->
+
+<template>
+  <g
+    viewBox="0 0 32 40"
+    width="128"
+    height="160"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <!-- 3/4 Circle badge outline (open at bottom) -->
+    <path
+      d="M6 28 a15 15 0 1 1 20 0"
+      fill="none"
+      class="line"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+    />
+    <!-- Scaled and centered group for directions icon -->
+    <g transform="translate(2,4) scale(0.86)">
+      <path
+        class="line"
+        stroke="currentColor"
+        stroke-width="1"
+        d="M7 12h3v2H7zM15 7h7v3h-7zM21.62 15a4.3 4.3 0 0 0-4.39 4.19c0 1.76 1 3 2.89 5.31.46.56 1 1.17 1.5 1.86.53-.69 1-1.3 1.49-1.86C25 22.21 26 21 26 19.19A4.3 4.3 0 0 0 21.62 15zm0 6.54a2.16 2.16 0 1 1 2.15-2.16 2.16 2.16 0 0 1-2.15 2.16z"
+      />
+      <g>
+        <path
+          class="line"
+          fill="currentColor"
+          d="M26 8.5L22.29 5H14V4h-3v6H6.29L4 13l2.29 3H11v12h3V12h8.29zM11 15H6.78l-1.52-2 1.52-2H11zm2 12h-1V5h1zm1-16V6h7.89l2.65 2.5-2.65 2.5zm7.62 3a5.29 5.29 0 0 0-5.39 5.19c0 2.86 2.15 4.5 5.39 8.81 3.23-4.31 5.38-5.95 5.38-8.81A5.29 5.29 0 0 0 21.62 14zm0 12.36c-.54-.69-1-1.3-1.5-1.86-1.86-2.29-2.89-3.55-2.89-5.31a4.39 4.39 0 0 1 8.77 0c0 1.76-1 3-2.89 5.31-.46.56-.96 1.17-1.49 1.86zm0-9.13a2.16 2.16 0 1 0 2.15 2.15 2.16 2.16 0 0 0-2.15-2.15zm0 3.31a1.16 1.16 0 1 1 1.15-1.16 1.16 1.16 0 0 1-1.15 1.16z"
+        />
+      </g>
+    </g>
+  </g>
 </template>
+

package/src/components/atoms/icons/Asd20DirectorySvg.vue

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path
       class="fill"
@@ -45,4 +45,48 @@
       d="M12.5,12.12a1,1,0,1,1-1,1,1,1,0,0,1,1-1m0-1a2,2,0,1,0,2,2,2,2,0,0,0-2-2Z"
     />
   </g>
-</template>
+</template> -->
+
+<template>
+  <g
+    viewBox="0 0 32 40"
+    width="128"
+    height="160"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <defs>
+      <!-- Document lines "cut out" via mask -->
+      <mask id="docMask">
+        <!-- Fill entire area (white = opaque) -->
+        <rect x="8.5" y="8" width="14" height="19" rx="2.2" fill="white"/>
+        <!-- Lines to be transparent (black = transparent) -->
+        <rect x="11" y="12" width="9" height="1.1" rx="0.6" fill="black"/>
+        <rect x="11" y="14" width="9" height="1.1" rx="0.6" fill="black"/>
+        <rect x="11" y="16" width="9" height="1.1" rx="0.6" fill="black"/>
+        <rect x="11" y="19" width="7" height="1.1" rx="0.6" fill="black"/>
+      </mask>
+    </defs>
+
+    <!-- 3/4 Circle outline (open at bottom) -->
+    <path
+      d="M6 28 a15 15 0 1 1 20 0"
+      fill="none"
+      class="line"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+    />
+    <!-- Document, using the mask so lines are "see through" -->
+    <rect
+      x="8.5" y="8" width="14" height="19" rx="2.2"
+      class="line"
+      fill="currentColor"
+      mask="url(#docMask)"
+    />
+    <!-- Person (body and head, clearly defined) -->
+    <!-- Head -->
+    <circle cx="23.7" cy="16" r="2.3" class="fill"/>
+    <!-- Body -->
+    <rect x="20.3" y="18.3" width="6.8" height="7.4" rx="1.3" class="fill"/>
+  </g>
+</template>

package/src/components/atoms/icons/Asd20EmailSvg.vue

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path
       class="line"
@@ -6,4 +6,16 @@
       d="M5 7v18h22V7zm18.59 2L16 16.59 8.41 9zM7 23V10.41l9 9 9-9V23z"
     />
   </g>
+</template> -->
+
+<template>
+  <g>
+    <rect x="5" y="8" width="18" height="14" rx="2" class="line" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"></rect>
+
+    <path
+      class="line"
+      fill="currentColor"
+      d="M6 10 12.2 14.65C13.2667 15.45 14.7333 15.45 15.8 14.65L22 10"
+    />
+  </g>
 </template>

package/src/components/atoms/icons/Asd20ExternalSvg.vue

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path
       class="line"
@@ -11,4 +11,17 @@
       d="M19 5v2h4.59l-9.8 9.79 1.42 1.42L25 8.41V13h2V5h-8z"
     />
   </g>
+</template> -->
+
+<template>
+  <g>
+    <path
+      class="line"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      d="M14.0002 11H12.2002C11.0801 11 10.5196 11 10.0918 11.218 9.7155 11.4097 9.4097 11.7155 9.218 12.0918 9 12.5196 9 13.0801 9 14.2002V21.8002C9 22.9203 9 23.4801 9.218 23.9079 9.4097 24.2842 9.7155 24.5905 10.0918 24.7822 10.5192 25 11.079 25 12.1969 25H19.8031C20.921 25 21.48 25 21.9074 24.7822 22.2837 24.5905 22.5905 24.2839 22.7822 23.9076 23 23.4802 23 22.921 23 21.8031V20M24 15V10M24 10H19M24 10 17 17"
+    />
+  </g>
 </template>

package/src/components/atoms/icons/Asd20FileSvg.vue

@@ -1,9 +1,18 @@
 <template>
   <g>
-    <path
+    <!-- Back file (line color, outlined) -->
+    <rect
+      class="line"
+      x="12" y="8" width="12" height="15" rx="1.5"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.3"
+    />
+    <!-- Front file (fill color) -->
+    <rect
       class="line"
       fill="currentColor"
-      d="M21 5H8v22h17V9zm2 20H10V7h10v3h3z"
+      x="9" y="11" width="12" height="15" rx="1.5"
     />
   </g>
 </template>

package/src/components/atoms/icons/Asd20FilesSvg.vue

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path class="fill" d="M25 6H12v19h13V6z" />
     <path
@@ -17,4 +17,39 @@
       d="M23 4H10v23h17V8zm3 22H11V5h12v3h3z"
     />
   </g>
+</template> -->
+
+<template>
+  <g
+    viewBox="0 0 32 40"
+    width="128"
+    height="160"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <!-- 3/4 Circle outline (open at bottom) -->
+    <path
+      d="M6 28 a15 15 0 1 1 20 0"
+      fill="none"
+      class="line"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+    />
+
+    <!-- Back file (line color, outlined) -->
+    <rect
+      class="line"
+      x="13" y="8" width="10" height="13" rx="1.5"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.3"
+    />
+    <!-- Front file (fill color) -->
+    <rect
+      class="fill"
+      stroke="currentColor"
+      stroke-width="2"
+      x="10" y="11" width="10" height="13" rx="1.5"
+    />
+  </g>
 </template>

package/src/components/atoms/icons/Asd20FinanceSvg.vue

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path class="fill" d="M9 6v6h13V6zm0 20h13v-2H9z" /><path
       class="line"
@@ -6,4 +6,47 @@
       d="M27.61 10.5A1.49 1.49 0 0 0 26.5 8h-3a1.49 1.49 0 0 0-1.11 2.5 1.49 1.49 0 0 0-.39 1 1.39 1.39 0 0 0 .1.5H8V5h15v2h1V4H7v8H4v10h1v2h12.09a1.51 1.51 0 0 0 1.41 1h3a1.49 1.49 0 0 0 1-.39 1.49 1.49 0 0 0 1 .39h3a1.49 1.49 0 0 0 1.11-2.5 1.48 1.48 0 0 0 0-2 1.48 1.48 0 0 0 0-2 1.48 1.48 0 0 0 0-2 1.48 1.48 0 0 0 0-2 1.48 1.48 0 0 0 0-2 1.48 1.48 0 0 0 0-2zM17.1 23H6v-1h11.1a1.32 1.32 0 0 0 .29.5 1.32 1.32 0 0 0-.29.5zm4.4 1h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1zm0-2h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1zm0-2h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1zm0-2h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1zm.66-1.84a1.46 1.46 0 0 0-.66-.16h-3a1.49 1.49 0 0 0-1.11 2.5 1.48 1.48 0 0 0 0 2 1.32 1.32 0 0 0-.29.5H5v-8h17.1a1.39 1.39 0 0 0-.1.5 1.49 1.49 0 0 0 .39 1 1.49 1.49 0 0 0-.39 1 1.46 1.46 0 0 0 .16.66zM26.5 24h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1zm0-2h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1zm0-2h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1zm0-2h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1zm0-2h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1zm0-2h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1zm0-2h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1zm0-2h-3a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1zm-12 4h-1v.7h-1v2.8h2v.8h-1v-.1h-1v1.1h1v.7h1v-.7h1v-2.8h-2v-.8h1v.1h1v-1.1h-1zM23 27H8v-2H7v3h17v-2h-1zM20 7H10v1h10zm-10 3h9V9h-9z"
     />
   </g>
+</template> -->
+
+<template>
+  <g
+    viewBox="0 0 32 40"
+    width="128"
+    height="160"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <!-- 3/4 Circle badge outline -->
+    <path
+      d="M6 28 a15 15 0 1 1 20 0"
+      fill="none"
+      class="line"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+    />
+    <!-- Calculator body (fill color, rounded) -->
+    <rect x="8" y="7" width="16" height="20" rx="3" class="fill"/>
+    <!-- Calculator display (line color, rounded) -->
+    <rect x="10" y="9" width="12" height="6" rx="1" class="line" fill="currentColor"/>
+    <!-- Calculator buttons (line color, rounded) -->
+    <rect x="11" y="17" width="2.4" height="2.4" rx="0.7" class="line" fill="currentColor"/>
+    <rect x="15" y="17" width="2.4" height="2.4" rx="0.7" class="line" fill="currentColor"/>
+    <rect x="19" y="17" width="2.4" height="2.4" rx="0.7" class="line" fill="currentColor"/>
+    <rect x="11" y="21" width="2.4" height="2.4" rx="0.7" class="line" fill="currentColor"/>
+    <rect x="15" y="21" width="2.4" height="2.4" rx="0.7" class="line" fill="currentColor"/>
+    <rect x="19" y="21" width="2.4" height="2.4" rx="0.7" class="line" fill="currentColor"/>
+    <!-- Dollar sign ($) in display (line color) -->
+    <text
+      x="16"
+      y="12.5"
+      text-anchor="middle"
+      alignment-baseline="middle"
+      font-size="6"
+      font-family="sans-serif"
+      font-weight="bold"
+      class="fill"
+      fill="white"
+      style="pointer-events: none;"
+    >$</text>
+  </g>
 </template>

package/src/components/atoms/icons/Asd20FoodSvg.vue

@@ -1,5 +1,19 @@
 <template>
-  <g>
+  <g
+    viewBox="0 0 32 40"
+    width="128"
+    height="160"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <!-- 3/4 Circle badge outline (open at bottom), unchanged -->
+    <path
+      d="M6 28 a15 15 0 1 1 20 0"
+      fill="none"
+      class="line"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+    />
     <circle class="fill" cx="10.5" cy="19.5" r="2.5" />
     <path
       class="fill"
@@ -12,6 +26,8 @@
     <path
       class="line"
       fill="currentColor"
+      stroke="currentColor"
+      stroke-width="0.5"
       d="M27,17v-.46H13.86A4.45,4.45,0,0,0,11,15.05V13h6v1.05a4,4,0,0,1,.5-.05,4,4,0,0,1,.5.05V12l-1-2V8H11v2l-1,2v3.05a4.47,4.47,0,0,0-1,.25l-.24-.63L7.81,15l.28.71-.08,0-1.32-.28-.21,1,.59.12A4.44,4.44,0,0,0,7.71,23H5l1,3H26l1-3H21A6,6,0,0,0,27,17ZM11.89,10.45l.11-.21V9h4v1.24l.11.21L16.88,12H11.12ZM7,19.5a3.46,3.46,0,0,1,1.23-2.64l.58.12.11,0a.53.53,0,0,0,.38-.18.5.5,0,0,0,.08-.51l0-.1a3.43,3.43,0,0,1,.65-.16,4,4,0,0,1,.5-.05,4,4,0,0,1,.5.05,3.49,3.49,0,0,1,2.73,2.11l0,.09a3.5,3.5,0,0,1,.17.55,3.26,3.26,0,0,1,.07.7,3.5,3.5,0,0,1-7,0Zm7.68,1.64A6,6,0,0,0,19,23H13.29A4.5,4.5,0,0,0,14.68,21.14ZM25.61,24l-.33,1H6.72l-.33-1ZM21,22H19a5,5,0,0,1-4-2.08c0-.14,0-.28,0-.42a4.43,4.43,0,0,0-.47-2H26A5,5,0,0,1,21,22Z"
     />
   </g>

package/src/components/atoms/icons/Asd20GallerySvg.vue

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path
       class="line"
@@ -6,4 +6,58 @@
       d="M24,8V5H5V24H8v3H27V8ZM22,22H7V19.71l6-6,5,5,3-3,1,1ZM22,7v8.29l-1-1-3,3-5-5-6,6V7Zm3,18H10V24H24V10h1Z"
     /><circle class="line" fill="currentColor" cx="18" cy="11" r="2" />
   </g>
+</template> -->
+
+<template>
+  <g>
+    <defs>
+      <!-- Mask for the back file -->
+      <mask id="backMask">
+        <!-- White = visible, Black = hidden -->
+        <rect x="0" y="0" width="32" height="40" fill="white"/>
+        <!-- Hide the area of the front box -->
+        <rect x="7" y="12" width="18" height="15" rx="1.5" fill="black"/>
+      </mask>
+    </defs>
+
+    <!-- Back file (outline only, masked so overlap is hidden) -->
+    <rect
+      class="line"
+      x="11" y="8" width="18" height="15" rx="1.5"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.3"
+      mask="url(#backMask)"
+    />
+
+    <!-- Front file (outline only, no fill) -->
+    <rect
+      class="line"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      x="7" y="12" width="18" height="15" rx="1.5"
+    />
+
+    <!-- Mountain -->
+    <path
+      class="line"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1.4"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      d="M9.5 23 L13 18 L16 21 L18.5 19 L22 23"
+    />
+
+    <!-- Sun -->
+    <circle
+      class="line"
+      fill="currentColor"
+      cx="17"
+      cy="16"
+      r="1.6"
+    />
+  </g>
 </template>
+

package/src/components/atoms/icons/Asd20GroupSvg.vue

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path
       class="fill"
@@ -50,4 +50,42 @@
       d="M22,11a4,4,0,0,0-2.24.69A4.05,4.05,0,0,1,20,12.8a3,3,0,0,1,2-.8,3,3,0,0,1,3,3v6H21v1h5V15A4,4,0,0,0,22,11Z"
     />
   </g>
+</template> -->
+
+<template>
+  <g
+    viewBox="0 0 32 40"
+    width="128"
+    height="160"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <!-- 3/4 Circle outline (open at bottom) -->
+    <path
+      d="M6 28 a15 15 0 1 1 20 0"
+      fill="none"
+      class="line"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+    />
+
+    <!-- Person (body and head, clearly defined) -->
+    <!-- Head -->
+    <circle cx="9" cy="12" r="2.3" class="fill"/>
+    <!-- Body -->
+    <rect x="5" y="15" width="8" height="9" rx="1.3" class="fill"/>
+
+    <!-- Person (body and head, clearly defined) -->
+    <!-- Head -->
+    <circle cx="21" cy="8" r="2.3" class="fill"/>
+    <!-- Body -->
+    <rect x="17" y="11" width="8" height="9" rx="1.3" class="fill"/>
+
+    <!-- Person (body and head, clearly defined) -->
+    <!-- Head -->
+    <circle cx="16" cy="16" r="2.3" class="fill" fill="currentColor"/>
+    <!-- Body -->
+    <rect x="12" y="19" width="8" height="9" rx="1.3" class="fill" fill="currentColor"/>
+
+  </g>
 </template>

package/src/components/atoms/icons/Asd20HoursSvg.vue

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path
       class="fill"
@@ -15,4 +15,34 @@
       d="M17.93 15.5a2 2 0 0 0-1.43-1.43V11h-1v3.07A2 2 0 0 0 14 16a2 2 0 0 0 .28 1L10 21.29l.71.71L15 17.72a2 2 0 0 0 1 .28 2 2 0 0 0 1.93-1.5H23v-1zM16 17a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM15.5 5h1v1h-1zM15.5 26h1v1h-1zM26 15.5h1v1h-1zM5 15.5h1v1H5z"
     />
   </g>
+</template> -->
+
+<template>
+  <g
+    viewBox="0 0 32 40"
+    width="128"
+    height="160"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <!-- 3/4 Circle badge outline (open at bottom) -->
+    <path
+      d="M6 28 a15 15 0 1 1 20 0"
+      fill="none"
+      class="line"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+    />
+
+    <!-- Clock face (filled circle, centered, a little smaller for arc fit) -->
+    <circle cx="16" cy="16" r="9" class="fill" />
+    <!-- Clock outline -->
+    <circle cx="16" cy="16" r="9" class="line" fill="none" stroke="currentColor" stroke-width="2"/>
+    <!-- Clock hands -->
+    <rect x="15.3" y="11.2" width="1.4" height="6" rx="0.7" class="line" fill="currentColor"/>
+    <rect x="16" y="15.5" width="5" height="1.4" rx="0.7" class="line" fill="currentColor" transform="rotate(45 16 16)"/>
+    <!-- Center dot -->
+    <circle cx="16" cy="16" r="1.3" class="line" fill="currentColor"/>
+  </g>
 </template>
+

package/src/components/atoms/icons/Asd20InfoAltSvg.vue

@@ -0,0 +1,21 @@
+<template>
+  <g
+    viewBox="0 0 32 40"
+    width="128"
+    height="160"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <!-- Info background bubble (more rounded shape) -->
+    <path
+      class="line"
+      stroke="currentColor"
+      stroke-width="2"
+      fill="none"
+      d="M 11 7.8 h 10 a 4.4 4 90 0 1 4 4.4 v 7.15 a 4.4 4 90 0 1 -4 4.4 h -3 l -3.5 3.85 a 1.1 1 90 0 1 -1.5 -0.99 v -2.86 h -2 a 4.4 4 90 0 1 -4 -4.4 v -7.15 a 4.4 4 90 0 1 4 -4.4 z"
+    />
+    <!-- Info 'i' (vertical bar) -->
+    <rect x="15" y="14" width="2" height="7" rx="1" class="line" fill="currentColor"/>
+    <!-- Info dot -->
+    <rect x="15" y="11" width="2" height="2" rx="1" class="line" fill="currentColor"/>
+  </g>
+</template>

package/src/components/atoms/icons/Asd20InfoSvg.vue

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path class="fill" d="M6 6v19h20V6z" />
     <path
@@ -12,4 +12,34 @@
       d="M27 5v21h-2.33l-.27.2L22 28v-2H5V5h22m1-1H4v23h17v3l4-3h3V4z"
     />
   </g>
+</template> -->
+
+<template>
+  <g
+    viewBox="0 0 32 40"
+    width="128"
+    height="160"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <!-- 3/4 Circle badge outline -->
+    <path
+      d="M6 28 a15 15 0 1 1 20 0"
+      fill="none"
+      class="line"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+    />
+    <!-- Info background bubble (more rounded shape) -->
+    <path
+      class="fill"
+      stroke="currentColor"
+      stroke-width="2"
+      d="M 11 7.8 h 10 a 4.4 4 90 0 1 4 4.4 v 7.15 a 4.4 4 90 0 1 -4 4.4 h -3 l -3.5 3.85 a 1.1 1 90 0 1 -1.5 -0.99 v -2.86 h -2 a 4.4 4 90 0 1 -4 -4.4 v -7.15 a 4.4 4 90 0 1 4 -4.4 z"
+    />
+    <!-- Info 'i' (vertical bar) -->
+    <rect x="15" y="14" width="2" height="7" rx="1" class="line" fill="currentColor"/>
+    <!-- Info dot -->
+    <rect x="15" y="11" width="2" height="2" rx="1" class="line" fill="currentColor"/>
+  </g>
 </template>