@asd20/ui 3.2.995 → 3.2.996

package/src/components/atoms/icons/Asd20SchoologySvg.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 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"
+    />
     <path
       d="M16,8.42A7.46,7.46,0,0,0,8.54,16a7.4,7.4,0,0,0,12.74,5.28,7.23,7.23,0,0,0,2.12-5.27,7.37,7.37,0,0,0-2.11-5.36,7.46,7.46,0,0,0-5.24-2.27l0-.5h0Z"
       class="fill"

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

@@ -1,29 +1,43 @@
 <template>
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-    <g>
-      <path
-        d="M21,16.2V13a1,1,0,0,1,.62-.92A.84.84,0,0,1,22,12a1.42,1.42,0,0,1,.2,0,6.5,6.5,0,1,0-8.85,7.89A20,20,0,0,1,21,16.2Z"
-        class="fill"
-      />
-      <path
-        d="M27.17,21,24,17.83v.86L22.33,19A18.27,18.27,0,0,0,16.92,21a10.4,10.4,0,0,0-3.83,3.69A26.62,26.62,0,0,1,22,23h2v1.17Z"
-        class="fill"
-      />
-      <path
-        d="M30,21l-8-8v4S10,19,10,29c4-4,12-4,12-4v4ZM11.24,26.77c1.58-7.12,10.51-8.71,10.92-8.78l.84-.14V15.41L28.59,21,23,26.59V24H22C21.7,24,15.63,24,11.24,26.77Z"
-        class="line"
-        fill="currentColor"
-      />
-      <path
-        d="M10.65,23H6V5H26V15.59l1,1V4H5V24h5.11A10.6,10.6,0,0,1,10.65,23Z"
-        class="line"
-        fill="currentColor"
-      />
-      <path
-        d="M21.24,12.36a1,1,0,0,1,.38-.28A.84.84,0,0,1,22,12a1.42,1.42,0,0,1,.2,0,6.5,6.5,0,1,0-8.85,7.89,15.41,15.41,0,0,1,1.59-1.17,6.26,6.26,0,0,1-.86-2.08h3.84c-.05.22-.11.42-.17.62.4-.18.8-.33,1.17-.47,0,0,0-.1,0-.15h.41c.64-.21,1.21-.38,1.63-.48v-.52H19.12a12.88,12.88,0,0,0,0-3.36h2.11A.06.06,0,0,1,21.24,12.36ZM16,8.5c.73,0,1.5,1.09,1.92,2.82H14.08C14.5,9.59,15.27,8.5,16,8.5Zm-2,.4A7.6,7.6,0,0,0,13,11.32H11.2A5.53,5.53,0,0,1,14,8.9Zm-3.19,6.78a5.36,5.36,0,0,1,0-3.36h2.11a12.88,12.88,0,0,0,0,3.36Zm.43,1H13A7.6,7.6,0,0,0,14,19.1,5.53,5.53,0,0,1,11.2,16.68Zm6.9-1H13.9a10.92,10.92,0,0,1,0-3.36h4.2a10.92,10.92,0,0,1,0,3.36ZM19,11.32A7.6,7.6,0,0,0,18,8.9a5.53,5.53,0,0,1,2.76,2.42Z"
-        class="line"
-        fill="currentColor"
-      />
+    <!-- 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 share icon -->
+    <g transform="translate(3.5,4.5) scale(0.8)">
+      <g>
+        <path
+          d="M21,16.2V13a1,1,0,0,1,.62-.92A.84.84,0,0,1,22,12a1.42,1.42,0,0,1,.2,0,6.5,6.5,0,1,0-8.85,7.89A20,20,0,0,1,21,16.2Z"
+          class="fill"
+        />
+        <path
+          d="M27.17,21,24,17.83v.86L22.33,19A18.27,18.27,0,0,0,16.92,21a10.4,10.4,0,0,0-3.83,3.69A26.62,26.62,0,0,1,22,23h2v1.17Z"
+          class="fill"
+        />
+        <path
+          d="M30,21l-8-8v4S10,19,10,29c4-4,12-4,12-4v4ZM11.24,26.77c1.58-7.12,10.51-8.71,10.92-8.78l.84-.14V15.41L28.59,21,23,26.59V24H22C21.7,24,15.63,24,11.24,26.77Z"
+          class="line"
+          fill="currentColor"
+        />
+        <path
+          d="M 10.65 23 H 7 a 2 2 0 0 1 -2 -2 V 7 a 2 2 0 0 1 2 -2 H 24 a 2 2 0 0 1 2 2 v 8.59 l 1 1 V 6 a 3 3 0 0 0 -2 -2 H 6 a 3 3 0 0 0 -2 2 V 22 a 3 3 0 0 0 2 2 h 4.11 a 10.6 10.6 0 0 1 0.54 -1 Z"
+          class="line"
+          stroke="currentColor"
+          stroke-width="1"
+          fill="currentColor"
+        />
+        <path
+          d="M21.24,12.36a1,1,0,0,1,.38-.28A.84.84,0,0,1,22,12a1.42,1.42,0,0,1,.2,0,6.5,6.5,0,1,0-8.85,7.89,15.41,15.41,0,0,1,1.59-1.17,6.26,6.26,0,0,1-.86-2.08h3.84c-.05.22-.11.42-.17.62.4-.18.8-.33,1.17-.47,0,0,0-.1,0-.15h.41c.64-.21,1.21-.38,1.63-.48v-.52H19.12a12.88,12.88,0,0,0,0-3.36h2.11A.06.06,0,0,1,21.24,12.36ZM16,8.5c.73,0,1.5,1.09,1.92,2.82H14.08C14.5,9.59,15.27,8.5,16,8.5Zm-2,.4A7.6,7.6,0,0,0,13,11.32H11.2A5.53,5.53,0,0,1,14,8.9Zm-3.19,6.78a5.36,5.36,0,0,1,0-3.36h2.11a12.88,12.88,0,0,0,0,3.36Zm.43,1H13A7.6,7.6,0,0,0,14,19.1,5.53,5.53,0,0,1,11.2,16.68Zm6.9-1H13.9a10.92,10.92,0,0,1,0-3.36h4.2a10.92,10.92,0,0,1,0,3.36ZM19,11.32A7.6,7.6,0,0,0,18,8.9a5.53,5.53,0,0,1,2.76,2.42Z"
+          class="line"
+          fill="currentColor"
+        />
+      </g>
     </g>
   </svg>
 </template>

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

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
     <g>
       <path d="M16,22a3,3,0,0,0-3,3v3h6V25A3,3,0,0,0,16,22Z" class="fill" />
