@zap-wunschlachen/wl-shared-components 1.0.24 → 1.0.26

package/src/components/IconBullet/IconBullet.vue

@@ -1,86 +1,86 @@
-<template>
-  <div class="container d-flex align-center" data-testid="root">
-    <div class="icon-container d-flex align-start">
-      <!-- Check if the icon slot is used; otherwise, display the icon from the prop -->
-      <slot name="icon" v-if="$slots.icon"></slot>
-      <v-icon v-else-if="icon" :size="iconSize" :icon="icon"></v-icon>
-    </div>
-
-    <div class="text-container d-flex flex-column">
-      <!-- Display content if provided, otherwise display header and subheader -->
-      <div v-if="content" v-html="content"></div>
-      <div class="d-flex flex-column text-container" v-else>
-        <h3 v-if="header">{{ header }}</h3>
-        <p class="p-large" v-if="subHeader">{{ subHeader }}</p>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { defineProps } from 'vue';
-
-const props = defineProps({
-  /**
-   * HTML content to display in the main content area.
-   * If provided, this will override header and subheader.
-   */
-  content: {
-    type: String,
-    required: false,
-  },
-  /**
-   * Header text displayed above the subheader.
-   * Only displayed if content is not provided.
-   */
-  header: {
-    type: String,
-    required: false,
-  },
-  /**
-   * Subheader text displayed below the header.
-   * Only displayed if content is not provided.
-   */
-  subHeader: {
-    type: String,
-    required: false,
-  },
-  /**
-   * Icon to display next to the text.
-   * If an icon slot is provided, this prop will be ignored.
-   */
-  icon: {
-    type: String,
-    required: false,
-  },
-  /**
-   * Size of the icon displayed next to the text.
-   * Accepts SVG-compatible size values as a string, such as '23', '28', etc.
-   * Ignored if an icon slot is provided.
-   */
-  iconSize: {
-    type: String,
-    default: '38',
-    required: false,
-  },
-});
-</script>
-
-<style scoped>
-.container {
-  width: 400px;
-  min-width: 300px;
-  max-width: 400px;
-  gap: 24px;
-  padding-left: 50px;
-  padding-right: 40px;
-}
-
-.text-container {
-  gap: 11px;
-}
-
-.v-icon {
-  color: var(--Dental-Blue-0);
-}
-</style>
+<template>
+  <div class="container d-flex align-center" data-testid="root">
+    <div class="icon-container d-flex align-start">
+      <!-- Check if the icon slot is used; otherwise, display the icon from the prop -->
+      <slot name="icon" v-if="$slots.icon"></slot>
+      <v-icon v-else-if="icon" :size="iconSize" :icon="icon"></v-icon>
+    </div>
+
+    <div class="text-container d-flex flex-column">
+      <!-- Display content if provided, otherwise display header and subheader -->
+      <div v-if="content" v-html="content"></div>
+      <div class="d-flex flex-column text-container" v-else>
+        <h3 v-if="header">{{ header }}</h3>
+        <p class="p-large" v-if="subHeader">{{ subHeader }}</p>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { defineProps } from 'vue';
+
+const props = defineProps({
+  /**
+   * HTML content to display in the main content area.
+   * If provided, this will override header and subheader.
+   */
+  content: {
+    type: String,
+    required: false,
+  },
+  /**
+   * Header text displayed above the subheader.
+   * Only displayed if content is not provided.
+   */
+  header: {
+    type: String,
+    required: false,
+  },
+  /**
+   * Subheader text displayed below the header.
+   * Only displayed if content is not provided.
+   */
+  subHeader: {
+    type: String,
+    required: false,
+  },
+  /**
+   * Icon to display next to the text.
+   * If an icon slot is provided, this prop will be ignored.
+   */
+  icon: {
+    type: String,
+    required: false,
+  },
+  /**
+   * Size of the icon displayed next to the text.
+   * Accepts SVG-compatible size values as a string, such as '23', '28', etc.
+   * Ignored if an icon slot is provided.
+   */
+  iconSize: {
+    type: String,
+    default: '38',
+    required: false,
+  },
+});
+</script>
+
+<style scoped>
+.container {
+  width: 400px;
+  min-width: 300px;
+  max-width: 400px;
+  gap: 24px;
+  padding-left: 50px;
+  padding-right: 40px;
+}
+
+.text-container {
+  gap: 11px;
+}
+
+.v-icon {
+  color: var(--Dental-Blue-0);
+}
+</style>

package/src/components/IconBullet/IconBulletList.vue

@@ -1,41 +1,41 @@
-<template>
-  <div class="outer-container d-flex flex-column align-center mx-auto" data-testid="root">
-    <!-- Conditional rendering of header slot or header prop -->
-    <div class="text-center">
-      <slot name="header">
-        <h2 v-if="header">{{ header }}</h2>
-      </slot>
-    </div>
-
-    <div class="slot-container d-flex justify-center align-start flex-wrap">
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { defineProps } from 'vue';
-
-const props = defineProps({
-  /**
-   * Header text displayed if the header slot is not provided.
-   */
-  header: {
-    type: String,
-    required: false,
-  },
-});
-</script>
-
-<style scoped>
-.outer-container {
-  max-width: 850px;
-  row-gap: 27px;
-}
-
-.slot-container {
-  align-content: center;
-  row-gap: 27px;
-  width: 100%;
-}
-</style>
+<template>
+  <div class="outer-container d-flex flex-column align-center mx-auto" data-testid="root">
+    <!-- Conditional rendering of header slot or header prop -->
+    <div class="text-center">
+      <slot name="header">
+        <h2 v-if="header">{{ header }}</h2>
+      </slot>
+    </div>
+
+    <div class="slot-container d-flex justify-center align-start flex-wrap">
+      <slot></slot>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { defineProps } from 'vue';
+
+const props = defineProps({
+  /**
+   * Header text displayed if the header slot is not provided.
+   */
+  header: {
+    type: String,
+    required: false,
+  },
+});
+</script>
+
+<style scoped>
+.outer-container {
+  max-width: 850px;
+  row-gap: 27px;
+}
+
+.slot-container {
+  align-content: center;
+  row-gap: 27px;
+  width: 100%;
+}
+</style>

