cool-vue-icons 1.0.0

package/src/icons/IconTrashEmpty.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 6v11.8c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.427.218.987.218 2.105.218h5.606c1.118 0 1.677 0 2.104-.218.377-.192.683-.498.875-.874.218-.428.218-.987.218-2.105V6M6 6h2M6 6H4m4 0h8M8 6c0-.932 0-1.398.152-1.765a2 2 0 0 1 1.082-1.083C9.602 3 10.068 3 11 3h2c.932 0 1.398 0 1.765.152a2 2 0 0 1 1.083 1.083C16 4.602 16 5.068 16 6m0 0h2m0 0h2"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconTrashEmpty',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconTrashFull.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 10v7m-4-7v7M6 6v11.8c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.427.218.987.218 2.105.218h5.606c1.118 0 1.677 0 2.104-.218.377-.192.683-.498.875-.874.218-.428.218-.987.218-2.105V6M6 6h2M6 6H4m4 0h8M8 6c0-.932 0-1.398.152-1.765a2 2 0 0 1 1.082-1.083C9.602 3 10.068 3 11 3h2c.932 0 1.398 0 1.765.152a2 2 0 0 1 1.083 1.083C16 4.602 16 5.068 16 6m0 0h2m0 0h2"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconTrashFull',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconTree.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path fill="#08261F" d="M19.556 16.407c-.017-.025-1.297-1.515-1.297-1.515a2.23 2.23 0 0 0 .513-3.057c-.02-.03-1.571-1.746-1.571-1.746.387-.195.704-.509.903-.895a2.03 2.03 0 0 0-.146-2.109c-.018-.026-3.887-4.412-3.887-4.412a2.174 2.174 0 0 0-3.144 0s-3.87 4.386-3.888 4.41a2.03 2.03 0 0 0-.147 2.11c.2.385.516.699.904.895 0 0-1.55 1.715-1.571 1.745a2.23 2.23 0 0 0 .513 3.058s-1.28 1.49-1.298 1.516a2.506 2.506 0 0 0 2.057 3.924h4.168v.834a.835.835 0 0 0 1.423.59.84.84 0 0 0 .244-.59v-.834H17.5a2.5 2.5 0 0 0 2.213-1.34 2.51 2.51 0 0 0-.153-2.584zm-1.32 1.81a.82.82 0 0 1-.736.444H7.497a.833.833 0 0 1-.709-1.276l1.78-2.063h4.764a.833.833 0 0 0 .59-1.425.83.83 0 0 0-.59-.244H8.055a.556.556 0 0 1-.482-.835l2.27-2.504h2.655a.833.833 0 0 0 .59-1.425.83.83 0 0 0-.59-.244h-3.75a.406.406 0 0 1-.42-.396.35.35 0 0 1 .052-.174l3.794-4.298a.423.423 0 0 1 .644 0l3.793 4.297a.35.35 0 0 1 .01.35.41.41 0 0 1-.371.22h-.724a.838.838 0 0 0-.817.969.84.84 0 0 0 .2.427l2.514 2.778a.558.558 0 0 1-.482.835h-.13a.84.84 0 0 0-.82.952.84.84 0 0 0 .189.428l2.025 2.352a.82.82 0 0 1 .03.83z"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconTree',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconTrendingDown.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m20 17-5.846-5.937a5 5 0 0 0-.205-.203 2 2 0 0 0-2.667 0c-.047.042-.1.096-.205.203-.105.106-.158.16-.205.202a2 2 0 0 1-2.667 0c-.047-.042-.1-.096-.205-.203L4 7m16 10v-6m0 6h-6"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconTrendingDown',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconTrendingUp.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m20 7-5.846 5.938c-.105.106-.158.16-.205.202-.76.68-1.907.68-2.667 0a5 5 0 0 1-.205-.203c-.105-.106-.158-.16-.205-.202a2 2 0 0 0-2.667 0c-.047.042-.1.096-.204.202L4 17M20 7v6m0-6h-6"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconTrendingUp',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconTriangle.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.379 15.2c-.91 1.575-1.364 2.363-1.296 3.01a2 2 0 0 0 .813 1.408C4.422 20 5.331 20 7.15 20h9.703c1.817 0 2.726 0 3.251-.382a2 2 0 0 0 .814-1.408c.068-.647-.386-1.435-1.296-3.01l-4.85-8.4c-.909-1.575-1.364-2.363-1.958-2.627a2 2 0 0 0-1.627 0c-.593.264-1.048 1.052-1.957 2.625z"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconTriangle',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconTriangleCheck.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 13-4 4-2-2m-4.621.2c-.91 1.575-1.364 2.363-1.296 3.01a2 2 0 0 0 .813 1.408C4.422 20 5.331 20 7.15 20h9.703c1.817 0 2.726 0 3.251-.382a2 2 0 0 0 .814-1.409c.068-.646-.386-1.434-1.296-3.01l-4.85-8.4c-.909-1.574-1.364-2.362-1.958-2.626a2 2 0 0 0-1.627 0c-.593.264-1.048 1.052-1.957 2.625z"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconTriangleCheck',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconTriangleWarning.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v4m-7.621 2.2c-.91 1.575-1.364 2.363-1.296 3.01a2 2 0 0 0 .813 1.408C4.422 20 5.331 20 7.15 20h9.703c1.817 0 2.726 0 3.251-.382a2 2 0 0 0 .814-1.409c.068-.646-.386-1.434-1.296-3.01l-4.85-8.4c-.909-1.574-1.364-2.362-1.958-2.626a2 2 0 0 0-1.627 0c-.593.264-1.048 1.052-1.957 2.625zm7.672.8v.1h-.1V16z"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconTriangleWarning',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconUnderline.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 19h12M8 5v6a4 4 0 0 0 8 0V5"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconUnderline',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconUndo.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 8H5V3m.291 13.357a8 8 0 1 0 .188-8.991"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconUndo',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconUnfoldLess.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m8 19 4-4 4 4m0-14-4 4-4-4"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconUnfoldLess',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconUnfoldMore.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m16 15-4 4-4-4m0-6 4-4 4 4"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconUnfoldMore',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconUser01.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21a7 7 0 1 0-14 0m7-10a4 4 0 1 1 0-8 4 4 0 0 1 0 8"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconUser01',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconUser02.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 21c0-2.761-3.582-5-8-5s-8 2.239-8 5m8-8a5 5 0 1 1 0-10 5 5 0 0 1 0 10"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconUser02',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconUser03.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18 19c0-2.21-2.686-4-6-4s-6 1.79-6 4m6-7a4 4 0 1 1 0-8 4 4 0 0 1 0 8"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconUser03',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconUserAdd.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19c0-2.21-2.686-4-6-4s-6 1.79-6 4m16-3v-3m0 0v-3m0 3h-3m3 0h3M9 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconUserAdd',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconUserCardId.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18h6m-6 0c-.988 0-1.507-.013-1.908-.218a2 2 0 0 1-.874-.875C3 16.48 3 15.92 3 14.8V9.2c0-1.12 0-1.68.218-2.108.192-.377.497-.682.874-.874C4.52 6 5.08 6 6.2 6h11.6c1.12 0 1.68 0 2.107.218.377.192.683.497.875.874.218.427.218.987.218 2.105v5.606c0 1.118 0 1.677-.218 2.104a2 2 0 0 1-.875.875c-.427.218-.986.218-2.104.218H12m-6 0c0-1.105 1.343-2 3-2s3 .895 3 2m-6 0q0 0 0 0m12-4h-4m4-3h-3m-6 2a2 2 0 1 1 0-4 2 2 0 0 1 0 4"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconUserCardId',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconUserCheck.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19c0-2.21-2.686-4-6-4s-6 1.79-6 4m18-9-4 4-2-2m-6 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconUserCheck',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconUserCircle.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.217 19.332A6.98 6.98 0 0 0 12 17c-2.073 0-3.935.9-5.217 2.332M12 21a9 9 0 1 1 0-18 9 9 0 0 1 0 18m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconUserCircle',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconUserClose.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19c0-2.21-2.686-4-6-4s-6 1.79-6 4m14-5 2-2m0 0 2-2m-2 2-2-2m2 2 2 2M9 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconUserClose',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconUserHandHear.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path fill="#030712" d="M9.472 22H5.334A3.334 3.334 0 0 1 2 18.667V14.5a3.333 3.333 0 0 1 3.334-3.333h7.382a2.62 2.62 0 0 1 2.242 1.265l2.682-2.945a2.51 2.51 0 0 1 3.545-.167 2.52 2.52 0 0 1 .181 3.525l-5.668 6.364A8.35 8.35 0 0 1 9.472 22m-4.138-9.167A1.667 1.667 0 0 0 3.667 14.5v4.167a1.667 1.667 0 0 0 1.667 1.666h4.138a6.67 6.67 0 0 0 4.978-2.231l5.672-6.365a.846.846 0 0 0-.06-1.184.86.86 0 0 0-.607-.22.84.84 0 0 0-.583.274l-3.69 4.06a2.63 2.63 0 0 1-2.097 1.71l-4.301.615a.834.834 0 0 1-.237-1.65l4.303-.615a.952.952 0 0 0-.134-1.894zm5.834-3.271a1.66 1.66 0 0 1-1.039-.364C8.702 8.053 7.001 6.333 7.001 4.667A2.59 2.59 0 0 1 9.5 2c.623.002 1.22.247 1.667.68A2.4 2.4 0 0 1 12.835 2a2.59 2.59 0 0 1 2.5 2.667c0 1.666-1.7 3.386-3.128 4.532a1.66 1.66 0 0 1-1.039.363M9.501 3.667a.93.93 0 0 0-.833 1c0 .75.96 1.991 2.505 3.232 1.537-1.24 2.496-2.482 2.496-3.232a.93.93 0 0 0-.834-1 .93.93 0 0 0-.833 1 .833.833 0 0 1-1.667 0 .93.93 0 0 0-.834-1"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconUserHandHear',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconUserRemove.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19c0-2.21-2.686-4-6-4s-6 1.79-6 4m12-6h6M9 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconUserRemove',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconUserSquare.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 21a5 5 0 0 0-10 0m10 0h.803c1.118 0 1.677 0 2.104-.218.377-.192.683-.498.875-.875.218-.427.218-.986.218-2.104V6.197c0-1.118 0-1.678-.218-2.105a2 2 0 0 0-.875-.874C19.48 3 18.92 3 17.8 3H6.2c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C3 4.52 3 5.08 3 6.2v11.6c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.987.218 2.105.218H7m10 0H7m5-8a3 3 0 1 1 0-6 3 3 0 0 1 0 6"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconUserSquare',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconUserVoice.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19c0-2.21-2.686-4-6-4s-6 1.79-6 4M16.828 5.172a4 4 0 0 1 0 5.657M19 3a7.07 7.07 0 0 1 0 10M9 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconUserVoice',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconUsers.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 20c0-1.742-1.67-3.223-4-3.773M15 20c0-2.21-2.686-4-6-4s-6 1.79-6 4m12-7a4 4 0 0 0 0-8m-6 8a4 4 0 1 1 0-8 4 4 0 0 1 0 8"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconUsers',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconUsersGroup.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20c0-1.657-2.239-3-5-3s-5 1.343-5 3m14-3c0-1.23-1.234-2.287-3-2.75M3 17c0-1.23 1.234-2.287 3-2.75m12-4.014a3 3 0 1 0-4-4.472m-8 4.472a3 3 0 0 1 4-4.472M12 14a3 3 0 1 1 0-6 3 3 0 0 1 0 6"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconUsersGroup',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconValley.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="#08261F" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" d="M10.838 10v.2c.649.252 1.19.727 1.528 1.34s.452 1.329.322 2.02a3 3 0 0 1-1.03 1.758A2.95 2.95 0 0 1 9.75 16H5.893a2.95 2.95 0 0 1-1.866-.729 3.028 3.028 0 0 1-.64-3.753c.34-.603.876-1.07 1.517-1.318V10c0-.796.313-1.559.87-2.121A2.95 2.95 0 0 1 7.87 7a2.95 2.95 0 0 1 2.098.879c.557.562.87 1.325.87 2.121M7.871 16v6M13.806 19v3"/><path stroke="#08261F" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6" d="M12.816 19h8.209a1 1 0 0 0 .542-.173 1 1 0 0 0 .415-1.018 1 1 0 0 0-.265-.51L18.75 14h.297a.98.98 0 0 0 .9-.62 1.01 1.01 0 0 0-.208-1.08L16.772 9h.198a1 1 0 0 0 .58-.128 1.01 1.01 0 0 0 .21-1.572L13.806 3 12.42 4.5"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconValley',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconVolumeMax.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.82 4.687a10 10 0 0 1 .05 14.579M16.093 7.612a6 6 0 0 1 .03 8.748m-8.642-.953 1.676 2.073c.873 1.08 1.31 1.621 1.692 1.68a1 1 0 0 0 .891-.315c.261-.286.261-.981.261-2.37v-8.95c0-1.389 0-2.083-.26-2.37a1 1 0 0 0-.892-.315c-.383.059-.82.6-1.692 1.68L7.48 8.593c-.176.219-.264.328-.373.406a1 1 0 0 1-.32.153c-.13.036-.27.036-.551.036H4.813c-.757 0-1.135 0-1.44.1A2 2 0 0 0 2.1 10.56C2 10.866 2 11.244 2 12s0 1.134.1 1.44a2 2 0 0 0 1.273 1.272c.305.1.683.1 1.44.1h1.423c.28 0 .42 0 .55.036a1 1 0 0 1 .32.153c.11.078.198.188.374.406"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconVolumeMax',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconVolumeMin.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.41 8.343a5 5 0 0 1 .025 7.29m-8.955-.226 1.676 2.073c.873 1.08 1.31 1.62 1.692 1.68a1 1 0 0 0 .891-.316c.261-.286.261-.98.261-2.37V7.525c0-1.39 0-2.084-.26-2.37a1 1 0 0 0-.892-.315c-.383.059-.82.599-1.692 1.68L7.48 8.593c-.176.218-.264.327-.373.406a1 1 0 0 1-.32.153c-.13.035-.27.035-.551.035H4.813c-.757 0-1.135 0-1.44.101A2 2 0 0 0 2.1 10.56C2 10.865 2 11.243 2 12s0 1.134.1 1.44a2 2 0 0 0 1.273 1.271c.305.101.683.101 1.44.101h1.423c.28 0 .42 0 .55.036a1 1 0 0 1 .32.152c.11.079.198.188.374.406"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconVolumeMin',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconVolumeMinus.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 12h6M7.48 15.406l1.676 2.074c.873 1.08 1.31 1.62 1.692 1.68a1 1 0 0 0 .891-.316c.261-.286.261-.98.261-2.37V7.525c0-1.39 0-2.084-.26-2.37a1 1 0 0 0-.892-.315c-.383.059-.82.599-1.692 1.68L7.48 8.593c-.176.218-.264.327-.373.406a1 1 0 0 1-.32.153c-.13.035-.27.035-.551.035H4.813c-.757 0-1.135 0-1.44.101A2 2 0 0 0 2.1 10.56C2 10.865 2 11.243 2 12s0 1.134.1 1.44a2 2 0 0 0 1.273 1.271c.305.101.683.101 1.44.101h1.423c.28 0 .42 0 .55.036a1 1 0 0 1 .32.152c.11.079.198.188.374.406"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconVolumeMinus',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconVolumeOff.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m16.172 9.171 5.656 5.657m-5.656 0 5.656-5.657M7.48 15.407l1.676 2.073c.873 1.08 1.31 1.62 1.692 1.68a1 1 0 0 0 .891-.316c.261-.286.261-.98.261-2.37V7.525c0-1.39 0-2.084-.26-2.37a1 1 0 0 0-.892-.315c-.383.059-.82.599-1.692 1.68L7.48 8.593c-.176.218-.264.327-.373.406a1 1 0 0 1-.32.153c-.13.035-.27.035-.551.035H4.813c-.757 0-1.135 0-1.44.101A2 2 0 0 0 2.1 10.56C2 10.865 2 11.243 2 12s0 1.134.1 1.44a2 2 0 0 0 1.273 1.271c.305.101.683.101 1.44.101h1.423c.28 0 .42 0 .55.036a1 1 0 0 1 .32.152c.11.079.198.188.374.406"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconVolumeOff',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconVolumeOff02.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 9.187H8.813c-.757 0-1.135 0-1.44.101A2 2 0 0 0 6.1 10.56C6 10.865 6 11.243 6 12s0 1.134.1 1.44a2 2 0 0 0 1.273 1.271c.305.101.683.101 1.44.101h1.423c.28 0 .42 0 .55.036a1 1 0 0 1 .32.153c.11.078.198.187.374.406l1.675 2.073c.874 1.08 1.31 1.62 1.693 1.68a1 1 0 0 0 .891-.316c.261-.286.261-.98.261-2.37V15m0-4.5V6.977c0-.936 0-1.404-.122-1.628a1 1 0 0 0-1.26-.445c-.235.097-.53.461-1.118 1.19l-.625.773M6 5l14 14"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconVolumeOff02',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconVolumePlus.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 12h6m-3 3V9M7.48 15.406l1.676 2.074c.873 1.08 1.31 1.62 1.692 1.68a1 1 0 0 0 .891-.316c.261-.286.261-.98.261-2.37V7.525c0-1.39 0-2.084-.26-2.37a1 1 0 0 0-.892-.315c-.383.059-.82.599-1.692 1.68L7.48 8.593c-.176.218-.264.327-.373.406a1 1 0 0 1-.32.153c-.13.035-.27.035-.551.035H4.813c-.757 0-1.135 0-1.44.101A2 2 0 0 0 2.1 10.56C2 10.865 2 11.243 2 12s0 1.134.1 1.44a2 2 0 0 0 1.273 1.271c.305.101.683.101 1.44.101h1.423c.28 0 .42 0 .55.036a1 1 0 0 1 .32.152c.11.079.198.188.374.406"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconVolumePlus',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconWarning.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v8m.05 4v.1h-.1V18z"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconWarning',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconWaterDrop.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="#08261F" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M16 13.385a4.68 4.68 0 0 1-1.318 3.263c-.479.492-1.055.861-1.682 1.088m6-4.044C19 7.115 12 2 12 2S5 7.115 5 13.692c0 1.938.737 3.797 2.05 5.168S10.144 21 12 21s3.637-.77 4.95-2.14S19 15.63 19 13.691"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconWaterDrop',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconWavy.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m18.92 17.158.128-1.599a1.92 1.92 0 0 1 .453-1.092l1.04-1.222a1.92 1.92 0 0 0 0-2.491L19.5 9.533a1.92 1.92 0 0 1-.454-1.093l-.127-1.6a1.92 1.92 0 0 0-1.762-1.761l-1.599-.128a1.9 1.9 0 0 1-1.092-.452l-1.221-1.04a1.92 1.92 0 0 0-2.492 0l-1.221 1.04c-.308.262-.69.42-1.093.453l-1.6.128m12.08 12.079a1.92 1.92 0 0 1-1.76 1.762m-.001-.001-1.6.127a1.92 1.92 0 0 0-1.092.453l-1.221 1.04a1.92 1.92 0 0 1-2.492 0l-1.22-1.04a1.92 1.92 0 0 0-1.094-.452l-1.6-.128m.002 0A1.92 1.92 0 0 1 5.08 17.16l-.128-1.6a1.92 1.92 0 0 0-.453-1.092l-1.04-1.221a1.92 1.92 0 0 1 0-2.492l1.04-1.221c.263-.308.42-.69.452-1.093l.128-1.6m.001.002A1.92 1.92 0 0 1 6.842 5.08"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconWavy',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconWavyCheck.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 10-4 4-2-2m4.246-8.541 1.221 1.04c.308.262.69.42 1.092.453l1.6.128a1.92 1.92 0 0 1 1.761 1.76l.127 1.6c.033.403.192.786.454 1.093l1.04 1.22a1.92 1.92 0 0 1 0 2.492l-1.04 1.221c-.262.308-.421.69-.453 1.093l-.128 1.6a1.92 1.92 0 0 1-1.76 1.761l-1.6.128a1.92 1.92 0 0 0-1.093.452l-1.221 1.04a1.92 1.92 0 0 1-2.492 0l-1.22-1.04a1.92 1.92 0 0 0-1.094-.452l-1.6-.128a1.92 1.92 0 0 1-1.76-1.762l-.128-1.599a1.92 1.92 0 0 0-.453-1.092l-1.04-1.222a1.92 1.92 0 0 1 0-2.49l1.04-1.222c.263-.308.42-.69.452-1.093l.128-1.599A1.92 1.92 0 0 1 6.842 5.08l1.598-.127a1.92 1.92 0 0 0 1.093-.453l1.221-1.04a1.92 1.92 0 0 1 2.492 0"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconWavyCheck',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconWavyHelp.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.146 9.073a2.999 2.999 0 0 1 5.844.691A3 3 0 0 1 12 13v1m.05 3v.1h-.1V17zm1.196-13.541 1.221 1.04c.308.262.69.42 1.092.453l1.6.128a1.92 1.92 0 0 1 1.761 1.76l.127 1.6c.033.403.192.786.454 1.093l1.04 1.22a1.92 1.92 0 0 1 0 2.492l-1.04 1.221c-.262.308-.421.69-.453 1.093l-.128 1.6a1.92 1.92 0 0 1-1.76 1.761l-1.6.128a1.92 1.92 0 0 0-1.093.452l-1.221 1.04a1.92 1.92 0 0 1-2.492 0l-1.22-1.04a1.92 1.92 0 0 0-1.094-.452l-1.6-.128a1.92 1.92 0 0 1-1.76-1.762l-.128-1.599a1.92 1.92 0 0 0-.453-1.092l-1.04-1.222a1.92 1.92 0 0 1 0-2.49l1.04-1.222c.263-.308.42-.69.452-1.093l.128-1.599A1.92 1.92 0 0 1 6.842 5.08l1.598-.127a1.92 1.92 0 0 0 1.093-.453l1.221-1.04a1.92 1.92 0 0 1 2.492 0"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconWavyHelp',
+  components: { IconBase }
+})
+</script>