@zap-wunschlachen/wl-shared-components 1.0.0

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

@@ -0,0 +1,16 @@
+<template>
+    <svg 
+        width="24" 
+        height="24" 
+        viewBox="0 0 24 24" 
+        fill="none" 
+        xmlns="http://www.w3.org/2000/svg"
+    >
+    <path 
+        d="M9.75 9.75L14.25 14.25M14.25 9.75L9.75 14.25M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" 
+        stroke="#172774" 
+        stroke-linecap="round" 
+        stroke-linejoin="round"
+    />
+    </svg>
+</template>

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

@@ -0,0 +1,19 @@
+<template>
+    <svg 
+        width="24" 
+        height="24" 
+        viewBox="0 0 24 24" 
+        fill="none" 
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <g id="heroicons-outline/pause">
+            <path 
+                id="Vector" 
+                d="M15.75 5.25L15.75 18.75M8.25 5.25V18.75" 
+                stroke="#172774" 
+                stroke-linecap="round" 
+                stroke-linejoin="round"
+            />
+        </g>
+    </svg>
+</template>

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

@@ -0,0 +1,16 @@
+<template>
+    <svg 
+        width="24" 
+        height="24" 
+        viewBox="0 0 24 24" 
+        fill="none" 
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <path 
+            d="M5.25 5.65248C5.25 4.7968 6.1674 4.25437 6.91716 4.66674L18.4577 11.0141C19.2349 11.4415 19.2349 12.5581 18.4577 12.9855L6.91716 19.3329C6.1674 19.7452 5.25 19.2028 5.25 18.3471V5.65248Z" 
+            stroke="#172774" 
+            stroke-linecap="round" 
+            stroke-linejoin="round"
+        />
+    </svg>
+</template>

package/src/components/Icons/CalendarNotification.vue

@@ -0,0 +1,126 @@
+<template>
+  <svg
+    width="22"
+    height="20"
+    viewBox="0 0 22 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M5.12891 1V3.2768"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M1.32568 16.9376V5.5536C1.32568 4.29883 2.35002 3.2768 3.60763 3.2768H15.5864V1"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M1.32568 17C1.32568 18.1022 2.33568 19 3.57568 19H17.0757C18.3157 19 19.3257 18.1022 19.3257 17"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M19.3257 12V17"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M1.32568 17V9.30769C1.32568 8.0359 2.31324 7 3.52568 7H12.3257"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M17.5832 11.2911C19.6522 11.2911 21.3256 9.62149 21.3256 7.55719C21.3256 5.49289 19.6522 3.82324 17.5832 3.82324C15.5142 3.82324 13.8408 5.49289 13.8408 7.55719C13.8408 9.62149 15.5142 11.2911 17.5832 11.2911Z"
+      fill="#F4297E"
+    />
+    <path
+      d="M10.3257 10.75H10.3332V10.7575H10.3257V10.75Z"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M10.3257 13H10.3332V13.0075H10.3257V13Z"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M10.3257 15.25H10.3332V15.2575H10.3257V15.25Z"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M8.07568 13H8.08318V13.0075H8.07568V13Z"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M8.07568 15.25H8.08318V15.2575H8.07568V15.25Z"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M5.82568 13H5.83318V13.0075H5.82568V13Z"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M5.82568 15.25H5.83318V15.2575H5.82568V15.25Z"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12.5757 10.75H12.5832V10.7575H12.5757V10.75Z"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12.5757 13H12.5832V13.0075H12.5757V13Z"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12.5757 15.25H12.5832V15.2575H12.5757V15.25Z"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M14.8257 13H14.8332V13.0075H14.8257V13Z"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>

package/src/components/Icons/Chair.vue

