@asd20/ui 3.2.995 → 3.2.996

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

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <polygon
       class="fill"
@@ -50,4 +50,51 @@
       d="M7,9H6v4H8V23H6v4h8V23H12V13h2V9H7Zm6,3H11V24h2v2H7V24H9V12H7V10h6Z"
     />
   </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"
+    />
+    <!-- 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" />
+      <text
+        x="16"
+        y="18"
+        text-anchor="middle"
+        alignment-baseline="middle"
+        font-size="10"
+        font-family="sans-serif"
+        font-weight="bold"
+        class="fill"
+        fill="white"
+        style="pointer-events: none"
+        >IX</text
+      >
+    </g>
+  </g>
 </template>

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

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path class="fill" d="M6 11h20v13H6z" />
     <path
@@ -7,4 +7,36 @@
       d="M21 9V7H11v2H4v17h24V9zm-9-1h8v1h-8zm15 17H5v-8h10v1h2v-1h10zm-12-9v-1h2v1zm12 0h-9v-2h-4v2H5v-6h22z"
     />
   </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"
+    />
+    <!-- Briefcase body (fill color) -->
+    <path
+      class="fill"
+      d="M25 16.613a20.986 20.986 0 01-8 2.003V20a1 1 0 01-2 0v-1.384c-2.74-.131-5.46-.798-8-2.003V23.5A1.5 1.5 0 008.5 25h15a1.5 1.5 0 001.5-1.5v-6.887z"
+    />
+    <!-- Briefcase top (line color) -->
+    <path
+      class="line"
+      fill="currentColor"
+      fill-rule="evenodd"
+      d="M11.508 8.466 10.356 11H8.5A1.5 1.5 0 007 12.5v1.882l.503.251a19 19 0 0016.994 0L25 14.382V12.5A1.5 1.5 0 0023.5 11h-1.856l-1.152-2.534A2.5 2.5 0 0018.216 7H13.784a2.5 2.5 0 00-2.276 1.466zM13.784 9a.5.5 0 00-.455.293L12.553 11h6.894l-.776-1.707A.5.5 0 0018.216 9H13.784z"
+    />
+  </g>
 </template>
+

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

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path
       class="fill"
@@ -24,4 +24,66 @@
       d="M22.88,7.37,18,8.45,22.12,27,27,25.92Zm-.54,16,2.92-.65-.21-1-2.93.65L19.19,9.21l2.93-.65L22.66,11l-2.92.65.21,1L22.88,12l2.93,13.18-2.93.65Z"
     />
   </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"