package/src/components/Icons/AdvanceAppointments.vue

@@ -1,154 +1,154 @@
-<template>
-    <!-- Multitermin SVG -->
-    <svg v-if="iconType === 'multitermin'" :width="width" :height="height" viewBox="0 0 115 85" fill="none"
-        xmlns="http://www.w3.org/2000/svg">
-        <path
-            d="M20.4104 7.86402V19.5921H29.2065M38.0025 19.5921C38.0025 29.3654 30.1838 37.1841 20.4104 37.1841C10.6371 37.1841 2.81836 29.3654 2.81836 19.5921C2.81836 9.8187 10.6371 2 20.4104 2C30.1838 2 38.0025 9.8187 38.0025 19.5921Z"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path d="M99.9003 46.6318L91.4301 54.1248C89.8012 55.7537 87.1949 55.7537 85.2403 54.1248L76.77 46.6318"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M88.4983 31.9721C95.3353 31.9721 100.878 26.4296 100.878 19.5925C100.878 12.7554 95.3353 7.21289 88.4983 7.21289C81.6612 7.21289 76.1187 12.7554 76.1187 19.5925C76.1187 26.4296 81.6612 31.9721 88.4983 31.9721Z"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M112.932 65.5276C112.932 52.4964 102.181 41.7457 88.8239 41.4199C79.0505 41.4199 70.5802 46.9582 66.6709 55.1026C73.5123 57.7089 78.7247 63.2471 80.6794 70.4143C83.2856 70.74 85.8919 71.0658 88.4981 71.0658C96.9683 71.0658 105.113 69.1111 112.932 65.8534V65.5276Z"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M57.2234 43.7006C64.0604 43.7006 69.603 38.1581 69.603 31.321C69.603 24.4839 64.0604 18.9414 57.2234 18.9414C50.3863 18.9414 44.8438 24.4839 44.8438 31.321C44.8438 38.1581 50.3863 43.7006 57.2234 43.7006Z"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M66.3453 55.1025C63.739 54.1252 60.807 53.4736 57.5492 53.4736C44.1923 53.4736 32.79 63.8986 32.79 77.5813C40.283 80.8391 48.4274 82.7937 57.2235 82.7937C66.0195 82.7937 73.8382 80.8391 81.6569 77.5813C81.6569 74.9751 81.3963 72.7923 80.6796 70.4141"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M81.1188 68.656L81.2316 68.9825L81.4759 69.2268L81.5085 69.2594L81.8755 69.6264L82.3908 69.6881C91.9178 70.8286 101.191 69.4789 111.005 65.6201L112.025 65.2191L111.953 64.1254C111.498 57.2344 107.864 51.1111 102.525 47.1243L101.485 46.3475L100.567 47.2655C100.506 47.3264 100.451 47.3919 100.411 47.4428L92.0654 54.8259L92.031 54.8563L91.9986 54.8887C91.063 55.8243 89.7928 56.3063 88.4983 56.3063C87.222 56.3063 85.8666 55.8335 84.6496 54.8398L76.1681 47.3332L75.2401 46.5119L74.2584 47.2683C72.1471 48.8951 70.3002 50.8432 68.8319 53.1155L67.929 54.5129L69.4121 55.2668C74.9662 58.0898 79.0971 62.8053 81.1188 68.656Z"
-            :fill="fillColor" :stroke="strokeColor" stroke-width="3" />
-    </svg>
-
-    <!-- Supervision SVG -->
-
-
-    <svg v-else-if="iconType === 'supervision'" :width="width" :height="height" viewBox="0 0 115 80" fill="none"
-        xmlns="http://www.w3.org/2000/svg">
-        <path d="M99.7378 42.0164L91.3153 49.4671C89.6955 51.0868 87.104 51.0868 85.1603 49.4671L76.7378 42.0164"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M88.3997 27.4388C95.1982 27.4388 100.71 21.9275 100.71 15.129C100.71 8.3304 95.1982 2.81909 88.3997 2.81909C81.6012 2.81909 76.0898 8.3304 76.0898 15.129C76.0898 21.9275 81.6012 27.4388 88.3997 27.4388Z"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M112.695 60.8051C112.695 47.8473 102.005 37.1572 88.7235 36.8333C79.0052 36.8333 70.5826 42.3403 66.6953 50.4389C73.4981 53.0304 78.6812 58.5375 80.6249 65.6642C83.2164 65.9882 85.808 66.3121 88.3995 66.3121C96.8221 66.3121 104.921 64.3685 112.695 61.129V60.8051Z"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path d="M15.1885 42.0164L23.611 49.4671C25.2307 51.0868 27.8223 51.0868 29.7659 49.4671L38.1885 42.0164"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M26.8507 27.1149C33.4703 27.1149 38.8366 21.7486 38.8366 15.129C38.8366 8.50934 33.4703 3.14307 26.8507 3.14307C20.231 3.14307 14.8647 8.50934 14.8647 15.129C14.8647 21.7486 20.231 27.1149 26.8507 27.1149Z"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M34.6251 65.6642C32.0336 65.9882 29.442 66.3121 26.8505 66.3121C18.4279 66.3121 10.3293 64.3685 2.55469 61.129V60.8051C2.55469 47.8473 13.2448 37.1572 26.5265 36.8333C36.2448 36.8333 44.6674 42.3403 48.5547 50.4389"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M57.6253 39.1007C64.4238 39.1007 69.9351 33.5894 69.9351 26.7908C69.9351 19.9923 64.4238 14.481 57.6253 14.481C50.8267 14.481 45.3154 19.9923 45.3154 26.7908C45.3154 33.5894 50.8267 39.1007 57.6253 39.1007Z"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M66.6953 50.4388C64.1037 49.467 61.1883 48.8191 57.9488 48.8191C44.6671 48.8191 33.3291 59.1853 33.3291 72.7909C40.7798 76.0304 48.8784 77.974 57.6249 77.974C66.3714 77.974 74.146 76.0304 81.9207 72.7909C81.9207 70.1994 81.5967 67.9318 80.6249 65.6642"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M81.0536 63.919L81.1664 64.2455L81.4107 64.4897L81.443 64.5221L81.8101 64.8892L82.3254 64.9509C91.8002 66.0852 101.023 64.7428 110.782 60.9053L111.802 60.5042L111.73 59.4106C111.278 52.5558 107.662 46.4647 102.352 42.4991L101.312 41.7223L100.394 42.6403C100.333 42.7008 100.279 42.766 100.239 42.8167L91.9408 50.1577L91.9065 50.1881L91.874 50.2205C90.9454 51.1492 89.6846 51.6277 88.3995 51.6277C87.1325 51.6277 85.7867 51.1583 84.5779 50.1715L76.1443 42.7073L75.2164 41.8859L74.2347 42.6423C72.1345 44.2605 70.2974 46.1983 68.8368 48.4587L67.9339 49.8561L69.417 50.6099C74.9379 53.4161 79.044 58.1033 81.0536 63.919Z"
-            :fill="fillColor" :stroke="strokeColor" stroke-width="3" />
-        <path
-            d="M3.51943 59.4171L3.45237 60.5069L4.46887 60.9056C12.1384 63.9139 19.483 65.3825 26.8504 65.3825C28.8632 65.3825 30.9255 65.144 32.8552 64.9188L33.7519 64.8142L34.0793 63.973C36.2782 58.3229 40.4956 53.6444 45.9098 50.8303L47.3638 50.0745L46.4827 48.6929C44.9588 46.303 43.021 44.2279 40.7759 42.5354L39.7345 41.7503L38.8123 42.6725C38.757 42.7278 38.7094 42.7837 38.6702 42.8343L30.4053 50.1456C29.2009 51.1582 27.8906 51.6275 26.5589 51.6275C25.2324 51.6275 23.964 51.1325 22.9547 50.1232L22.9219 50.0904L22.8871 50.0596L14.5617 42.7061L13.6361 41.8885L12.6561 42.6399C7.48525 46.6042 3.93729 52.6269 3.51943 59.4171Z"
-            :fill="fillColor" :stroke="strokeColor" stroke-width="3" />
-    </svg>
-
-    <!-- Doppeltermin SVG -->
-    <svg v-else-if="iconType === 'doppeltermin'" :width="width" :height="height" viewBox="0 0 115 80" fill="none"
-        xmlns="http://www.w3.org/2000/svg">
-        <path d="M68.8295 42.0283L60.4283 49.4602C58.8127 51.0758 56.2277 51.0758 54.2889 49.4602L45.8877 42.0283"
-            :stroke="strokeColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M57.3588 27.4881C64.1444 27.4881 69.6375 21.995 69.6375 15.2094C69.6375 8.42378 64.1444 2.93066 57.3588 2.93066C50.5732 2.93066 45.0801 8.42378 45.0801 15.2094C45.0801 21.995 50.5732 27.4881 57.3588 27.4881Z"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M79.1373 50.6235C75.2275 42.4808 67.0524 36.8584 57.6818 36.8584C48.3112 36.8584 39.5868 42.4161 35.5801 50.4943C42.0426 53.1116 47.1802 58.5401 49.4744 65.358C52.0594 65.7134 54.6767 65.9396 57.3587 65.9396C60.0406 65.9396 62.5933 65.7134 65.1783 65.3903C67.4078 58.7016 72.6101 53.3054 79.1696 50.6235H79.1373Z"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M26.5326 39.411C33.314 39.411 38.8114 33.9136 38.8114 27.1322C38.8114 20.3509 33.314 14.8535 26.5326 14.8535C19.7513 14.8535 14.2539 20.3509 14.2539 27.1322C14.2539 33.9136 19.7513 39.411 26.5326 39.411Z"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M35.5802 50.4948C32.8659 49.3962 29.9255 48.7822 26.8558 48.7822C13.6077 48.7822 2.29834 59.4453 2.29834 72.6934C9.7302 75.9247 17.8083 77.8634 26.5327 77.8634C35.257 77.8634 43.012 76.2478 50.767 72.6934C50.7024 70.1408 50.25 67.6527 49.4745 65.3585"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M65.1785 65.3908C64.403 67.685 63.9829 70.1408 63.9829 72.6934C71.4148 75.9247 79.4929 77.8634 88.2172 77.8634C96.9416 77.8634 104.697 76.2478 112.452 72.6934C112.128 59.4453 101.465 48.7822 88.5404 48.7822C85.2445 48.7822 82.0779 49.4608 79.1698 50.6564"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M88.2172 39.411C95.0028 39.411 100.496 33.9179 100.496 27.1322C100.496 20.3466 95.0028 14.8535 88.2172 14.8535C81.4316 14.8535 75.9385 20.3466 75.9385 27.1322C75.9385 33.9179 81.4316 39.411 88.2172 39.411Z"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M69.4171 42.6806C69.3619 42.7357 69.3145 42.7915 69.2753 42.8421L61.0181 50.1465L60.9837 50.1769L60.9513 50.2094C60.0258 51.1349 58.7691 51.6118 57.4882 51.6118C56.225 51.6118 54.883 51.1437 53.6777 50.1593L45.2321 42.713L44.3094 41.8995L43.331 42.645C41.1741 44.2884 39.2433 46.2842 37.7193 48.6048L36.8165 49.9797L38.2685 50.7524C43.4801 53.5258 47.5987 58.1001 49.8263 63.6845L51.0991 63.1767L51.0169 64.619C55.652 65.1487 58.9952 65.1488 63.5323 64.6521L64.4225 64.5546L64.7591 63.7247C66.9848 58.2366 71.102 53.6605 76.4427 50.8528L77.877 50.0988L77.0147 48.7269C75.4977 46.3135 73.5991 44.2418 71.3896 42.5502L70.3463 41.7514L69.4171 42.6806Z"
-            :fill="fillColor" :stroke="strokeColor" stroke-width="3" />
-    </svg>
-
-
-    <svg v-else-if="iconType === 'kombitermin'" :width="width" :height="height" viewBox="0 0 115 104" fill="none"
-        xmlns="http://www.w3.org/2000/svg">
-        <path
-            d="M57.1251 72.6923V84.3543H65.8716M74.942 84.3543C74.942 94.0726 67.1673 101.847 57.449 101.847C47.7307 101.847 39.9561 94.0726 39.9561 84.3543C39.9561 74.636 47.7307 66.8613 57.449 66.8613C67.1673 66.8613 74.942 74.636 74.942 84.3543Z"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path d="M99.5615 41.5938L91.139 49.0445C89.5193 50.6642 86.9277 50.6642 84.9841 49.0445L76.5615 41.5938"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M87.8997 27.0162C94.6982 27.0162 100.21 21.5049 100.21 14.7063C100.21 7.9078 94.6982 2.39648 87.8997 2.39648C81.1012 2.39648 75.5898 7.9078 75.5898 14.7063C75.5898 21.5049 81.1012 27.0162 87.8997 27.0162Z"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M112.195 60.3825C112.195 47.4247 101.505 36.7346 88.2235 36.4106C78.5052 36.4106 70.0826 41.9177 66.1953 50.0163C72.9981 52.6078 78.1812 58.1149 80.1249 65.2416C80.2545 65.2416 80.4164 65.274 80.546 65.3064C83.008 65.598 85.4376 65.8895 87.8995 65.8895C96.3221 65.8895 104.421 63.9459 112.195 60.7064V60.3825Z"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path d="M15.0122 41.5938L23.4347 49.0445C25.0545 50.6642 27.646 50.6642 29.5897 49.0445L38.0122 41.5938"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M26.3507 26.6923C32.9703 26.6923 38.3366 21.326 38.3366 14.7064C38.3366 8.08674 32.9703 2.72046 26.3507 2.72046C19.731 2.72046 14.3647 8.08674 14.3647 14.7064C14.3647 21.326 19.731 26.6923 26.3507 26.6923Z"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M33.5096 65.3064C31.1124 65.598 28.7153 65.8895 26.3505 65.8895C17.9279 65.8895 9.82934 63.9459 2.05469 60.7064V60.3825C2.05469 47.4247 12.7448 36.7346 26.0265 36.4106C35.7448 36.4106 44.1674 41.9177 48.0547 50.0163"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M57.1253 38.6781C63.9238 38.6781 69.4351 33.1668 69.4351 26.3682C69.4351 19.5697 63.9238 14.0583 57.1253 14.0583C50.3267 14.0583 44.8154 19.5697 44.8154 26.3682C44.8154 33.1668 50.3267 38.6781 57.1253 38.6781Z"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M72.9985 75.4133C75.9788 74.5062 78.6999 73.5668 81.4211 72.3682C81.4211 69.7767 80.9999 67.9626 80.1253 65.2415"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M66.1953 50.0162C63.6037 49.0444 60.6883 48.3965 57.4488 48.3965C44.1671 48.3965 32.8291 58.7627 32.8291 72.3683C35.7446 73.6641 38.6601 74.9599 41.8995 75.6078"
-            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
-        <path
-            d="M32.1885 63.5207L32.6296 63.7412L32.8158 63.2023C34.911 57.1389 39.1952 52.2507 44.9444 49.3284L45.4388 49.0772L45.1378 48.6114C43.7439 46.4541 41.9869 44.5988 39.9695 43.0444L39.6424 42.7924L39.3331 43.0659L30.9473 50.4804C29.5739 51.6386 28.0358 52.2053 26.4474 52.2053C24.8607 52.2053 23.3365 51.6083 22.1362 50.408L22.1252 50.3971L22.1136 50.3868L13.8053 43.0483C13.8016 43.0439 13.796 43.0367 13.7872 43.0243C13.7864 43.0232 13.785 43.0212 13.7831 43.0186C13.7763 43.0089 13.7636 42.991 13.7546 42.9788C13.7415 42.9611 13.7159 42.9272 13.6813 42.8925L13.3775 42.5888L13.0315 42.8433C7.90013 46.6173 4.44813 52.4509 4.04974 59.0243L4.02779 59.3865L4.36532 59.5196C13.9063 63.2841 22.9174 64.6014 32.1885 63.5207Z"
-            :fill="fillColor" :stroke="strokeColor" />
-        <path
-            d="M81.498 63.1677L81.6133 63.5067H81.9713H81.9739C91.2229 64.6127 100.303 63.3001 109.916 59.5199L110.255 59.3868L110.232 59.0238C109.834 52.5506 106.482 46.7842 101.484 42.9779L101.157 42.7291L100.85 43.0012L92.4274 50.4519L92.4159 50.462L92.4051 50.4728C91.2749 51.603 89.7532 52.1729 88.2234 52.1729C86.6998 52.1729 85.1281 51.6061 83.7532 50.4779L75.3084 43.0323L75.3079 43.0316C75.3006 43.0207 75.2875 43.001 75.2732 42.9814C75.2586 42.9613 75.2329 42.9273 75.1981 42.8925L74.8915 42.5859L74.5446 42.8461C72.4265 44.4346 70.6029 46.3567 69.1759 48.5803L68.8773 49.0455L69.3701 49.296C75.1208 52.219 79.4356 57.1075 81.498 63.1677Z"
-            :fill="fillColor" :stroke="strokeColor" />
-    </svg>
-
-</template>
-
-<script setup lang="ts">
-defineProps({
-    width: {
-        type: String,
-        default: "115",
-    },
-    height: {
-        type: String,
-        default: "85",
-    },
-    iconType: {
-        type: String,
-        required: true,
-    },
-    strokeColor: {
-        type: String,
-        default: "#172774", // default stroke color
-    },
-    fillColor: {
-        type: String,
-        default: "#172774", // default fill color
-    },
-});
+<template>
+    <!-- Multitermin SVG -->
+    <svg v-if="iconType === 'multitermin'" :width="width" :height="height" viewBox="0 0 115 85" fill="none"
+        xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M20.4104 7.86402V19.5921H29.2065M38.0025 19.5921C38.0025 29.3654 30.1838 37.1841 20.4104 37.1841C10.6371 37.1841 2.81836 29.3654 2.81836 19.5921C2.81836 9.8187 10.6371 2 20.4104 2C30.1838 2 38.0025 9.8187 38.0025 19.5921Z"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path d="M99.9003 46.6318L91.4301 54.1248C89.8012 55.7537 87.1949 55.7537 85.2403 54.1248L76.77 46.6318"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M88.4983 31.9721C95.3353 31.9721 100.878 26.4296 100.878 19.5925C100.878 12.7554 95.3353 7.21289 88.4983 7.21289C81.6612 7.21289 76.1187 12.7554 76.1187 19.5925C76.1187 26.4296 81.6612 31.9721 88.4983 31.9721Z"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M112.932 65.5276C112.932 52.4964 102.181 41.7457 88.8239 41.4199C79.0505 41.4199 70.5802 46.9582 66.6709 55.1026C73.5123 57.7089 78.7247 63.2471 80.6794 70.4143C83.2856 70.74 85.8919 71.0658 88.4981 71.0658C96.9683 71.0658 105.113 69.1111 112.932 65.8534V65.5276Z"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M57.2234 43.7006C64.0604 43.7006 69.603 38.1581 69.603 31.321C69.603 24.4839 64.0604 18.9414 57.2234 18.9414C50.3863 18.9414 44.8438 24.4839 44.8438 31.321C44.8438 38.1581 50.3863 43.7006 57.2234 43.7006Z"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M66.3453 55.1025C63.739 54.1252 60.807 53.4736 57.5492 53.4736C44.1923 53.4736 32.79 63.8986 32.79 77.5813C40.283 80.8391 48.4274 82.7937 57.2235 82.7937C66.0195 82.7937 73.8382 80.8391 81.6569 77.5813C81.6569 74.9751 81.3963 72.7923 80.6796 70.4141"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M81.1188 68.656L81.2316 68.9825L81.4759 69.2268L81.5085 69.2594L81.8755 69.6264L82.3908 69.6881C91.9178 70.8286 101.191 69.4789 111.005 65.6201L112.025 65.2191L111.953 64.1254C111.498 57.2344 107.864 51.1111 102.525 47.1243L101.485 46.3475L100.567 47.2655C100.506 47.3264 100.451 47.3919 100.411 47.4428L92.0654 54.8259L92.031 54.8563L91.9986 54.8887C91.063 55.8243 89.7928 56.3063 88.4983 56.3063C87.222 56.3063 85.8666 55.8335 84.6496 54.8398L76.1681 47.3332L75.2401 46.5119L74.2584 47.2683C72.1471 48.8951 70.3002 50.8432 68.8319 53.1155L67.929 54.5129L69.4121 55.2668C74.9662 58.0898 79.0971 62.8053 81.1188 68.656Z"
+            :fill="fillColor" :stroke="strokeColor" stroke-width="3" />
+    </svg>
+
+    <!-- Supervision SVG -->
+
+
+    <svg v-else-if="iconType === 'supervision'" :width="width" :height="height" viewBox="0 0 115 80" fill="none"
+        xmlns="http://www.w3.org/2000/svg">
+        <path d="M99.7378 42.0164L91.3153 49.4671C89.6955 51.0868 87.104 51.0868 85.1603 49.4671L76.7378 42.0164"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M88.3997 27.4388C95.1982 27.4388 100.71 21.9275 100.71 15.129C100.71 8.3304 95.1982 2.81909 88.3997 2.81909C81.6012 2.81909 76.0898 8.3304 76.0898 15.129C76.0898 21.9275 81.6012 27.4388 88.3997 27.4388Z"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M112.695 60.8051C112.695 47.8473 102.005 37.1572 88.7235 36.8333C79.0052 36.8333 70.5826 42.3403 66.6953 50.4389C73.4981 53.0304 78.6812 58.5375 80.6249 65.6642C83.2164 65.9882 85.808 66.3121 88.3995 66.3121C96.8221 66.3121 104.921 64.3685 112.695 61.129V60.8051Z"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path d="M15.1885 42.0164L23.611 49.4671C25.2307 51.0868 27.8223 51.0868 29.7659 49.4671L38.1885 42.0164"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M26.8507 27.1149C33.4703 27.1149 38.8366 21.7486 38.8366 15.129C38.8366 8.50934 33.4703 3.14307 26.8507 3.14307C20.231 3.14307 14.8647 8.50934 14.8647 15.129C14.8647 21.7486 20.231 27.1149 26.8507 27.1149Z"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M34.6251 65.6642C32.0336 65.9882 29.442 66.3121 26.8505 66.3121C18.4279 66.3121 10.3293 64.3685 2.55469 61.129V60.8051C2.55469 47.8473 13.2448 37.1572 26.5265 36.8333C36.2448 36.8333 44.6674 42.3403 48.5547 50.4389"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M57.6253 39.1007C64.4238 39.1007 69.9351 33.5894 69.9351 26.7908C69.9351 19.9923 64.4238 14.481 57.6253 14.481C50.8267 14.481 45.3154 19.9923 45.3154 26.7908C45.3154 33.5894 50.8267 39.1007 57.6253 39.1007Z"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M66.6953 50.4388C64.1037 49.467 61.1883 48.8191 57.9488 48.8191C44.6671 48.8191 33.3291 59.1853 33.3291 72.7909C40.7798 76.0304 48.8784 77.974 57.6249 77.974C66.3714 77.974 74.146 76.0304 81.9207 72.7909C81.9207 70.1994 81.5967 67.9318 80.6249 65.6642"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M81.0536 63.919L81.1664 64.2455L81.4107 64.4897L81.443 64.5221L81.8101 64.8892L82.3254 64.9509C91.8002 66.0852 101.023 64.7428 110.782 60.9053L111.802 60.5042L111.73 59.4106C111.278 52.5558 107.662 46.4647 102.352 42.4991L101.312 41.7223L100.394 42.6403C100.333 42.7008 100.279 42.766 100.239 42.8167L91.9408 50.1577L91.9065 50.1881L91.874 50.2205C90.9454 51.1492 89.6846 51.6277 88.3995 51.6277C87.1325 51.6277 85.7867 51.1583 84.5779 50.1715L76.1443 42.7073L75.2164 41.8859L74.2347 42.6423C72.1345 44.2605 70.2974 46.1983 68.8368 48.4587L67.9339 49.8561L69.417 50.6099C74.9379 53.4161 79.044 58.1033 81.0536 63.919Z"
+            :fill="fillColor" :stroke="strokeColor" stroke-width="3" />
+        <path
+            d="M3.51943 59.4171L3.45237 60.5069L4.46887 60.9056C12.1384 63.9139 19.483 65.3825 26.8504 65.3825C28.8632 65.3825 30.9255 65.144 32.8552 64.9188L33.7519 64.8142L34.0793 63.973C36.2782 58.3229 40.4956 53.6444 45.9098 50.8303L47.3638 50.0745L46.4827 48.6929C44.9588 46.303 43.021 44.2279 40.7759 42.5354L39.7345 41.7503L38.8123 42.6725C38.757 42.7278 38.7094 42.7837 38.6702 42.8343L30.4053 50.1456C29.2009 51.1582 27.8906 51.6275 26.5589 51.6275C25.2324 51.6275 23.964 51.1325 22.9547 50.1232L22.9219 50.0904L22.8871 50.0596L14.5617 42.7061L13.6361 41.8885L12.6561 42.6399C7.48525 46.6042 3.93729 52.6269 3.51943 59.4171Z"
+            :fill="fillColor" :stroke="strokeColor" stroke-width="3" />
+    </svg>
+
+    <!-- Doppeltermin SVG -->
+    <svg v-else-if="iconType === 'doppeltermin'" :width="width" :height="height" viewBox="0 0 115 80" fill="none"
+        xmlns="http://www.w3.org/2000/svg">
+        <path d="M68.8295 42.0283L60.4283 49.4602C58.8127 51.0758 56.2277 51.0758 54.2889 49.4602L45.8877 42.0283"
+            :stroke="strokeColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M57.3588 27.4881C64.1444 27.4881 69.6375 21.995 69.6375 15.2094C69.6375 8.42378 64.1444 2.93066 57.3588 2.93066C50.5732 2.93066 45.0801 8.42378 45.0801 15.2094C45.0801 21.995 50.5732 27.4881 57.3588 27.4881Z"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M79.1373 50.6235C75.2275 42.4808 67.0524 36.8584 57.6818 36.8584C48.3112 36.8584 39.5868 42.4161 35.5801 50.4943C42.0426 53.1116 47.1802 58.5401 49.4744 65.358C52.0594 65.7134 54.6767 65.9396 57.3587 65.9396C60.0406 65.9396 62.5933 65.7134 65.1783 65.3903C67.4078 58.7016 72.6101 53.3054 79.1696 50.6235H79.1373Z"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M26.5326 39.411C33.314 39.411 38.8114 33.9136 38.8114 27.1322C38.8114 20.3509 33.314 14.8535 26.5326 14.8535C19.7513 14.8535 14.2539 20.3509 14.2539 27.1322C14.2539 33.9136 19.7513 39.411 26.5326 39.411Z"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M35.5802 50.4948C32.8659 49.3962 29.9255 48.7822 26.8558 48.7822C13.6077 48.7822 2.29834 59.4453 2.29834 72.6934C9.7302 75.9247 17.8083 77.8634 26.5327 77.8634C35.257 77.8634 43.012 76.2478 50.767 72.6934C50.7024 70.1408 50.25 67.6527 49.4745 65.3585"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M65.1785 65.3908C64.403 67.685 63.9829 70.1408 63.9829 72.6934C71.4148 75.9247 79.4929 77.8634 88.2172 77.8634C96.9416 77.8634 104.697 76.2478 112.452 72.6934C112.128 59.4453 101.465 48.7822 88.5404 48.7822C85.2445 48.7822 82.0779 49.4608 79.1698 50.6564"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M88.2172 39.411C95.0028 39.411 100.496 33.9179 100.496 27.1322C100.496 20.3466 95.0028 14.8535 88.2172 14.8535C81.4316 14.8535 75.9385 20.3466 75.9385 27.1322C75.9385 33.9179 81.4316 39.411 88.2172 39.411Z"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M69.4171 42.6806C69.3619 42.7357 69.3145 42.7915 69.2753 42.8421L61.0181 50.1465L60.9837 50.1769L60.9513 50.2094C60.0258 51.1349 58.7691 51.6118 57.4882 51.6118C56.225 51.6118 54.883 51.1437 53.6777 50.1593L45.2321 42.713L44.3094 41.8995L43.331 42.645C41.1741 44.2884 39.2433 46.2842 37.7193 48.6048L36.8165 49.9797L38.2685 50.7524C43.4801 53.5258 47.5987 58.1001 49.8263 63.6845L51.0991 63.1767L51.0169 64.619C55.652 65.1487 58.9952 65.1488 63.5323 64.6521L64.4225 64.5546L64.7591 63.7247C66.9848 58.2366 71.102 53.6605 76.4427 50.8528L77.877 50.0988L77.0147 48.7269C75.4977 46.3135 73.5991 44.2418 71.3896 42.5502L70.3463 41.7514L69.4171 42.6806Z"
+            :fill="fillColor" :stroke="strokeColor" stroke-width="3" />
+    </svg>
+
+
+    <svg v-else-if="iconType === 'kombitermin'" :width="width" :height="height" viewBox="0 0 115 104" fill="none"
+        xmlns="http://www.w3.org/2000/svg">
+        <path
+            d="M57.1251 72.6923V84.3543H65.8716M74.942 84.3543C74.942 94.0726 67.1673 101.847 57.449 101.847C47.7307 101.847 39.9561 94.0726 39.9561 84.3543C39.9561 74.636 47.7307 66.8613 57.449 66.8613C67.1673 66.8613 74.942 74.636 74.942 84.3543Z"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path d="M99.5615 41.5938L91.139 49.0445C89.5193 50.6642 86.9277 50.6642 84.9841 49.0445L76.5615 41.5938"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M87.8997 27.0162C94.6982 27.0162 100.21 21.5049 100.21 14.7063C100.21 7.9078 94.6982 2.39648 87.8997 2.39648C81.1012 2.39648 75.5898 7.9078 75.5898 14.7063C75.5898 21.5049 81.1012 27.0162 87.8997 27.0162Z"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M112.195 60.3825C112.195 47.4247 101.505 36.7346 88.2235 36.4106C78.5052 36.4106 70.0826 41.9177 66.1953 50.0163C72.9981 52.6078 78.1812 58.1149 80.1249 65.2416C80.2545 65.2416 80.4164 65.274 80.546 65.3064C83.008 65.598 85.4376 65.8895 87.8995 65.8895C96.3221 65.8895 104.421 63.9459 112.195 60.7064V60.3825Z"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path d="M15.0122 41.5938L23.4347 49.0445C25.0545 50.6642 27.646 50.6642 29.5897 49.0445L38.0122 41.5938"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M26.3507 26.6923C32.9703 26.6923 38.3366 21.326 38.3366 14.7064C38.3366 8.08674 32.9703 2.72046 26.3507 2.72046C19.731 2.72046 14.3647 8.08674 14.3647 14.7064C14.3647 21.326 19.731 26.6923 26.3507 26.6923Z"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M33.5096 65.3064C31.1124 65.598 28.7153 65.8895 26.3505 65.8895C17.9279 65.8895 9.82934 63.9459 2.05469 60.7064V60.3825C2.05469 47.4247 12.7448 36.7346 26.0265 36.4106C35.7448 36.4106 44.1674 41.9177 48.0547 50.0163"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M57.1253 38.6781C63.9238 38.6781 69.4351 33.1668 69.4351 26.3682C69.4351 19.5697 63.9238 14.0583 57.1253 14.0583C50.3267 14.0583 44.8154 19.5697 44.8154 26.3682C44.8154 33.1668 50.3267 38.6781 57.1253 38.6781Z"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M72.9985 75.4133C75.9788 74.5062 78.6999 73.5668 81.4211 72.3682C81.4211 69.7767 80.9999 67.9626 80.1253 65.2415"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M66.1953 50.0162C63.6037 49.0444 60.6883 48.3965 57.4488 48.3965C44.1671 48.3965 32.8291 58.7627 32.8291 72.3683C35.7446 73.6641 38.6601 74.9599 41.8995 75.6078"
+            :stroke="strokeColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" />
+        <path
+            d="M32.1885 63.5207L32.6296 63.7412L32.8158 63.2023C34.911 57.1389 39.1952 52.2507 44.9444 49.3284L45.4388 49.0772L45.1378 48.6114C43.7439 46.4541 41.9869 44.5988 39.9695 43.0444L39.6424 42.7924L39.3331 43.0659L30.9473 50.4804C29.5739 51.6386 28.0358 52.2053 26.4474 52.2053C24.8607 52.2053 23.3365 51.6083 22.1362 50.408L22.1252 50.3971L22.1136 50.3868L13.8053 43.0483C13.8016 43.0439 13.796 43.0367 13.7872 43.0243C13.7864 43.0232 13.785 43.0212 13.7831 43.0186C13.7763 43.0089 13.7636 42.991 13.7546 42.9788C13.7415 42.9611 13.7159 42.9272 13.6813 42.8925L13.3775 42.5888L13.0315 42.8433C7.90013 46.6173 4.44813 52.4509 4.04974 59.0243L4.02779 59.3865L4.36532 59.5196C13.9063 63.2841 22.9174 64.6014 32.1885 63.5207Z"
+            :fill="fillColor" :stroke="strokeColor" />
+        <path
+            d="M81.498 63.1677L81.6133 63.5067H81.9713H81.9739C91.2229 64.6127 100.303 63.3001 109.916 59.5199L110.255 59.3868L110.232 59.0238C109.834 52.5506 106.482 46.7842 101.484 42.9779L101.157 42.7291L100.85 43.0012L92.4274 50.4519L92.4159 50.462L92.4051 50.4728C91.2749 51.603 89.7532 52.1729 88.2234 52.1729C86.6998 52.1729 85.1281 51.6061 83.7532 50.4779L75.3084 43.0323L75.3079 43.0316C75.3006 43.0207 75.2875 43.001 75.2732 42.9814C75.2586 42.9613 75.2329 42.9273 75.1981 42.8925L74.8915 42.5859L74.5446 42.8461C72.4265 44.4346 70.6029 46.3567 69.1759 48.5803L68.8773 49.0455L69.3701 49.296C75.1208 52.219 79.4356 57.1075 81.498 63.1677Z"
+            :fill="fillColor" :stroke="strokeColor" />
+    </svg>
+
+</template>
+
+<script setup lang="ts">
+defineProps({
+    width: {
+        type: String,
+        default: "115",
+    },
+    height: {
+        type: String,
+        default: "85",
+    },
+    iconType: {
+        type: String,
+        required: true,
+    },
+    strokeColor: {
+        type: String,
+        default: "#172774", // default stroke color
+    },
+    fillColor: {
+        type: String,
+        default: "#172774", // default fill color
+    },
+});
 </script>