@@ -0,0 +1,32 @@
+<template>
+  <svg
+    width="14"
+    height="23"
+    viewBox="0 0 14 23"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M0.785645 22.2287L2.74973 15.2099H11.7217V22.2287"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+    />
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M11.3915 11.9859H2.74951V15.2099H11.5643C12.6956 15.2099 13.497 14.3923 13.1199 13.6056L12.6799 12.6646C12.4914 12.2636 11.9571 11.9859 11.3758 11.9859H11.3915Z"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+    />
+    <path
+      d="M2.7498 11.9859L1.20996 0.771301"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+    />
+  </svg>
+</template>

package/src/components/Icons/ChairNotification.vue

@@ -0,0 +1,35 @@
+<template>
+  <svg
+    width="16"
+    height="23"
+    viewBox="0 0 16 23"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M0.77124 22.2287L2.69948 15.2099H11.5077V22.2287"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+    />
+    <path
+      d="M2.69948 11.9859L1.18774 0.771301"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+    />
+    <path
+      d="M7.7283 11.9859H2.69946V15.2099H11.3534C12.1555 15.2099 12.7726 14.778 12.9268 14.2535"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-miterlimit="10"
+      stroke-linecap="round"
+    />
+    <path
+      d="M12.1556 12.6955C14.2088 12.6955 15.8733 11.0311 15.8733 8.97789C15.8733 6.9247 14.2088 5.26025 12.1556 5.26025C10.1024 5.26025 8.43799 6.9247 8.43799 8.97789C8.43799 11.0311 10.1024 12.6955 12.1556 12.6955Z"
+      fill="#F4297E"
+    />
+  </svg>
+</template>

package/src/components/Icons/Circle.vue

@@ -0,0 +1,66 @@
+<template>
+  <svg
+    width="100"
+    height="100"
+    viewBox="0 0 41 42"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <!-- Repeat the same path with different colors and rotations -->
+
+    <!-- Segment 1 -->
+
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M34.7023 16.1214C32.7846 10.4974 27.6246 6.37999 21.4629 5.99002L21.7787 1C30.0113 1.52105 36.8805 7.01704 39.4347 14.5078L34.7023 16.1214Z"
+      stroke-width="0.5"
+      stroke-miterlimit="10"
+      transform="rotate(0, 20, 21)"
+    />
+
+    <!-- Segment 2 (rotate by 72 degrees) -->
+
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M34.7023 16.1214C32.7846 10.4974 27.6246 6.37999 21.4629 5.99002L21.7787 1C30.0113 1.52105 36.8805 7.01704 39.4347 14.5078L34.7023 16.1214Z"
+      stroke-width="0.5"
+      stroke-miterlimit="10"
+      transform="rotate(72, 20, 21)"
+    />
+
+    <!-- Segment 3 (rotate by 144 degrees) -->
+
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M34.7023 16.1214C32.7846 10.4974 27.6246 6.37999 21.4629 5.99002L21.7787 1C30.0113 1.52105 36.8805 7.01704 39.4347 14.5078L34.7023 16.1214Z"
+      stroke-width="0.5"
+      stroke-miterlimit="10"
+      transform="rotate(144, 20, 21)"
+    />
+
+    <!-- Segment 4 (rotate by 216 degrees) -->
+
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M34.7023 16.1214C32.7846 10.4974 27.6246 6.37999 21.4629 5.99002L21.7787 1C30.0113 1.52105 36.8805 7.01704 39.4347 14.5078L34.7023 16.1214Z"
+      stroke-width="0.5"
+      stroke-miterlimit="10"
+      transform="rotate(216, 20, 21)"
+    />
+
+    <!-- Segment 5 (rotate by 288 degrees) -->
+
+    <path
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M34.7023 16.1214C32.7846 10.4974 27.6246 6.37999 21.4629 5.99002L21.7787 1C30.0113 1.52105 36.8805 7.01704 39.4347 14.5078L34.7023 16.1214Z"
+      stroke-width="0.5"
+      stroke-miterlimit="10"
+      transform="rotate(288, 20, 21)"
+    />
+  </svg>
+</template>

package/src/components/Icons/FavIcon.vue