@@ -70,4 +70,32 @@
       />
     </g>
   </svg>
+</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"
+    />
+    <!-- Browser window (rounded rectangle, outline color) -->
+    <path
+      d="M13 10 16 7M16 7 19 10M16 7V17M11.0002 14C10.0683 14 9.6024 14 9.2349 14.1522 8.7448 14.3552 8.3552 14.7448 8.1522 15.2349 8 15.6024 8 16.0681 8 17V21.8C8 22.9201 8 23.4798 8.218 23.9076 8.4097 24.2839 8.7155 24.5905 9.0918 24.7822 9.5192 25 10.079 25 11.1969 25H20.8036C21.9215 25 22.4805 25 22.9079 24.7822 23.2842 24.5905 23.5905 24.2839 23.7822 23.9076 24 23.4802 24 22.921 24 21.8031V17C24 16.0681 23.9999 15.6024 23.8477 15.2349 23.6447 14.7448 23.2554 14.3552 22.7654 14.1522 22.3978 14 21.9319 14 21 14"
+      class="line"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+    />
+  </g>
 </template>

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

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path
       class="fill"
@@ -15,4 +15,101 @@
       d="M8 14.8a3 3 0 0 1 3 3v6H5v-6a3 3 0 0 1 3-3m0-1a4 4 0 0 0-4 4v7h8v-7a4 4 0 0 0-4-4zM15 9h3v3h-3zM25 9h3v3h-3zM20 9h3v3h-3zM15 14h3v3h-3zM15 20h13v1H15zM15 23h13v1H15zM25 14h3v3h-3zM20 14h3v3h-3z"
     />
   </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"/>