+    />
+    <!-- Open book (fill color) -->
+    <g transform="translate(4.5,5) scale(1.5)">
+      <path
+        class="fill"
+        d="M1.0819,9.9388C0.9871,9.867,1.0007,9.7479,1.0007,9.7479L1.5259,3.5c0,0,0.0082-0.0688,0.0388-0.104
+      C1.584,3.374,1.6084,3.342,1.6544,3.3232C2.1826,3.1072,5.0537,1.5519,6.5,3c0.2397,0.2777,0.4999,0.6876,0.4999,1v5.2879
+      c0,0,0.0062,0.1122-0.0953,0.1801c-0.0239,0.016-0.124,0.0616-0.242,0.0026c-2.2253-1.1134-4.711,0.1546-5.3381,0.4871
+      C1.1987,10.0244,1.1006,9.9531,1.0819,9.9388z M13.6754,9.9577c-0.6271-0.3325-3.1128-1.6005-5.3381-0.4871
+      c-0.118,0.059-0.2181,0.0134-0.242-0.0026C7.9939,9.4001,8.0001,9.2879,8.0001,9.2879V4c0-0.3124,0.2602-0.7223,0.4999-1
+      c1.4463-1.4481,4.2991,0.1071,4.8273,0.3232c0.046,0.0188,0.0704,0.0508,0.0897,0.0728C13.4476,3.4312,13.4558,3.5,13.4558,3.5
+      l0.5435,6.2479c0,0,0.0136,0.1191-0.0812,0.1909C13.8994,9.9531,13.8013,10.0244,13.6754,9.9577z M8.8647,12.6863
+      c0.0352-0.0085,0.0964-0.0443,0.1179-0.0775c0.0236-0.0364,0.0378-0.0617,0.0423-0.1088c0.0495-0.9379,1.6245-1.8119,4.6477-0.0298
+      c0.0775,0.0441,0.1666,0.0396,0.2425-0.0155C14.0014,12.392,14,12.2859,14,12.2859v-0.5542c0,0,0.0003-0.0764-0.0272-0.1184
+      c-0.0205-0.0312-0.0476-0.0643-0.0926-0.0858c-2.0254-1.3145-4.5858-1.8972-5.8854-0.1592
+      c-0.0181,0.0423-0.0353,0.0613-0.0728,0.0905C7.8654,11.5028,7.7964,11.5,7.7964,11.5H7.2109c0,0-0.069,0.0028-0.1256-0.0412
+      c-0.0375-0.0292-0.0547-0.0482-0.0728-0.0905c-1.2996-1.738-3.86-1.1828-5.8854,0.1317c-0.045,0.0215-0.0721,0.0546-0.0926,0.0858
+      c-0.0275,0.042-0.0272,0.1184-0.0272,0.1184v0.5542c0,0-0.0014,0.1061,0.0849,0.1688c0.0759,0.0551,0.165,0.0596,0.2425,0.0155
+      c3.0232-1.7821,4.5982-0.8806,4.6477,0.0573c0.0045,0.0471,0.0187,0.0724,0.0423,0.1088c0.0215,0.0332,0.0827,0.069,0.1179,0.0775
+      C6.8645,12.8656,7.9112,12.9363,8.8647,12.6863z"
+      />
+      <!-- Book outline (line color, for detail) -->
+      <path
+        class="line"
+        fill="none"
+        stroke="currentColor"
+        stroke-width="1"
+        d="M1.0819,9.9388C0.9871,9.867,1.0007,9.7479,1.0007,9.7479L1.5259,3.5c0,0,0.0082-0.0688,0.0388-0.104
+      C1.584,3.374,1.6084,3.342,1.6544,3.3232C2.1826,3.1072,5.0537,1.5519,6.5,3c0.2397,0.2777,0.4999,0.6876,0.4999,1v5.2879
+      c0,0,0.0062,0.1122-0.0953,0.1801c-0.0239,0.016-0.124,0.0616-0.242,0.0026c-2.2253-1.1134-4.711,0.1546-5.3381,0.4871
+      C1.1987,10.0244,1.1006,9.9531,1.0819,9.9388z M13.6754,9.9577c-0.6271-0.3325-3.1128-1.6005-5.3381-0.4871
+      c-0.118,0.059-0.2181,0.0134-0.242-0.0026C7.9939,9.4001,8.0001,9.2879,8.0001,9.2879V4c0-0.3124,0.2602-0.7223,0.4999-1
+      c1.4463-1.4481,4.2991,0.1071,4.8273,0.3232c0.046,0.0188,0.0704,0.0508,0.0897,0.0728C13.4476,3.4312,13.4558,3.5,13.4558,3.5
+      l0.5435,6.2479c0,0,0.0136,0.1191-0.0812,0.1909C13.8994,9.9531,13.8013,10.0244,13.6754,9.9577z M8.8647,12.6863
+      c0.0352-0.0085,0.0964-0.0443,0.1179-0.0775c0.0236-0.0364,0.0378-0.0617,0.0423-0.1088c0.0495-0.9379,1.6245-1.8119,4.6477-0.0298
+      c0.0775,0.0441,0.1666,0.0396,0.2425-0.0155C14.0014,12.392,14,12.2859,14,12.2859v-0.5542c0,0,0.0003-0.0764-0.0272-0.1184
+      c-0.0205-0.0312-0.0476-0.0643-0.0926-0.0858c-2.0254-1.3145-4.5858-1.8972-5.8854-0.1592
+      c-0.0181,0.0423-0.0353,0.0613-0.0728,0.0905C7.8654,11.5028,7.7964,11.5,7.7964,11.5H7.2109c0,0-0.069,0.0028-0.1256-0.0412
+      c-0.0375-0.0292-0.0547-0.0482-0.0728-0.0905c-1.2996-1.738-3.86-1.1828-5.8854,0.1317c-0.045,0.0215-0.0721,0.0546-0.0926,0.0858
+      c-0.0275,0.042-0.0272,0.1184-0.0272,0.1184v0.5542c0,0-0.0014,0.1061,0.0849,0.1688c0.0759,0.0551,0.165,0.0596,0.2425,0.0155
+      c3.0232-1.7821,4.5982-0.8806,4.6477,0.0573c0.0045,0.0471,0.0187,0.0724,0.0423,0.1088c0.0215,0.0332,0.0827,0.069,0.1179,0.0775
+      C6.8645,12.8656,7.9112,12.9363,8.8647,12.6863z"
+      />
+    </g>
+  </g>
 </template>

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