@@ -0,0 +1,22 @@
+<template>
+  <svg
+    width="30"
+    height="30"
+    viewBox="0 0 30 30"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M15 30C23.271 30 30 23.271 30 15C30 6.72904 23.271 0 15 0C6.72904 0 0 6.72904 0 15C0 23.271 6.72904 30 15 30ZM15 2.22269C22.0453 2.22269 27.776 7.95343 27.776 14.9987C27.776 22.044 22.0453 27.7748 15 27.7748C7.9547 27.7748 2.22396 22.044 2.22396 14.9987C2.22396 7.95343 7.9547 2.22269 15 2.22269Z"
+      fill="#172774"
+    />
+    <path
+      d="M12.1607 14.8585L13.1564 10.9466C13.291 10.4207 13.5057 10.0283 13.8016 9.77044C14.0988 9.51134 14.4811 9.38306 14.9497 9.38306C15.4184 9.38306 15.7917 9.51515 16.0978 9.77679C16.4039 10.0397 16.6287 10.4398 16.7722 10.9758L17.7679 14.861L18.9529 9.59771H21.0332L19.6844 15.3526C19.5981 15.7158 19.4545 16.0143 19.2539 16.2493C19.0532 16.4842 18.8157 16.6582 18.5439 16.7726C18.2709 16.8869 18.0003 16.9453 17.7336 16.9453C17.3133 16.9453 16.9424 16.8132 16.6224 16.5503C16.3023 16.2874 16.075 15.8924 15.9403 15.3665L14.9624 11.4279L13.9743 15.3665C13.841 15.8924 13.6162 16.2874 13.2999 16.5503C12.985 16.8132 12.6116 16.9453 12.181 16.9453C11.913 16.9453 11.6451 16.8869 11.3771 16.7726C11.1091 16.6582 10.8754 16.4842 10.6748 16.2493C10.4741 16.0143 10.3306 15.7158 10.2442 15.3526L8.96655 9.59771H11.0189L12.162 14.8585H12.1607Z"
+      fill="#172774"
+    />
+    <path
+      d="M15.0006 22.9428C18.2074 22.9428 21.2123 21.2231 22.8418 18.4555L20.9253 17.3264C19.6934 19.4183 17.4225 20.7176 15.0006 20.7176C12.5786 20.7176 10.3078 19.4183 9.07583 17.3264L7.15934 18.4555C8.79007 21.2231 11.7937 22.9428 15.0006 22.9428Z"
+      fill="#172774"
+    />
+  </svg>
+</template>

package/src/components/Icons/FilledCircle.vue

@@ -0,0 +1,11 @@
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle cx="8" cy="8" r="8" fill="#C1C1C2" />
+  </svg>
+</template>

package/src/components/Icons/Group3.vue