+    <!-- Staff grid/squares (line) -->
+    <rect
+      class="line"
+      fill="currentColor"
+      x="15"
+      y="9"
+      width="3"
+      height="3"
+      rx="1"
+    />
+    <rect
+      class="line"
+      fill="currentColor"
+      x="19"
+      y="9"
+      width="3"
+      height="3"
+      rx="1"
+    />
+    <rect
+      class="line"
+      fill="currentColor"
+      x="23"
+      y="9"
+      width="3"
+      height="3"
+      rx="1"
+    />
+    <rect
+      class="line"
+      fill="currentColor"
+      x="15"
+      y="14"
+      width="3"
+      height="3"
+      rx="1"
+    />
+    <rect
+      class="line"
+      fill="currentColor"
+      x="19"
+      y="14"
+      width="3"
+      height="3"
+      rx="1"
+    />
+    <rect
+      class="line"
+      fill="currentColor"
+      x="23"
+      y="14"
+      width="3"
+      height="3"
+      rx="1"
+    />
+    <rect
+      class="line"
+      fill="currentColor"
+      x="15"
+      y="20"
+      width="11"
+      height="1.5"
+      rx="0.5"
+    />
+    <rect
+      class="line"
+      fill="currentColor"
+      x="15"
+      y="23"
+      width="11"
+      height="1.5"
+      rx="0.5"
+    />
+  </g>
 </template>

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

@@ -1,29 +1,47 @@
 <template>
-  <g>
+  <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="M14,20h4a5.12,5.12,0,0,1,1.86-3.49A5.85,5.85,0,0,0,22,12a6,6,0,0,0-6-6,6.21,6.21,0,0,0-1.21.12A5.9,5.9,0,0,0,10,12.6a5.75,5.75,0,0,0,2.05,3.78A5.23,5.23,0,0,1,14,20Z"
-      class="fill"
-    />
-    <path
-      d="M14,21V20H8v2.09a1.5,1.5,0,1,0,1,0V21ZM8.5,24a.5.5,0,1,1,.5-.5A.5.5,0,0,1,8.5,24Z"
-      class="fill"
-    />
-    <path
-      d="M24,22.09V20H18v1h5v1.09a1.5,1.5,0,1,0,1,0ZM23.5,24a.5.5,0,1,1,.5-.5A.5.5,0,0,1,23.5,24Z"
-      class="fill"
-    />
-    <path
-      d="M28,15.5a1.5,1.5,0,1,0-2,1.41V18H20v1h7V16.91A1.51,1.51,0,0,0,28,15.5Zm-1.5.5a.5.5,0,1,1,.5-.5A.5.5,0,0,1,26.5,16Z"
-      class="fill"
-    />
-    <path
-      d="M6,18V16.91a1.5,1.5,0,1,0-1,0V19h7V18Zm-.5-3a.5.5,0,1,1-.5.5A.5.5,0,0,1,5.5,15Z"
-      class="fill"
-    />
-    <path
-      d="M16,4a8.72,8.72,0,0,0-1.59.15A7.94,7.94,0,0,0,8,12.77C8.42,17.1,12,18,12,20v5.92A1.08,1.08,0,0,0,13.08,27h5.84A1.08,1.08,0,0,0,20,25.92V20c0-1.92,4-3,4-8A8,8,0,0,0,16,4Zm2,22H13V25h5Zm1-2H13V23h6Zm-6-2V21h5v1Zm6-2H18V16h2V13.91a1.5,1.5,0,1,0-1,0V15H17v5H15V15H13V12.91a1.5,1.5,0,1,0-1,0V16h2v4H13a4.3,4.3,0,0,0-1.64-2.92A6.77,6.77,0,0,1,9,12.68,6.88,6.88,0,0,1,14.6,5.14,7.39,7.39,0,0,1,16,5a7,7,0,0,1,7,7,6.86,6.86,0,0,1-2.41,5.21A4.17,4.17,0,0,0,19,20Zm0-7.5a.5.5,0,1,1,.5.5A.5.5,0,0,1,19,12.5ZM12.5,12a.5.5,0,1,1,.5-.5A.5.5,0,0,1,12.5,12Z"
+      d="M6 28 a15 15 0 1 1 20 0"
+      fill="none"
       class="line"
-      fill="currentColor"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
     />