@@ -0,0 +1,34 @@
+<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"
+    />
+    <!-- Browser window (rounded rectangle, outline color) -->
+    <rect x="7" y="9" width="18" height="15" rx="2.5" class="line" fill="currentColor"/>
+    <!-- Toolbar (top bar, cutout from window, background shows through) -->
+    <rect x="7.8" y="10" width="16.4" height="3" rx="1.2" fill="#fff"/>
+    <!-- Toolbar circles (left) -->
+    <circle cx="9.6" cy="11.7" r="0.55" class="line" fill="currentColor"/>
+    <circle cx="11.2" cy="11.7" r="0.55" class="line" fill="currentColor"/>
+    <circle cx="12.8" cy="11.7" r="0.55" class="line" fill="currentColor"/>
+    <!-- Toolbar right bar -->
+    <rect x="16.7" y="11.1" width="5.1" height="1.1" rx="0.5" class="line" fill="currentColor"/>
+
+    <!-- Three horizontal lines (fill color, like page content) -->
+    <path
+      d="M 15.5251 15.2678 C 16.0167 14.7762 16.6835 14.5 17.3787 14.5 C 18.8264 14.5 20 15.6736 20 17.1213 C 20 17.8165 19.7238 18.4833 19.2323 18.9749 L 18.2071 20 L 17.5 19.2929 L 18.5252 18.2678 C 18.8292 17.9637 19 17.5513 19 17.1213 C 19 16.2259 18.2741 15.5 17.3787 15.5 C 16.9487 15.5 16.5363 15.6708 16.2322 15.9749 L 15.2071 17 L 14.5 16.2929 L 15.5251 15.2678 Z M 15.7678 21.0252 L 16.7929 20 L 17.5 20.7071 L 16.4749 21.7323 C 15.9833 22.2238 15.3165 22.5 14.6213 22.5 C 13.1736 22.5 12 21.3264 12 19.8787 C 12 19.1835 12.2762 18.5167 12.7678 18.0251 L 13.7929 17 L 14.5 17.7071 L 13.4749 18.7322 C 13.1708 19.0363 13 19.4487 13 19.8787 C 13 20.7741 13.7259 21.5 14.6213 21.5 C 15.0513 21.5 15.4637 21.3292 15.7678 21.0252 Z M 14.8536 20.3535 L 17.8535 17.3536 L 17.1465 16.6464 L 14.1464 19.6465 L 14.8536 20.3535 Z"
+      class="fill"
+    />
+  </g>
+</template>

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

@@ -1,9 +1,13 @@
 <template>
   <g>
-    <path
-      class="line"
-      fill="currentColor"
-      d="M10 12.5h17v2H10zM10 7.5h17v2H10zM10 17.5h17v2H10zM10 22.5h17v2H10zM5 12.5h3v2H5zM5 7.5h3v2H5zM5 17.5h3v2H5zM5 22.5h3v2H5z"
-    />
+    <!-- Top row: dot and line -->
+    <circle cx="8" cy="11.5" r="1.5" class="line" stroke="currentColor" />
+    <rect x="14" y="11" width="13" height="1" rx="0.5" class="line" stroke="currentColor" />
+    <!-- Middle row: dot and line -->
+    <circle cx="8" cy="16.5" r="1.5" class="line" stroke="currentColor" />
+    <rect x="14" y="16" width="13" height="1" rx="0.5" class="line" stroke="currentColor" />
+    <!-- Bottom row: dot and line -->
+    <circle cx="8" cy="21.5" r="1.5" class="line" stroke="currentColor" />
+    <rect x="14" y="21" width="13" height="1" rx="0.5" class="line" stroke="currentColor" />
   </g>
 </template>

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

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path
       class="fill"