@@ -0,0 +1,46 @@
+<template>
+  <svg
+    width="21"
+    height="20"
+    viewBox="0 0 21 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M2.6405 4.72591C3.91828 4.72591 4.95532 3.66731 4.95532 2.36296C4.95532 1.0586 3.91828 0 2.6405 0C1.36272 0 0.325684 1.0586 0.325684 2.36296C0.325684 3.66731 1.36272 4.72591 2.6405 4.72591Z"
+      fill="#172774"
+    />
+    <path
+      d="M10.3256 4.72591C11.6033 4.72591 12.6404 3.66731 12.6404 2.36296C12.6404 1.0586 11.6033 0 10.3256 0C9.04778 0 8.01074 1.0586 8.01074 2.36296C8.01074 3.66731 9.04778 4.72591 10.3256 4.72591Z"
+      fill="#172774"
+    />
+    <path
+      d="M18.0109 4.72591C19.2886 4.72591 20.3257 3.66731 20.3257 2.36296C20.3257 1.0586 19.2886 0 18.0109 0C16.7331 0 15.696 1.0586 15.696 2.36296C15.696 3.66731 16.7331 4.72591 18.0109 4.72591Z"
+      fill="#172774"
+    />
+    <path
+      d="M2.6405 12.363C3.91828 12.363 4.95532 11.3044 4.95532 10C4.95532 8.69569 3.91828 7.63708 2.6405 7.63708C1.36272 7.63708 0.325684 8.69569 0.325684 10C0.325684 11.3044 1.36272 12.363 2.6405 12.363Z"
+      fill="#172774"
+    />
+    <path
+      d="M10.3256 12.363C11.6033 12.363 12.6404 11.3044 12.6404 10C12.6404 8.69569 11.6033 7.63708 10.3256 7.63708C9.04778 7.63708 8.01074 8.69569 8.01074 10C8.01074 11.3044 9.04778 12.363 10.3256 12.363Z"
+      fill="#172774"
+    />
+    <path
+      d="M18.0109 12.363C19.2886 12.363 20.3257 11.3044 20.3257 10C20.3257 8.69569 19.2886 7.63708 18.0109 7.63708C16.7331 7.63708 15.696 8.69569 15.696 10C15.696 11.3044 16.7331 12.363 18.0109 12.363Z"
+      fill="#172774"
+    />
+    <path
+      d="M2.6405 20.0001C3.91828 20.0001 4.95532 18.9415 4.95532 17.6372C4.95532 16.3328 3.91828 15.2742 2.6405 15.2742C1.36272 15.2742 0.325684 16.3328 0.325684 17.6372C0.325684 18.9415 1.36272 20.0001 2.6405 20.0001Z"
+      fill="#172774"
+    />
+    <path
+      d="M10.3256 20.0001C11.6033 20.0001 12.6404 18.9415 12.6404 17.6372C12.6404 16.3328 11.6033 15.2742 10.3256 15.2742C9.04778 15.2742 8.01074 16.3328 8.01074 17.6372C8.01074 18.9415 9.04778 20.0001 10.3256 20.0001Z"
+      fill="#172774"
+    />
+    <path
+      d="M18.0109 20.0001C19.2886 20.0001 20.3257 18.9415 20.3257 17.6372C20.3257 16.3328 19.2886 15.2742 18.0109 15.2742C16.7331 15.2742 15.696 16.3328 15.696 17.6372C15.696 18.9415 16.7331 20.0001 18.0109 20.0001Z"
+      fill="#172774"
+    />
+  </svg>
+</template>

package/src/components/Icons/RingNotification.vue

@@ -0,0 +1,54 @@
+<template>
+  <svg
+    width="23"
+    height="23"
+    viewBox="0 0 23 23"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_1311_589)">
+      <path
+        d="M18.6328 12.6722C20.6723 12.6722 22.3257 11.0189 22.3257 8.97937C22.3257 6.93985 20.6723 5.2865 18.6328 5.2865C16.5933 5.2865 14.9399 6.93985 14.9399 8.97937C14.9399 11.0189 16.5933 12.6722 18.6328 12.6722Z"
+        fill="#F4297E"
+      />
+      <path
+        d="M16.9778 3.75416C16.5794 3.26382 16.1351 2.81945 15.6141 2.4517C14.4802 1.63957 13.0858 1.14923 11.5841 1.14923C7.76863 1.14923 4.67336 4.2445 4.67336 8.04463V8.90273C4.67336 11.569 3.66203 13.99 2.02246 15.8288C4.01447 16.5643 6.11373 17.07 8.28962 17.3304"
+        stroke="#172774"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M14.8633 17.3457C17.0392 17.0853 19.1384 16.5796 21.1304 15.8441C20.9312 15.6142 20.732 15.3844 20.5635 15.1545C20.3643 14.8787 20.1651 14.6029 19.9812 14.3118"
+        stroke="#172774"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M14.8632 17.3458C13.7906 17.4683 12.6873 17.545 11.5841 17.545C10.4808 17.545 9.37755 17.4837 8.30493 17.3458"
+        stroke="#172774"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+      <path
+        d="M14.8633 17.3458C14.9706 17.6829 15.0319 18.0353 15.0319 18.4031C15.0319 20.3031 13.4842 21.8508 11.5842 21.8508C9.68411 21.8508 8.13647 20.3031 8.13647 18.4031C8.13647 18.0353 8.19777 17.6829 8.30503 17.3458"
+        stroke="#172774"
+        stroke-width="1.5"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_1311_589">
+        <rect
+          width="21.4524"
+          height="23"
+          fill="white"
+          transform="translate(0.873291)"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+</template>