+    <g transform="translate(0 2)">
+      <path
+        d="M14,20h4a5.12,5.12,0,0,1,1.86-3.49A5.85,5.85,0,0,0,22,12a6,6,0,0,0-6-6,6.21,6.21,0,0,0-1.21.12A5.9,5.9,0,0,0,10,12.6a5.75,5.75,0,0,0,2.05,3.78A5.23,5.23,0,0,1,14,20Z"
+        class="fill"
+      />
+      <path
+        d="M14,21V20H8v2.09a1.5,1.5,0,1,0,1,0V21ZM8.5,24a.5.5,0,1,1,.5-.5A.5.5,0,0,1,8.5,24Z"
+        class="fill"
+      />
+      <path
+        d="M24,22.09V20H18v1h5v1.09a1.5,1.5,0,1,0,1,0ZM23.5,24a.5.5,0,1,1,.5-.5A.5.5,0,0,1,23.5,24Z"
+        class="fill"
+      />
+      <path
+        d="M28,15.5a1.5,1.5,0,1,0-2,1.41V18H20v1h7V16.91A1.51,1.51,0,0,0,28,15.5Zm-1.5.5a.5.5,0,1,1,.5-.5A.5.5,0,0,1,26.5,16Z"
+        class="fill"
+      />
+      <path
+        d="M6,18V16.91a1.5,1.5,0,1,0-1,0V19h7V18Zm-.5-3a.5.5,0,1,1-.5.5A.5.5,0,0,1,5.5,15Z"
+        class="fill"
+      />
+      <path
+        d="M16,4a8.72,8.72,0,0,0-1.59.15A7.94,7.94,0,0,0,8,12.77C8.42,17.1,12,18,12,20v5.92A1.08,1.08,0,0,0,13.08,27h5.84A1.08,1.08,0,0,0,20,25.92V20c0-1.92,4-3,4-8A8,8,0,0,0,16,4Zm2,22H13V25h5Zm1-2H13V23h6Zm-6-2V21h5v1Zm6-2H18V16h2V13.91a1.5,1.5,0,1,0-1,0V15H17v5H15V15H13V12.91a1.5,1.5,0,1,0-1,0V16h2v4H13a4.3,4.3,0,0,0-1.64-2.92A6.77,6.77,0,0,1,9,12.68,6.88,6.88,0,0,1,14.6,5.14,7.39,7.39,0,0,1,16,5a7,7,0,0,1,7,7,6.86,6.86,0,0,1-2.41,5.21A4.17,4.17,0,0,0,19,20Zm0-7.5a.5.5,0,1,1,.5.5A.5.5,0,0,1,19,12.5ZM12.5,12a.5.5,0,1,1,.5-.5A.5.5,0,0,1,12.5,12Z"
+        class="line"
+        fill="currentColor"
+        stroke="currentColor"
+        stroke-width="0.5"
+      />
+    </g>
   </g>
 </template>

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

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <polygon class="fill" points="16 8.25 6 12.34 6 23.02 16 18.93 16 8.25" />
     <polygon class="fill" points="24 9.36 24 4.98 18.64 7.17 24 9.36" />
@@ -8,4 +8,68 @@
       d="M20.13,26.62A9.59,9.59,0,0,1,16,27.5a8.48,8.48,0,0,1-5.65-1.85l-.7.7A9.15,9.15,0,0,0,16,28.5a10.49,10.49,0,0,0,4.69-1L21,28l1-2-2.19.14ZM6.73,22.11A2.05,2.05,0,0,0,7.4,22a11.69,11.69,0,0,0,1.65-1.72l.12-.14c.74-.87,1.49-1.85,2.23-2.92l.59.4c.22.15.43.3.53.35a13.71,13.71,0,0,0,1.37.64l.08,0c.63.21.88.26,1,.2l.06,0,0-.05a2,2,0,0,0-.16-.88.22.22,0,0,0-.12-.11c-.07,0-1.95-.6-2.22-.7s-.58-.2-.85-.28c.71-1.07,1.18-1.87,1.25-2l.28-.52a14.63,14.63,0,0,0,.7-1.35,2,2,0,0,0,.05-.55l0-.08-.05,0c-.09,0-.19,0-.43.12l-.35.16a7.87,7.87,0,0,0-.72.39,4.1,4.1,0,0,1-.68.37c-.2.06-.65.25-1.1.45l-.57.24c-.47.19-1.34.53-1.7.65-.19.07-.37.11-.52.15l-.36.09-.08,0v.08a1.16,1.16,0,0,0,.09.41A.82.82,0,0,0,8,15.7a2.35,2.35,0,0,0,.81-.08,1.68,1.68,0,0,0,.57-.33.65.65,0,0,0,0-.2s0-.08,0-.08.43-.16.71-.26l.54-.19.35-.14c.3-.12.86-.35,1.17-.45-.29.57-1.09,2-1.41,2.58S8.41,19.9,8,20.37l-.27.31c-.36.42-.89,1-1.09,1.21l-.2.17.25,0ZM10.09,13h.06a3.05,3.05,0,0,0,1-.28,2.08,2.08,0,0,0,.88-.74.63.63,0,0,0,.09-.48.36.36,0,0,0-.46-.33,7.23,7.23,0,0,0-.91.29c-.22.08-.72.28-.93.34a1.49,1.49,0,0,1-.63,0l-.1-.08L9,11.83c-.11.12.11.67.27.82A1.15,1.15,0,0,0,10.09,13Zm10.79,4.17L22.8,18l-1-4.29Zm5.12-7V2L16,6.09h0L6,2v8.18L4,11V26l12-4.91L28,26V11ZM16,20,5,24.51V11.67l11-4.5ZM25,3.49V9.77L17.32,6.63ZM23.73,22.07l-.51-2.24-2.76-1.1c-.1.34-.29,1.05-.5,1.84L18.6,20h0l-.28-.12.28-1h0L21,11l1.77.7c.71,2.93,1.94,8,2.69,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"