@@ -20,4 +20,38 @@
       d="M9 15a3 3 0 0 1 3 3v6H6v-6a3 3 0 0 1 3-3m0-1a4 4 0 0 0-4 4v7h8v-7a4 4 0 0 0-4-4z"
     />
   </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"
+    />
+    <!-- Door/body (rounded rectangle, fill color, with outline) -->
+    <path
+      d="M22.7071 18.2929C23.0976 18.6834 23.0976 19.3166 22.7071 19.7071 22.3166 20.0976 21.6834 20.0976 21.2929 19.7071L18.3799 16.7941C18.3649 16.7791 18.3503 16.7637 18.3363 16.748 18.13 16.5648 18 16.2976 18 16 18 15.7024 18.13 15.4352 18.3363 15.252 18.3503 15.2363 18.3649 15.2209 18.3799 15.2059L21.2929 12.2929C21.6834 11.9024 22.3166 11.9024 22.7071 12.2929 23.0976 12.6834 23.0976 13.3166 22.7071 13.7071L21.4142 15H27C27.5523 15 28 15.4477 28 16 28 16.5523 27.5523 17 27 17H21.4142L22.7071 18.2929Z"
+      class="line"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="1"
+    />
+    <path
+      d="M11 6C9.3431 6 8 7.3431 8 9V23C8 24.6569 9.3431 26 11 26H20.5C21.8807 26 23 24.8807 23 23.5V20.7326C22.2351 21.1747 21.2401 21.0686 20.5858 20.4142L17.6728 17.5012C17.658 17.4865 17.6435 17.4715 17.6292 17.4563 17.2431 17.0928 17 16.5742 17 16 17 15.4258 17.2431 14.9072 17.6292 14.5437 17.6435 14.5285 17.658 14.5135 17.6728 14.4988L20.5858 11.5858C21.2402 10.9314 22.2351 10.8253 23 11.2674V8.5C23 7.1193 21.8807 6 20.5 6H11Z"
+      class="fill"
+      stroke="currentColor"
+      stroke-width="1.5"
+    />
+
+  </g>
 </template>

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

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path
       class="fill"
@@ -18,4 +18,39 @@
     <circle class="line" fill="currentColor" cx="23.5" cy="16.5" r="1.5" />
     <circle class="line" fill="currentColor" cx="19.5" cy="21.5" r="1.5" />
   </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="8" cy="12" r="2.3" class="fill"/>
+    <!-- Body -->
+    <rect x="4" y="15" width="8" height="9" rx="1.3" class="fill"/>
+
+    <!-- Top row: dot and line -->
+    <circle cx="18" cy="11.5" r="1.5" class="line" stroke="currentColor" />
+    <rect x="14" y="11" width="13" height="1" rx="0.5" class="line" stroke="currentColor" />
+    <!-- Middle row: dot and line -->
+    <circle cx="23" cy="16.5" r="1.5" class="line" stroke="currentColor" />
+    <rect x="14" y="16" width="13" height="1" rx="0.5" class="line" stroke="currentColor" />
+    <!-- Bottom row: dot and line -->
+    <circle cx="18" cy="21.5" r="1.5" class="line" stroke="currentColor" />
+    <rect x="14" y="21" width="13" height="1" rx="0.5" class="line" stroke="currentColor" />
+  </g>
 </template>

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

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path
       class="line"
@@ -6,4 +6,35 @@
       d="M22.15 26.53c-1.9 0-6.1-.63-10.83-5.35C5 14.88 6 8.57 6 8.3l.08-.42 4.14-2.77 4 5.38-4.37 5.56a17.79 17.79 0 0 0 2.89 3.71 20.2 20.2 0 0 0 3.1 2.58L21 18.2l5.38 4-2.76 4.13-.4.08a6.23 6.23 0 0 1-1.07.12zm-4.44-3.12a9.87 9.87 0 0 0 4.75 1.12l1.21-1.83-2.62-2zM8 9a11.93 11.93 0 0 0 .9 5l2.89-3.61-2-2.62z"
     />
   </g>