package/src/components/Icons/Audio/CloudFailed.vue

@@ -1,21 +1,21 @@
-<template>
-    <svg 
-        width="24" 
-        height="24" 
-        viewBox="0 0 24 24" 
-        fill="none" 
-        xmlns="http://www.w3.org/2000/svg"
-    >
-        <path 
-            d="M2.25 15C2.25 17.4853 4.26472 19.5 6.75 19.5H18C20.0711 19.5 21.75 17.8211 21.75 15.75C21.75 14.1479 20.7453 12.7805 19.3316 12.2433C19.4407 11.9324 19.5 11.5981 19.5 11.25C19.5 9.59315 18.1569 8.25 16.5 8.25C16.1767 8.25 15.8654 8.30113 15.5737 8.39575C14.9765 6.1526 12.9312 4.5 10.5 4.5C7.6005 4.5 5.25 6.85051 5.25 9.75C5.25 10.0832 5.28105 10.4092 5.3404 10.7252C3.54555 11.3167 2.25 13.0071 2.25 15Z" 
-            stroke="#172774" 
-            stroke-linecap="round" 
-            stroke-linejoin="round"
-        />
-        <path 
-            d="M3.5 4L20 22.5" 
-            stroke="#172774" 
-            stroke-linecap="round"
-        />
-    </svg>
+<template>
+    <svg 
+        width="24" 
+        height="24" 
+        viewBox="0 0 24 24" 
+        fill="none" 
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path 
+            d="M2.25 15C2.25 17.4853 4.26472 19.5 6.75 19.5H18C20.0711 19.5 21.75 17.8211 21.75 15.75C21.75 14.1479 20.7453 12.7805 19.3316 12.2433C19.4407 11.9324 19.5 11.5981 19.5 11.25C19.5 9.59315 18.1569 8.25 16.5 8.25C16.1767 8.25 15.8654 8.30113 15.5737 8.39575C14.9765 6.1526 12.9312 4.5 10.5 4.5C7.6005 4.5 5.25 6.85051 5.25 9.75C5.25 10.0832 5.28105 10.4092 5.3404 10.7252C3.54555 11.3167 2.25 13.0071 2.25 15Z" 
+            stroke="#172774" 
+            stroke-linecap="round" 
+            stroke-linejoin="round"
+        />
+        <path 
+            d="M3.5 4L20 22.5" 
+            stroke="#172774" 
+            stroke-linecap="round"
+        />
+    </svg>
 </template>