+    />
+
+    <!-- Main icon group, scaled and moved down for balance -->
+    <g transform="translate(4,6) scale(0.72)">
+      <!-- Large left flag, slightly rounded -->
+      <path
+        class="fill"
+        d="
+          M16 8.5
+          Q15.7 8.3 15.2 8.5
+          L6.7 12.1
+          Q6 12.4 6 13.1
+          L6 22.2
+          Q6 22.9 6.7 23.2
+          L15.2 19.6
+          Q15.7 19.4 16 19.6
+          L16 8.5
+          Z
+        "
+      />
+      <!-- Small right flag, slightly rounded -->
+      <path
+        class="fill"
+        d="
+          M24 9.5
+          Q24.6 9.2 24.6 8.6
+          L24.6 5.8
+          Q24.6 5.2 24 5.5
+          L19.2 7.6
+          Q18.7 7.8 19.2 8.1
+          L24 9.5
+          Z
+        "
+      />
+      <!-- Details: translation path, softened, thinner stroke -->
+      <path
+        class="line"
+        fill="currentColor"
+        stroke="currentColor"
+        stroke-width="0.8"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        d="M20.13 26.62A9.59 9.59 0 0116 27.5a8.48 8.48 0 01-5.65-1.85l-.7.7A9.15 9.15 0 0016 28.5a10.49 10.49 0 004.69-1L21.681 28.767l.544-3.222-3.85.251ZM6.73 22.11A2.05 2.05 0 007.4 22a11.69 11.69 0 001.65-1.72l.12-.14c.74-.87 1.49-1.85 2.23-2.92l.59.4c.22.15.43.3.53.35a13.71 13.71 0 001.37.64l.08 0c.63.21.88.26 1 .2l.06 0 0-.05a2 2 0 00-.16-.88.22.22 0 00-.12-.11c-.07 0-1.95-.6-2.22-.7s-.58-.2-.85-.28c.71-1.07 1.18-1.87 1.25-2l.28-.52a14.63 14.63 0 00.7-1.35 2 2 0 00.05-.55l0-.08-.05 0c-.09 0-.19 0-.43.12l-.35.16a7.87 7.87 0 00-.72.39 4.1 4.1 0 01-.68.37c-.2.06-.65.25-1.1.45l-.57.24c-.47.19-1.34.53-1.7.65-.19.07-.37.11-.52.15l-.36.09-.08 0v.08a1.16 1.16 0 00.09.41A.82.82 0 008 15.7a2.35 2.35 0 00.81-.08 1.68 1.68 0 00.57-.33.65.65 0 000-.2s0-.08 0-.08.43-.16.71-.26l.54-.19.35-.14c.3-.12.86-.35 1.17-.45-.29.57-1.09 2-1.41 2.58S8.41 19.9 8 20.37l-.27.31c-.36.42-.89 1-1.09 1.21l-.2.17.25 0ZM10.09 13h.06a3.05 3.05 0 001-.28 2.08 2.08 0 00.88-.74.63.63 0 00.09-.48.36.36 0 00-.46-.33 7.23 7.23 0 00-.91.29c-.22.08-.72.28-.93.34a1.49 1.49 0 01-.63 0l-.1-.08L9 11.83c-.11.12.11.67.27.82A1.15 1.15 0 0010.09 13Zm10.79 4.17L22.8 18l-1-4.29Zm5.12-7V2L16 6.09h0L6 2v8.18L4 11V26l12-4.91L28 26V11ZM16 20 5 24.51V11.67l11-4.5ZM25 3.49V9.77L17.32 6.63ZM23.73 22.07l-.51-2.24-2.76-1.1c-.1.34-.29 1.05-.5 1.84L18.6 20h0l-.28-.12.28-1h0L21 11l1.77.7c.71 2.93 1.94 8 2.69 11Z"
+      />
+    </g>
+  </g>
 </template>