+</template> -->
+
+<template>
+  <g
+    viewBox="0 0 32 40"
+    width="128"
+    height="160"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <defs>
+      <!-- Mask for phone body: screen, speaker, and button are cut out -->
+      <mask id="phoneBodyMask">
+        <!-- Body shape (opaque) -->
+        <rect x="10" y="7" width="12" height="20" rx="4" fill="white"/>
+        <!-- Screen cutout (transparent) -->
+        <rect x="12.7" y="10.5" width="6.6" height="13" rx="1" fill="black"/>
+        <!-- Speaker (transparent) -->
+        <rect x="14.3" y="8.5" width="3.4" height="1" rx="0.5" fill="black"/>
+        <!-- Home button (transparent) -->
+        <circle cx="16" cy="25" r="1.2" fill="black"/>
+      </mask>
+    </defs>
+    <!-- Phone body with transparent screen, speaker, and button -->
+    <rect x="10" y="7" width="12" height="20" rx="4" class="line" fill="currentColor" mask="url(#phoneBodyMask)"/>
+    <!-- Vibration waves (left, light blue) -->
+    <path d="M8 14 q-3 3 0 6" fill="none" class="line" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
+    <path d="M6.2 12 q-5 5 0 10" fill="none" class="line" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
+    <!-- Vibration waves (right, light blue) -->
+    <path d="M24 14 q3 3 0 6" fill="none" class="line" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
+    <path d="M25.8 12 q5 5 0 10" fill="none" class="line" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
+  </g>
 </template>

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

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path
       class="fill"
@@ -12,4 +12,45 @@
       />
     </g>
   </g>
+</template> -->
+
+<template>
+  <g
+    viewBox="0 0 32 40"
+    width="128"
+    height="160"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <defs>
+      <!-- Mask for phone body: screen, speaker, and button are cut out -->
+      <mask id="phoneBodyMask">
+        <!-- Body shape (opaque) -->
+        <rect x="10" y="7" width="12" height="20" rx="4" fill="white"/>
+        <!-- Screen cutout (transparent) -->
+        <rect x="12.7" y="10.5" width="6.6" height="13" rx="1" fill="black"/>
+        <!-- Speaker (transparent) -->
+        <rect x="14.3" y="8.5" width="3.4" height="1" rx="0.5" fill="black"/>
+        <!-- Home button (transparent) -->
+        <circle cx="16" cy="25" r="1.2" 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.2"
+      stroke-linecap="round"
+    />
+    <!-- Phone body with transparent screen, speaker, and button -->
+    <rect x="10" y="7" width="12" height="20" rx="4" class="line" fill="currentColor" mask="url(#phoneBodyMask)"/>
+    <!-- Vibration waves (left, light blue) -->
+    <path d="M8 14 q-3 3 0 6" fill="none" class="line" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
+    <path d="M6.2 12 q-5 5 0 10" fill="none" class="line" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
+    <!-- Vibration waves (right, light blue) -->
+    <path d="M24 14 q3 3 0 6" fill="none" class="line" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
+    <path d="M25.8 12 q5 5 0 10" fill="none" class="line" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/>
+  </g>
 </template>
+

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

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
     <g>
       <polygon
@@ -12,4 +12,112 @@
       />
     </g>
   </svg>