package/src/components/Icons/SolidArrowRight.vue

@@ -0,0 +1,14 @@
+<template>
+  <svg
+    width="10"
+    height="16"
+    viewBox="0 0 10 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M9.17412 7.01135C9.6155 7.4086 9.6155 8.1007 9.17412 8.49794L1.66896 15.2526C1.02544 15.8317 -3.78441e-08 15.3751 0 14.5093V1.00001C3.78441e-08 0.134239 1.02544 -0.322455 1.66896 0.256715L9.17412 7.01135Z"
+      fill="#01D449"
+    />
+  </svg>
+</template>

package/src/components/Icons/calendar.vue

@@ -0,0 +1,17 @@
+<template>
+  <svg
+    width="21"
+    height="20"
+    viewBox="0 0 21 20"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M5.07568 1V3.25M15.5757 1V3.25M1.32568 16.75V5.5C1.32568 4.25736 2.33304 3.25 3.57568 3.25H17.0757C18.3183 3.25 19.3257 4.25736 19.3257 5.5V16.75M1.32568 16.75C1.32568 17.9926 2.33304 19 3.57568 19H17.0757C18.3183 19 19.3257 17.9926 19.3257 16.75M1.32568 16.75V9.25C1.32568 8.00736 2.33304 7 3.57568 7H17.0757C18.3183 7 19.3257 8.00736 19.3257 9.25V16.75M10.3257 10.75H10.3332V10.7575H10.3257V10.75ZM10.3257 13H10.3332V13.0075H10.3257V13ZM10.3257 15.25H10.3332V15.2575H10.3257V15.25ZM8.07568 13H8.08318V13.0075H8.07568V13ZM8.07568 15.25H8.08318V15.2575H8.07568V15.25ZM5.82568 13H5.83318V13.0075H5.82568V13ZM5.82568 15.25H5.83318V15.2575H5.82568V15.25ZM12.5757 10.75H12.5832V10.7575H12.5757V10.75ZM12.5757 13H12.5832V13.0075H12.5757V13ZM12.5757 15.25H12.5832V15.2575H12.5757V15.25ZM14.8257 10.75H14.8332V10.7575H14.8257V10.75ZM14.8257 13H14.8332V13.0075H14.8257V13Z"
+      stroke="#172774"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>

package/src/components/Icons/checkbox.vue

@@ -0,0 +1,19 @@
+<template>
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect
+      x="0.5"
+      y="0.5"
+      width="15"
+      height="15"
+      rx="3.5"
+      fill="white"
+      stroke="#C1C1C2"
+    />
+  </svg>
+</template>

package/src/components/Icons/outlineChecked.vue

@@ -0,0 +1,27 @@
+<template>
+  <svg
+    width="25"
+    height="25"
+    viewBox="0 0 25 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <rect x="1" y="1" width="23" height="23" rx="3" fill="white" />
+    <rect
+      x="1"
+      y="1"
+      width="23"
+      height="23"
+      rx="3"
+      stroke="#172774"
+      stroke-width="2"
+    />
+    <path
+      d="M7.8125 12.9688L11.5625 16.7188L17.1875 8.28125"
+      stroke="#172774"
+      stroke-width="2.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>

package/src/components/Icons/play.vue

@@ -0,0 +1,6 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+    <path d="M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z" stroke="#172774" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M15.9099 11.6722C16.1671 11.8151 16.1671 12.1849 15.9099 12.3278L10.3071 15.4405C10.0572 15.5794 9.75 15.3986 9.75 15.1127V8.88732C9.75 8.60139 10.0572 8.42065 10.3071 8.55951L15.9099 11.6722Z" stroke="#172774" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+</template>