+

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

@@ -3,7 +3,7 @@
     <path
       class="line"
       fill="currentColor"
-      d="m18.19,14.28l8.51-9.71h-2.02l-7.39,8.43-5.9-8.43h-6.81l8.92,12.75-8.92,10.19h2.02l7.8-8.91,6.23,8.91h6.81l-9.26-13.23h0Zm-2.76,3.15l-.9-1.27L7.33,6.05h3.1l5.81,8.16.9,1.27,7.55,10.6h-3.1l-6.16-8.65h0Z"
+      d="m18.552 15.424 6.808-7.768h-1.616l-5.912 6.744-4.72-6.744h-5.448l7.136 10.2-7.136 8.152h1.616l6.24-7.128 4.984 7.128h5.448l-7.408-10.584h0Zm-2.208 2.52-.72-1.016L9.864 8.84h2.48l4.648 6.528.72 1.016 6.04 8.48h-2.48l-4.928-6.92h0Z"
     />
   </g>
 </template>

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

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path
       d="M18 8.17V14h-3V8.17a7.79 7.79 0 0 0-5.93 6.72 30 30 0 0 0 7.4 1.11 30.54 30.54 0 0 0 7.46-1.11A7.79 7.79 0 0 0 18 8.17z"
@@ -20,4 +20,38 @@
       d="M18 6.14V5h-3v1.14A9.85 9.85 0 0 0 7 16h1l.05-1a8.8 8.8 0 0 1 7-7.84V14h1V6h1v8h1V7.16A8.8 8.8 0 0 1 25 15v1h1a9.85 9.85 0 0 0-8-9.86z"
     />
   </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"
+    />
+    <!-- Main body (fill/accent color) -->
+    <g transform="translate(3,4) scale(0.05)">
+      <path
+        class="fill"
+        d="M18 62.5V288.393C22.48 288.975 27.863 289.296 33.295 289.353 45.165 289.478 54.949 288.703 60.445 288.209L113.1 154.974 18 62.5ZM126.477 170.1 81.11 284.887 97.76 297.69 128.555 262.785 131.022 259.99 134.742 259.758C136.242 259.664 137.722 259.62 139.182 259.628 149.394 259.694 158.524 262.344 165.372 268.388 170.444 272.86 173.816 278.814 175.772 285.708L178.052 285.566C190.047 284.816 200.854 287.291 208.682 294.196 216.509 301.103 220.312 311.519 221.062 323.516L221.132 324.596C227.572 325.812 233.337 328.348 238.025 332.484 245.853 339.39 249.655 349.804 250.405 361.801L250.602 364.921C251.244 365.123 251.877 365.345 252.502 365.579L254.535 362.726 260.005 355.048 262.818 351.098 270.148 356.321 329.576 398.657C336.04 397.063 339.893 394.582 342.036 391.571 344.183 388.559 345.269 384.101 344.66 377.464L273.402 326.434 266.084 321.194 271.274 313.948 277.944 304.583 285.274 309.806 365.609 367.032C372.073 365.439 375.929 362.958 378.072 359.947 380.216 356.937 381.302 352.49 380.697 345.865L288.299 280.315 280.959 275.105 291.373 260.425 298.716 265.633 391.13 331.198C397.6 329.604 401.457 327.123 403.603 324.11 405.751 321.095 406.836 316.634 406.223 309.985L295.783 230.275C281.128 238.963 262.381 245.923 242.226 245.671 218.639 245.376 193.409 234.105 174.849 205.621A9 9 0 01179.192 192.294C192.206 187.349 205.355 182.124 218.535 176.94L126.479 170.106ZM272.071 385.743C273.765 390.363 274.744 395.483 275.085 400.935L275.317 404.639 267.04 414.087 293.764 433.124C300.228 431.53 304.08 429.049 306.224 426.038 308.369 423.028 309.457 418.574 308.852 411.945L272.072 385.745Z"
+      />
+
+      <!-- Details/overlay (line/outline color) -->
+      <g transform="translate(2,4) scale(0.1)"></g>
+      <path
+        class="line"
+        fill="currentColor"
+        d="M494 61.363 411.42 139.297 490.414 272.257 494 267.799V61.362ZM407.154 167.36 400.114 171.916C399.964 172.013 394.752 175.252 393.221 176.206L382.616 182.626 382.766 182.716C377.852 185.773 376.486 186.633 370.909 190.096 368.079 191.853 368.009 191.894 365.325 193.561 345.035 182.654 323.019 174.271 297.327 167.679 265.015 177.441 230.785 191.567 196.605 204.821 210.795 221.908 226.565 227.472 242.45 227.671 260.87 227.901 279.7 219.891 292.668 210.917L300.068 205.797 307.494 216.527 422.947 299.857 468.059 269.87 407.153 167.36ZM139.379 277.72 91.815 331.63C92.742 338.376 94.855 342.572 97.702 345.084 100.549 347.596 104.977 349.169 111.786 349.248L159.349 295.34C158.422 288.593 156.309 284.395 153.462 281.883 150.615 279.371 146.188 277.799 139.378 277.721ZM182.687 303.53 128.974 364.41C129.9 371.157 132.014 375.355 134.86 377.867 137.71 380.377 142.135 381.95 148.945 382.027L202.658 321.149C201.732 314.401 199.618 310.205 196.771 307.692 193.925 305.18 189.498 303.607 182.688 303.528ZM212.027 341.816 164.467 395.726C165.394 402.472 167.507 406.669 170.354 409.182 173.202 411.694 177.629 413.265 184.438 413.344L232 359.44C231.073 352.69 228.96 348.493 226.113 345.98 223.266 343.468 218.839 341.897 212.029 341.818ZM236.729 380.953 197.935 425.233C198.86 431.993 200.973 436.195 203.823 438.709 206.668 441.219 211.09 442.791 217.89 442.872L256.686 398.592C255.76 391.834 253.646 387.632 250.796 385.116 247.952 382.606 243.53 381.036 237 380Z"
+      />
+    </g>
+  </g>
 </template>

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

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path
       class="line"
