Merge pull request #39 from LucasWerey/feat/16

feat(dslib): add all icons from figma
LucasWerey · Jan 18, 2024 · 7e18be2 · 7e18be2
2 parents a279b4a + 824ae8d
commit 7e18be2
Show file tree

Hide file tree

Showing 34 changed files with 1,140 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@lucaswerey/dslib-pfe",
-  "version": "0.0.59",
+  "version": "0.0.60",
   "private": false,
   "main": "./lib/index.umd.js",
   "module": "./lib/index.mjs",

diff --git a/src/assets/icons/audioLines.vue b/src/assets/icons/audioLines.vue
@@ -0,0 +1,55 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M2 10V13"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M6 6V17"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M10 3V21"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M14 8V15"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M18 5V18"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M22 10V13"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+
+<script setup lang="ts">
+const props = defineProps({
+  color: {
+    type: String,
+    default: '#000000'
+  }
+})
+</script>
diff --git a/src/assets/icons/award.vue b/src/assets/icons/award.vue
@@ -0,0 +1,26 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M12 14C15.3137 14 18 11.3137 18 8C18 4.68629 15.3137 2 12 2C8.68629 2 6 4.68629 6 8C6 11.3137 8.68629 14 12 14Z"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M15.477 12.89L17 22L12 19L7 22L8.523 12.89"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+<script setup lang="ts">
+const props = defineProps({
+  color: {
+    type: String,
+    default: '#000000'
+  }
+})
+</script>
diff --git a/src/assets/icons/bellRing.vue b/src/assets/icons/bellRing.vue
@@ -0,0 +1,40 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M6 8C6 6.4087 6.63214 4.88258 7.75736 3.75736C8.88258 2.63214 10.4087 2 12 2C13.5913 2 15.1174 2.63214 16.2426 3.75736C17.3679 4.88258 18 6.4087 18 8C18 15 21 17 21 17H3C3 17 6 15 6 8Z"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M10.2998 21C10.4672 21.3044 10.7133 21.5583 11.0123 21.7352C11.3113 21.912 11.6524 22.0053 11.9998 22.0053C12.3472 22.0053 12.6883 21.912 12.9873 21.7352C13.2864 21.5583 13.5324 21.3044 13.6998 21"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M4 2C2.8 3.7 2 5.7 2 8"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M22 8C22 5.7 21.2 3.7 20 2"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+<script setup lang="ts">
+const props = defineProps({
+  color: {
+    type: String,
+    default: '#000000'
+  }
+})
+</script>
diff --git a/src/assets/icons/bookHeart.vue b/src/assets/icons/bookHeart.vue
@@ -0,0 +1,26 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M4 19.5V4.5C4 3.83696 4.26339 3.20107 4.73223 2.73223C5.20107 2.26339 5.83696 2 6.5 2H20V22H6.5C5.83696 22 5.20107 21.7366 4.73223 21.2678C4.26339 20.7989 4 20.163 4 19.5ZM4 19.5C4 18.837 4.26339 18.2011 4.73223 17.7322C5.20107 17.2634 5.83696 17 6.5 17H20"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M16 8.2C16 7 15 6 13.8 6C13 6 12.4 6.3 12 6.9C11.6 6.3 11 6 10.2 6C9 6 8 7 8 8.2C8 8.8 8.3 9.4 8.7 9.8C10 11.1 12 13 12 13C12 13 14 11.1 15.3 9.9C15.7 9.5 16 8.9 16 8.2Z"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+<script setup lang="ts">
+const props = defineProps({
+  color: {
+    type: String,
+    default: '#000000'
+  }
+})
+</script>
diff --git a/src/assets/icons/brain.vue b/src/assets/icons/brain.vue
@@ -0,0 +1,26 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M9.50008 2C9.82839 2 10.1535 2.06467 10.4568 2.1903C10.7601 2.31594 11.0357 2.50009 11.2678 2.73223C11.5 2.96438 11.6841 3.23998 11.8098 3.54329C11.9354 3.84661 12.0001 4.1717 12.0001 4.5V19.5C11.9987 20.1239 11.7642 20.7247 11.3425 21.1845C10.9208 21.6442 10.3424 21.9297 9.72099 21.9848C9.09957 22.04 8.47998 21.8607 7.98393 21.4824C7.48789 21.104 7.15123 20.5539 7.04008 19.94C6.62119 20.0333 6.18535 20.0171 5.77452 19.8931C5.36368 19.7691 4.99167 19.5415 4.69431 19.232C4.39695 18.9226 4.18424 18.5419 4.07667 18.1264C3.96909 17.711 3.97027 17.2749 4.08008 16.86C3.50493 16.6753 2.99895 16.3212 2.62836 15.8441C2.25778 15.367 2.03985 14.7892 2.00311 14.1862C1.96637 13.5832 2.11253 12.9832 2.42245 12.4647C2.73237 11.9461 3.19161 11.5332 3.74008 11.28C3.41398 10.9578 3.18273 10.5522 3.07162 10.1075C2.96051 9.66278 2.97381 9.19607 3.11006 8.75839C3.24632 8.32072 3.50029 7.92893 3.84421 7.62586C4.18812 7.3228 4.60874 7.12013 5.06008 7.04C4.98727 6.71262 4.98107 6.37393 5.04186 6.04411C5.10265 5.71428 5.22919 5.40006 5.41393 5.12014C5.59867 4.84023 5.83785 4.60035 6.11722 4.41478C6.39659 4.22922 6.71043 4.10176 7.04008 4.04C7.14748 3.46627 7.45225 2.9482 7.90156 2.57561C8.35086 2.20301 8.91638 1.99937 9.50008 2Z"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M14.5 2C13.837 2 13.2011 2.26339 12.7322 2.73223C12.2634 3.20108 12 3.83696 12 4.5V19.5C12.0013 20.1239 12.2359 20.7247 12.6576 21.1845C13.0793 21.6442 13.6577 21.9297 14.2791 21.9848C14.9005 22.04 15.5201 21.8607 16.0161 21.4824C16.5122 21.104 16.8489 20.5539 16.96 19.94C17.3789 20.0333 17.8147 20.0171 18.2256 19.8931C18.6364 19.7691 19.0084 19.5415 19.3058 19.232C19.6031 18.9226 19.8158 18.5419 19.9234 18.1264C20.031 17.711 20.0298 17.2749 19.92 16.86C20.4952 16.6753 21.0011 16.3212 21.3717 15.8441C21.7423 15.367 21.9602 14.7892 21.997 14.1862C22.0337 13.5832 21.8876 12.9832 21.5776 12.4647C21.2677 11.9461 20.8085 11.5332 20.26 11.28C20.5861 10.9578 20.8173 10.5522 20.9285 10.1075C21.0396 9.66278 21.0263 9.19607 20.89 8.75839C20.7538 8.32072 20.4998 7.92893 20.1559 7.62586C19.812 7.3228 19.3913 7.12013 18.94 7.04C19.0128 6.71262 19.019 6.37393 18.9582 6.04411C18.8974 5.71428 18.7709 5.40006 18.5862 5.12014C18.4014 4.84023 18.1622 4.60035 17.8829 4.41478C17.6035 4.22922 17.2896 4.10176 16.96 4.04C16.8526 3.46627 16.5478 2.9482 16.0985 2.57561C15.6492 2.20301 15.0837 1.99937 14.5 2Z"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+<script setup lang="ts">
+const props = defineProps({
+  color: {
+    type: String,
+    default: '#000000'
+  }
+})
+</script>
diff --git a/src/assets/icons/briefcase.vue b/src/assets/icons/briefcase.vue
@@ -0,0 +1,26 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M20 7H4C2.89543 7 2 7.89543 2 9V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V9C22 7.89543 21.1046 7 20 7Z"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M16 21V5C16 4.46957 15.7893 3.96086 15.4142 3.58579C15.0391 3.21071 14.5304 3 14 3H10C9.46957 3 8.96086 3.21071 8.58579 3.58579C8.21071 3.96086 8 4.46957 8 5V21"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+<script setup lang="ts">
+const props = defineProps({
+  color: {
+    type: String,
+    default: '#000000'
+  }
+})
+</script>
diff --git a/src/assets/icons/building.vue b/src/assets/icons/building.vue
@@ -0,0 +1,61 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M6 22V4C6 3.46957 6.21071 2.96086 6.58579 2.58579C6.96086 2.21071 7.46957 2 8 2H16C16.5304 2 17.0391 2.21071 17.4142 2.58579C17.7893 2.96086 18 3.46957 18 4V22H6Z"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M6 12H4C3.46957 12 2.96086 12.2107 2.58579 12.5858C2.21071 12.9609 2 13.4696 2 14V20C2 20.5304 2.21071 21.0391 2.58579 21.4142C2.96086 21.7893 3.46957 22 4 22H6"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M18 9H20C20.5304 9 21.0391 9.21071 21.4142 9.58579C21.7893 9.96086 22 10.4696 22 11V20C22 20.5304 21.7893 21.0391 21.4142 21.4142C21.0391 21.7893 20.5304 22 20 22H18"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M10 6H14"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M10 10H14"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M10 14H14"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M10 18H14"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+<script setup lang="ts">
+const props = defineProps({
+  color: {
+    type: String,
+    default: '#000000'
+  }
+})
+</script>
diff --git a/src/assets/icons/copy.vue b/src/assets/icons/copy.vue
@@ -0,0 +1,27 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M20 8H10C8.89543 8 8 8.89543 8 10V20C8 21.1046 8.89543 22 10 22H20C21.1046 22 22 21.1046 22 20V10C22 8.89543 21.1046 8 20 8Z"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M4 16C2.9 16 2 15.1 2 14V4C2 2.9 2.9 2 4 2H14C15.1 2 16 2.9 16 4"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+
+<script setup lang="ts">
+const props = defineProps({
+  color: {
+    type: String,
+    default: '#000000'
+  }
+})
+</script>
diff --git a/src/assets/icons/dribble.vue b/src/assets/icons/dribble.vue
@@ -0,0 +1,40 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M19.13 5.08997C15.22 9.13997 10 10.44 2.25 10.94"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M21.7501 12.84C15.1301 11.43 9.61012 13.84 5.37012 19.16"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M8.56006 2.75C12.9301 8.75 14.5601 12.17 16.5601 20.47"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+<script setup lang="ts">
+const props = defineProps({
+  color: {
+    type: String,
+    default: '#000000'
+  }
+})
+</script>
diff --git a/src/assets/icons/eye.vue b/src/assets/icons/eye.vue
@@ -0,0 +1,26 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M2 12C2 12 5 5 12 5C19 5 22 12 22 12C22 12 19 19 12 19C5 19 2 12 2 12Z"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+<script setup lang="ts">
+const props = defineProps({
+  color: {
+    type: String,
+    default: '#000000'
+  }
+})
+</script>
diff --git a/src/assets/icons/file.vue b/src/assets/icons/file.vue
@@ -0,0 +1,26 @@
+<template>
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+      d="M14.5 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V7.5L14.5 2Z"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M14 2V8H20"
+      :stroke="color"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+</template>
+<script setup lang="ts">
+const props = defineProps({
+  color: {
+    type: String,
+    default: '#000000'
+  }
+})
+</script>