+</template> -->
+
+<template>
+  <g viewBox="0 0 32 40" xmlns="http://www.w3.org/2000/svg">
+    <!-- 3/4 arc 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"
+    />
+    <g transform="translate(3,4) scale(0.8)">
+      <defs>
+        <!-- Mask to round the band while keeping the notch -->
+        <mask id="printerBandMask">
+          <!-- White = keep, Black = cut out -->
+          <rect x="0" y="0" width="32" height="40" fill="black" />
+          <!-- Rounded band area -->
+          <rect x="6" y="14" width="20" height="7" rx="1.6" fill="white" />
+          <!-- Notch (remove inside band) -->
+          <rect x="8" y="18" width="16" height="3" rx="0.8" fill="black" />
+        </mask>
+      </defs>
+
+      <!-- Outer printer body (rounded outline) -->
+      <rect
+        x="4"
+        y="9"
+        width="24"
+        height="14"
+        rx="2"
+        fill="none"
+        class="line"
+        stroke="currentColor"
+        stroke-width="1.5"
+        stroke-linejoin="round"
+      />
+
+      <!-- Top module (rounded) -->
+      <rect
+        x="9"
+        y="6"
+        width="14"
+        height="3"
+        rx="1.2"
+        class="line"
+        fill="currentColor"
+      />
+
+      <!-- Top slot (rounded) -->
+      <rect
+        x="10"
+        y="7"
+        width="12"
+        height="2"
+        rx="0.8"
+        class="line"
+        fill="currentColor"
+      />
+
+      <!-- Middle band (original polygon reimagined: rounded + notched via mask) -->
+      <rect
+        x="6"
+        y="14"
+        width="20"
+        height="7"
+        rx="1.6"
+        class="fill"
+        mask="url(#printerBandMask)"
+      />
+
+      <!-- Small indicators (rounded) -->
+      <rect
+        x="6"
+        y="11"
+        width="2"
+        height="1"
+        rx="0.5"
+        class="line"
+        fill="currentColor"
+      />
+      <rect
+        x="9"
+        y="11"
+        width="1"
+        height="1"
+        rx="0.5"
+        class="line"
+        fill="currentColor"
+      />
+
+      <!-- Paper page (rounded) -->
+      <rect
+        x="10"
+        y="20"
+        width="12"
+        height="6"
+        rx="1.2"
+        fill="white"
+        class="line"
+        stroke="currentColor"
+        stroke-width="1.5"
+        stroke-linejoin="round"
+      />
+    </g>
+  </g>
 </template>

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

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path
       class="fill"
@@ -20,4 +20,58 @@
       d="M22 4H9v6h1V5h12v3h3v19H10v-1H9v2h17V8l-4-4z"
     />
   </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"
+    />
+    <!-- Document lines (fill color)
+    <path d="M9 14L21 14" class="fill" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+    <path d="M9 17H21" class="fill" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
+    <path d="M9 20H15" class="fill" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /> -->
+    <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="currentColor"
+      mask="url(#docMask)"
+    />
+    <!-- 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="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </g>
 </template>
+
+

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

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path
       class="fill"
@@ -40,4 +40,52 @@
       d="M17.42 9H15.5v1h1.92V9zM16.5 10h-1v1.5h1V10z"
     />
   </g>
+</template> -->
+
+<template>
+  <g
+    viewBox="0 0 32 40"
+    width="128"
+    height="160"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <defs>
+      <!-- Mask for left building (outline color) -->
+      <mask id="leftBuildingMask">
+        <!-- Building shape (opaque) -->
+        <polygon points="7,29 7,13 17,11 17,29" fill="white"/>
+        <!-- Windows and door (transparent "holes") -->
+        <rect x="10" y="15" width="2" height="2" rx="0.3" fill="black"/>
+        <rect x="10" y="19" width="2" height="2" rx="0.3" fill="black"/>
+        <rect x="14" y="15" width="2" height="2" rx="0.3" fill="black"/>
+        <rect x="14" y="19" width="2" height="2" rx="0.3" fill="black"/>
+        <rect x="12" y="23" width="4" height="4" rx="0.7" fill="black"/>
+      </mask>
+      <!-- Mask for right building (fill color) -->
+      <mask id="rightBuildingMask">
+        <!-- Building shape (opaque) -->
+        <polygon points="17,29 17,13 25,15 25,29" fill="white"/>
+        <!-- Windows (transparent "holes") -->
+        <rect x="21" y="17" width="3" height="1.2" rx="0.4" fill="black"/>
+        <rect x="21" y="20" width="3" height="1.2" rx="0.4" fill="black"/>
+        <rect x="21" y="23" width="3" height="1.2" rx="0.4" 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"
+    />
+    <!-- Left building (outline color, slanted roof left, with transparent windows/door) -->
+    <polygon points="7,29 7,13 17,11 17,29" class="line" fill="currentColor" mask="url(#leftBuildingMask)" />
+    <!-- Right building (fill color, slanted roof right, with transparent windows) -->
+    <polygon points="17,29 17,13 25,15 25,29" class="fill" mask="url(#rightBuildingMask)" />
+    <!-- Flag and pole (outline color) -->
+    <polygon points="17,29 17,6 25,6 25,10 19,10 19,29" class="line" fill="currentColor" />
+  </g>
 </template>
+