@@ -14,4 +14,40 @@
       points="17 24 15 24 15 25 5 25 5 26 15 26 15 27 17 27 17 26 27 26 27 25 17 25 17 24"
     />
   </g>
+</template> -->
+
+<template>
+  <g>
+    <!-- Outer video screen with rounded corners -->
+    <rect
+      class="line"
+      fill="currentColor"
+      x="5" y="7"
+      width="22" height="16"
+      rx="2"  <!-- adjust this value for more or less rounding -->
+    />
+    <!-- Inner video screen cutout -->
+    <rect
+      class="line"
+      fill="none"
+      stroke="currentColor"
+      stroke-width="2"
+      x="7" y="9"
+      width="18" height="12"
+      rx="1.5"
+    />
+    <!-- Play triangle -->
+    <polygon
+      class="line"
+      fill="currentColor"
+      points="14 11 14 19 19 15 14 11"
+    />
+    <!-- Stand -->
+    <polygon
+      class="line"
+      fill="currentColor"
+      points="17 24 15 24 15 25 5 25 5 26 15 26 15 27 17 27 17 26 27 26 27 25 17 25 17 24"
+    />
+  </g>
 </template>
+

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

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <path
       class="fill"
@@ -30,4 +30,56 @@
       d="M18.06,23.58l-1.71.57.81-1.61-.9-.44-.8,1.6L14.89,22l-1,.32.57,1.7-1.6-.81-.45.9,1.6.8-1.7.57.32.95,1.7-.57-.8,1.6.89.45.81-1.6.56,1.7.95-.32L16.22,26l1.61.8.44-.89-1.6-.8,1.7-.57ZM15.37,25.5a.5.5,0,0,1-.5-.5.5.5,0,0,1,.5-.5.51.51,0,0,1,.5.5A.5.5,0,0,1,15.37,25.5Z"
     />
   </g>
+</template> -->
+
+<template>
+  <g
+    viewBox="0 0 32 40"
+    width="128"
+    height="160"
+    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"
+    />
+    <!-- Centered weather group -->
+    <g transform="translate(2,2) scale(0.9)">
+      <path
+        class="fill"
+        d="M19.32,11H23.5a5.43,5.43,0,0,1,2.77.76,3.81,3.81,0,0,0-2.74-3.22A5.08,5.08,0,0,0,18.69,5a5,5,0,0,0-4.15,2.19A7,7,0,0,1,19.32,11Z"
+      />
+      <path
+        class="fill"
+        d="M23.5,14H17a4,4,0,0,0-8,0H8.5a2.5,2.5,0,0,0,0,5h15a2.5,2.5,0,0,0,0-5Z"
+      />
+      <path
+        class="line"
+        stroke="currentColor"
+        stroke-width="0.75"
+        d="M23.5,12H18.65a6,6,0,0,0-11.37.19A4.49,4.49,0,0,0,8.5,21h15a4.5,4.5,0,0,0,0-9Zm0,8H8.5a3.49,3.49,0,0,1-1-6.85L8.07,13l.16-.51a5,5,0,0,1,9.48-.16l.23.67H23.5a3.5,3.5,0,0,1,0,7Z"
+      />
+      <polygon
+        class="line"
+        fill="currentColor"
+        points="22.82 21.96 21.92 21.51 21.51 22.33 20.69 21.92 20.25 22.81 21.06 23.22 20.66 24.04 21.55 24.49 21.96 23.67 22.78 24.08 23.22 23.19 22.41 22.78 22.82 21.96"
+      />
+      <polygon
+        class="line"
+        fill="currentColor"
+        points="10.08 21.96 9.19 21.51 8.78 22.33 7.96 21.92 7.51 22.81 8.33 23.22 7.92 24.04 8.81 24.49 9.22 23.67 10.04 24.08 10.49 23.19 9.67 22.78 10.08 21.96"
+      />
+      <path
+        class="line"
+        fill="currentColor"
+        d="M18.06,23.58l-1.71.57.81-1.61-.9-.44-.8,1.6L14.89,22l-1,.32.57,1.7-1.6-.81-.45.9,1.6.8-1.7.57.32.95,1.7-.57-.8,1.6.89.45.81-1.6.56,1.7.95-.32L16.22,26l1.61.8.44-.89-1.6-.8,1.7-.57ZM15.37,25.5a.5.5,0,0,1-.5-.5.5.5,0,0,1,.5-.5.51.51,0,0,1,.5.5A.5.5,0,0,1,15.37,25.5Z"
+      />
+    </g>
+  </g>
 </template>
+

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

@@ -1,4 +1,4 @@
-<template>
+<!-- <template>
   <g>
     <circle class="fill" cx="16" cy="16" r="6" />
 
@@ -76,4 +76,102 @@
       transform="translate(-3.55 8.57) rotate(-44.99)"
     />
   </g>
+</template> -->
+
+<template>
+  <g
+    viewBox="0 0 32 40"
+    width="128"
+    height="160"
+    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"
+    />
+    <!-- Centered weather group -->
+    <g transform="translate(3.5,3.5) scale(0.8)">
+      <circle class="fill" cx="16" cy="16" r="6" />
+
+      <path
+        class="line"
+        stroke="currentColor"
+        stroke-width="0.75"
+        d="M16,8a8,8,0,1,0,8,8A8,8,0,0,0,16,8Zm0,15a7,7,0,1,1,7-7A7,7,0,0,1,16,23Z"
+      />
+      <rect
+        class="line"
+        fill="currentColor"
+        x="15.5"
+        y="2"
+        width="1"
+        height="5"
+      />
+      <rect
+        class="line"
+        fill="currentColor"
+        x="15.5"
+        y="25"
+        width="1"
+        height="5"
+      />
+      <rect
+        class="line"
+        fill="currentColor"
+        x="25"
+        y="15.5"
+        width="5"
+        height="1"
+      />
+      <rect
+        class="line"
+        fill="currentColor"
+        x="2"
+        y="15.5"
+        width="5"
+        height="1"
+      />
+      <rect
+        class="line"
+        fill="currentColor"
+        x="21.92"
+        y="8.08"
+        width="3"
+        height="1"
+        transform="translate(0.8 19.08) rotate(-45)"
+      />
+      <rect
+        class="line"
+        fill="currentColor"
+        x="7.08"
+        y="22.92"
+        width="3"
+        height="1"
+        transform="translate(-14.05 12.92) rotate(-45)"
+      />
+      <rect
+        class="line"
+        fill="currentColor"
+        x="22.92"
+        y="21.92"
+        width="1"
+        height="3"
+        transform="translate(-9.7 23.42) rotate(-44.99)"
+      />
+      <rect
+        class="line"
+        fill="currentColor"
+        x="8.08"
+        y="7.08"
+        width="1"
+        height="3"
+        transform="translate(-3.55 8.57) rotate(-44.99)"
+      />
+    </g>
+  </g>
 </template>