cool-vue-icons 1.0.0

package/src/icons/IconMobile.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 6.2v11.6c0 1.12 0 1.68.218 2.107.192.377.497.683.874.875.427.218.987.218 2.105.218h3.606c1.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-.874C15.48 3 14.92 3 13.8 3h-3.6c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C7 4.52 7 5.08 7 6.2"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconMobile',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconMobileButton.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 6.2v11.6c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.427.218.987.218 2.105.218h3.606c1.118 0 1.677 0 2.104-.218.377-.192.683-.498.875-.874.218-.428.218-.986.218-2.104V6.197c0-1.118 0-1.678-.218-2.105a2 2 0 0 0-.875-.874C15.48 3 14.92 3 13.8 3h-3.6c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C7 4.52 7 5.08 7 6.2"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconMobileButton',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconMonitor.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 20H9m-5-6.2V8.2c0-1.12 0-1.68.218-2.108.192-.377.497-.682.874-.874C5.52 5 6.08 5 7.2 5h9.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.218H7.197c-1.118 0-1.678 0-2.105-.218a2 2 0 0 1-.874-.875C4 15.48 4 14.92 4 13.8"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconMonitor',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconMonitorPlay.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 20H9m-5-6.2V8.2c0-1.12 0-1.68.218-2.108.192-.377.497-.682.874-.874C5.52 5 6.08 5 7.2 5h9.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.218H7.197c-1.118 0-1.678 0-2.105-.218a2 2 0 0 1-.874-.875C4 15.48 4 14.92 4 13.8M14.5 11 10 8v6z"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconMonitorPlay',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconMoon.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="#08261F" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 6a9 9 0 0 0 9 9c.91 0 1.787-.134 2.614-.385A9 9 0 0 1 12 21 9 9 0 0 1 9.386 3.386 9 9 0 0 0 9 6"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconMoon',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconMoreGridBig.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M17 18a1 1 0 1 0 2 0 1 1 0 0 0-2 0M11 18a1 1 0 1 0 2 0 1 1 0 0 0-2 0M5 18a1 1 0 1 0 2 0 1 1 0 0 0-2 0M17 12a1 1 0 1 0 2 0 1 1 0 0 0-2 0M11 12a1 1 0 1 0 2 0 1 1 0 0 0-2 0M5 12a1 1 0 1 0 2 0 1 1 0 0 0-2 0M17 6a1 1 0 1 0 2 0 1 1 0 0 0-2 0M11 6a1 1 0 1 0 2 0 1 1 0 0 0-2 0M5 6a1 1 0 1 0 2 0 1 1 0 0 0-2 0"/></g>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconMoreGridBig',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconMoreGridSmall.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M14 15a1 1 0 1 0 2 0 1 1 0 0 0-2 0M8 15a1 1 0 1 0 2 0 1 1 0 0 0-2 0M14 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0M8 9a1 1 0 1 0 2 0 1 1 0 0 0-2 0"/></g>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconMoreGridSmall',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconMoreHorizontal.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M17 12a1 1 0 1 0 2 0 1 1 0 0 0-2 0M11 12a1 1 0 1 0 2 0 1 1 0 0 0-2 0M5 12a1 1 0 1 0 2 0 1 1 0 0 0-2 0"/></g>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconMoreHorizontal',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconMoreVertical.vue

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

package/src/icons/IconMountain.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path fill="#08261F" d="M18.653 8.667a3.33 3.33 0 0 1-3.33-3.334A3.334 3.334 0 0 1 18.652 2a3.33 3.33 0 0 1 3.331 3.333 3.334 3.334 0 0 1-3.33 3.334m0-5a1.665 1.665 0 0 0-1.177 2.845 1.665 1.665 0 1 0 2.355-2.357 1.67 1.67 0 0 0-1.178-.488M19.863 22h-7.381a2.12 2.12 0 0 1-2.139-2.076 2.05 2.05 0 0 1 .265-1.033l3.694-6.633a2.167 2.167 0 0 1 2.955-.791c.329.19.602.463.792.791l3.686 6.628a2.06 2.06 0 0 1-.024 2.062A2.12 2.12 0 0 1 19.862 22m-3.689-9.167a.47.47 0 0 0-.416.236l-3.694 6.633a.4.4 0 0 0 .005.404.47.47 0 0 0 .416.227h7.38a.47.47 0 0 0 .417-.229.4.4 0 0 0 0-.407l-3.69-6.627a.47.47 0 0 0-.418-.237M8.66 21.167a.834.834 0 0 0-.833-.834h-3.04a1.123 1.123 0 0 1-.985-1.661l5.54-10.25a1.11 1.11 0 0 1 .983-.589 1.1 1.1 0 0 1 .986.589l1.021 1.889a.834.834 0 1 0 1.466-.794l-1.02-1.888a2.785 2.785 0 0 0-4.902 0l-5.54 10.25A2.794 2.794 0 0 0 4.788 22h3.04a.83.83 0 0 0 .832-.832"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconMountain',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconMouse.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10V7m6 2v6a6 6 0 0 1-12 0V9a6 6 0 1 1 12 0"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconMouse',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconMove.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 21v-9m0 9 3-3m-3 3-3-3m3-6V3m0 9H3m9 0h9m-9-9L9 6m3-3 3 3M3 12l3 3m-3-3 3-3m15 3-3-3m3 3-3 3"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconMove',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconMoveHorizontal.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12h18M3 12l3 3m-3-3 3-3m15 3-3-3m3 3-3 3"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconMoveHorizontal',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconMoveVertical.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 21V3m0 18 3-3m-3 3-3-3m3-15L9 6m3-3 3 3"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconMoveVertical',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconMovingDesk.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 12v3m0-3h1.803c1.118 0 1.677 0 2.104-.218.377-.191.683-.498.875-.875C21 10.48 21 9.921 21 8.803v-.606c0-1.118 0-1.678-.218-2.105a2 2 0 0 0-.875-.874C19.48 5 18.92 5 17.8 5h-3.6c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C11 6.52 11 7.08 11 8.2v.6c0 1.12 0 1.68.218 2.107.192.377.498.684.874.875.427.218.987.218 2.105.218zm-9-2-2 2-2-2m0-3 2-2 2 2M3 21v-1.8c0-1.12 0-1.68.218-2.108.192-.377.497-.682.874-.874C4.52 16 5.08 16 6.2 16h11.6c1.12 0 1.68 0 2.107.218.377.192.683.497.875.874.218.427.218.987.218 2.105V21"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconMovingDesk',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconMusic.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path fill="#030712" d="M20.795 2.77a3.32 3.32 0 0 0-2.743-.712L10.4 3.493A4.17 4.17 0 0 0 7 7.588v8.209a3.3 3.3 0 0 0-1.667-.464 3.333 3.333 0 1 0 3.334 3.334v-7.604a1.67 1.67 0 0 1 1.36-1.638l9.319-1.75a.834.834 0 0 1 .987.825v4.8a3.3 3.3 0 0 0-1.666-.467A3.333 3.333 0 1 0 22 16.167V5.333a3.32 3.32 0 0 0-1.205-2.564M5.333 20.332a1.667 1.667 0 1 1 0-3.334 1.667 1.667 0 0 1 0 3.334M19.04 6.04 9.72 7.787c-.37.07-.726.203-1.052.393v-.592a2.5 2.5 0 0 1 2.039-2.457l7.654-1.435a1.666 1.666 0 0 1 1.973 1.637v.82a2.46 2.46 0 0 0-1.294-.113m-.372 11.793a1.667 1.667 0 1 1 0-3.334 1.667 1.667 0 0 1 0 3.334"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconMusic',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconNavigation.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4.805 3.555 15.81 4.865c.862.265.96 1.446.153 1.85l-6.7 3.35a1 1 0 0 0-.448.447l-3.35 6.7c-.403.807-1.584.71-1.85-.153L3.555 4.804a1 1 0 0 1 1.25-1.249"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconNavigation',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconNote.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 20H7.197c-1.118 0-1.678 0-2.105-.218a2 2 0 0 1-.874-.874C4 18.48 4 17.92 4 16.8V7.2c0-1.12 0-1.68.218-2.108.192-.377.497-.682.874-.874C5.52 4 6.08 4 7.2 4h9.6c1.12 0 1.68 0 2.107.218.377.192.683.497.875.874.218.427.218.987.218 2.105V13m-7 7c.286-.003.466-.014.639-.055q.308-.075.578-.24c.202-.124.375-.296.72-.642l4.126-4.125c.346-.346.518-.52.642-.721q.165-.271.24-.579c.04-.172.051-.352.054-.638M13 20v-5.4c0-.56 0-.84.109-1.054a1 1 0 0 1 .437-.437C13.76 13 14.04 13 14.6 13H20"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconNote',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconNoteEdit.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 4H7.2c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C4 5.52 4 6.08 4 7.2v9.6c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.427.218.987.218 2.105.218h9.606c1.118 0 1.677 0 2.104-.218.377-.192.683-.498.875-.874.218-.428.218-.987.218-2.105V14m-4-9-6 6v3h3l6-6m-3-3 3-3 3 3-3 3m-3-3 3 3"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconNoteEdit',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconNoteSearch.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-3-3m-6 4H7.197c-1.118 0-1.678 0-2.105-.218a2 2 0 0 1-.874-.874C4 18.48 4 17.92 4 16.8V7.2c0-1.12 0-1.68.218-2.108.192-.377.497-.682.874-.874C5.52 4 6.08 4 7.2 4h9.6c1.12 0 1.68 0 2.107.218.377.192.683.497.875.874.218.427.218.987.218 2.105V10m-6.5 7a3.5 3.5 0 1 1 0-7 3.5 3.5 0 0 1 0 7"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconNoteSearch',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconNotebook.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 4h-.8c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C4 5.52 4 6.08 4 7.2v9.6c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874c.427.218.987.218 2.105.218H8M8 4h8.8c1.12 0 1.68 0 2.107.218.377.192.683.497.875.874.218.427.218.987.218 2.105v9.607c0 1.118 0 1.677-.218 2.104a2 2 0 0 1-.875.874c-.427.218-.986.218-2.104.218H8M8 4v16m4-9h4m-4-3h4"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconNotebook',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconOctagon.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.405 21H9.594c-.49 0-.734 0-.964-.056a2 2 0 0 1-.578-.239c-.202-.123-.374-.296-.72-.642L3.938 16.67c-.346-.346-.52-.519-.643-.72a2 2 0 0 1-.24-.579C3 15.14 3 14.895 3 14.405V9.594c0-.49 0-.734.055-.964q.075-.308.24-.578c.122-.2.293-.37.633-.71l.01-.01 3.394-3.394.01-.01c.34-.34.51-.51.71-.633q.27-.165.578-.24C8.86 3 9.105 3 9.594 3h4.811c.49 0 .735 0 .965.055.204.05.4.13.578.24.202.124.375.297.72.643l3.395 3.394c.346.346.519.518.642.72q.165.27.24.578c.055.23.055.475.055.964v4.811m0 .001c0 .49 0 .734-.056.964-.049.204-.129.4-.239.578-.123.202-.296.375-.642.72l-3.394 3.395c-.346.346-.519.519-.72.642q-.271.165-.579.24c-.23.055-.475.055-.964.055"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconOctagon',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconOctagonCheck.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-2M7.332 3.938 3.938 7.332l-.004.003c-.343.343-.516.516-.64.717q-.164.27-.239.578C3 8.86 3 9.105 3 9.594v4.812c0 .489 0 .733.055.964a2 2 0 0 0 .24.578c.124.201.297.375.643.72l3.394 3.395c.346.346.518.518.72.642q.27.165.578.24c.23.055.474.055.962.055h4.816c.487 0 .732 0 .962-.055.204-.05.4-.13.578-.24.202-.124.375-.296.72-.642l3.395-3.394c.346-.346.519-.52.642-.721q.165-.271.24-.578c.055-.23.055-.475.055-.964V9.594c0-.489 0-.733-.056-.964a2 2 0 0 0-.239-.578c-.123-.202-.296-.374-.642-.72L16.67 3.938c-.346-.346-.519-.52-.72-.643a2 2 0 0 0-.579-.24C15.14 3 14.895 3 14.405 3H9.594c-.49 0-.734 0-.964.055q-.308.075-.578.24c-.2.122-.37.293-.71.633z"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconOctagonCheck',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconOctagonHelp.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.146 9.074a2.998 2.998 0 0 1 5.28-.838A3 3 0 0 1 12 13v1m.05 3v.1h-.1V17zM7.332 3.938 3.938 7.332l-.004.003c-.343.343-.516.516-.64.717q-.164.27-.239.578C3 8.86 3 9.105 3 9.594v4.812c0 .489 0 .733.055.964a2 2 0 0 0 .24.578c.124.201.297.375.643.72l3.394 3.395c.346.346.518.518.72.642q.27.165.578.24c.23.055.474.055.962.055h4.816c.487 0 .732 0 .962-.055.204-.05.4-.13.578-.24.202-.124.375-.296.72-.642l3.395-3.394c.346-.346.519-.52.642-.721q.165-.271.24-.578c.055-.23.055-.475.055-.964V9.594c0-.489 0-.733-.056-.964a2 2 0 0 0-.239-.578c-.123-.202-.296-.374-.642-.72L16.67 3.938c-.346-.346-.519-.52-.72-.643a2 2 0 0 0-.579-.24C15.14 3 14.895 3 14.405 3H9.594c-.49 0-.734 0-.964.055q-.308.075-.578.24c-.2.122-.37.293-.71.633z"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconOctagonHelp',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconOctagonWarning.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8.45v4M7.332 3.938 3.938 7.332l-.004.003c-.343.343-.516.516-.64.717q-.164.27-.239.578C3 8.86 3 9.105 3 9.594v4.812c0 .489 0 .733.055.964a2 2 0 0 0 .24.578c.124.201.297.375.643.72l3.394 3.395c.346.346.518.518.72.642q.27.165.578.24c.23.055.474.055.962.055h4.816c.487 0 .732 0 .962-.055.204-.05.4-.13.578-.24.202-.124.375-.296.72-.642l3.395-3.394c.346-.346.519-.52.642-.721q.165-.271.24-.578c.055-.23.055-.475.055-.964V9.594c0-.489 0-.733-.056-.964a2 2 0 0 0-.239-.578c-.123-.202-.296-.374-.642-.72L16.67 3.938c-.346-.346-.519-.52-.72-.643a2 2 0 0 0-.579-.24C15.14 3 14.895 3 14.405 3H9.594c-.49 0-.734 0-.964.055q-.308.075-.578.24c-.2.122-.37.293-.71.633zM12.05 15.45v.1h-.1v-.1z"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconOctagonWarning',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconOption.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7h5.094c.33 0 .495 0 .643.047q.2.064.357.202c.117.103.202.245.372.528l5.068 8.446c.17.284.255.425.372.528q.156.137.356.202c.148.047.314.047.644.047H21M15 7h6"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconOption',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconPaperPlane.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10.308 13.692 4.846-4.846M20.11 5.89l-4.09 13.294c-.367 1.192-.55 1.788-.867 1.985a1 1 0 0 1-.912.076c-.344-.143-.624-.7-1.182-1.816l-2.59-5.182a2 2 0 0 0-.193-.342 1 1 0 0 0-.18-.181 2 2 0 0 0-.331-.186L4.572 10.94c-1.115-.558-1.673-.837-1.816-1.181a1 1 0 0 1 .076-.913c.197-.316.793-.5 1.985-.867l13.295-4.09c.937-.289 1.405-.433 1.722-.316a1 1 0 0 1 .594.594c.116.316-.028.784-.316 1.72z"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconPaperPlane',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconPaperclipAttechmentHorizontal.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 6h9.75a5.25 5.25 0 1 1 0 10.5H5.5a3.5 3.5 0 1 1 0-7h11.25a1.75 1.75 0 1 1 0 3.5H7"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconPaperclipAttechmentHorizontal',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconPaperclipAttechmentTilt.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.536 11.465 11.43 4.57a5.25 5.25 0 1 1 7.424 7.425L10.9 19.95A3.5 3.5 0 0 1 5.95 15l7.956-7.954A1.75 1.75 0 0 1 16.38 9.52l-6.895 6.894"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconPaperclipAttechmentTilt',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconParagraph.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 5v8m0-8h4m-4 0h-1a4 4 0 1 0 0 8h1m0 0v6m4-14v14m0-14h1"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconParagraph',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconPath.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.121 15.879a3 3 0 1 0-4.243 4.243 3 3 0 0 0 4.243-4.243m0 0L15.88 8.12m0 0a3 3 0 1 0 4.243-4.243 3 3 0 0 0-4.243 4.243m0 0 .004-.004"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconPath',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconPause.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M15 5.5v13c0 .465 0 .697.038.89a2 2 0 0 0 1.571 1.572c.194.038.426.038.89.038.465 0 .698 0 .892-.038a2 2 0 0 0 1.57-1.572C20 19.2 20 18.97 20 18.512V5.488c0-.457 0-.687-.038-.879a2 2 0 0 0-1.572-1.57C18.197 3 17.965 3 17.5 3s-.697 0-.89.038a2 2 0 0 0-1.572 1.571C15 4.803 15 5.035 15 5.5M4 5.5v13c0 .465 0 .697.038.89a2 2 0 0 0 1.571 1.572c.194.038.426.038.89.038.465 0 .698 0 .892-.038a2 2 0 0 0 1.57-1.572C9 19.2 9 18.97 9 18.512V5.488c0-.457 0-.687-.038-.879A2 2 0 0 0 7.39 3.04C7.197 3 6.965 3 6.5 3s-.697 0-.89.038A2 2 0 0 0 4.037 4.61C4 4.803 4 5.035 4 5.5"/></g>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconPause',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconPauseCircle.vue

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

package/src/icons/IconPhone.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.502 4.257A2 2 0 0 0 7.646 3H4.895A1.895 1.895 0 0 0 3 4.895C3 13.789 10.21 21 19.106 21A1.895 1.895 0 0 0 21 19.105v-2.751a2 2 0 0 0-1.257-1.857l-2.636-1.054a2 2 0 0 0-2.023.32l-.68.568a2 2 0 0 1-2.696-.122L9.792 12.29a2 2 0 0 1-.123-2.694l.567-.68a2 2 0 0 0 .322-2.024z"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconPhone',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconPlaceholder.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <rect x="4" y="4" width="16" height="16" stroke="currentColor" fill="none" />
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconPlaceholder',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconPlanet.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="#08261F" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.898 18.162a8 8 0 0 0 12.93-7.821m-12.93 7.82a8 8 0 1 1 12.93-7.821m-12.93 7.822c1.955-.447 4.282-1.38 6.628-2.734 2.73-1.576 4.951-3.416 6.302-5.088m-12.93 7.822c-2.43.555-4.286.362-4.898-.698-.63-1.091.196-2.867 2-4.755m15.828-2.369c1.252-1.55 1.756-2.956 1.224-3.876-.539-.933-2.043-1.195-4.052-.865"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconPlanet',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconPlay.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 17.334V6.667c0-.88 0-1.32.185-1.58a1 1 0 0 1 .687-.412c.317-.04.705.166 1.48.58l10 5.333.004.002c.857.457 1.286.686 1.427.99.122.266.122.573 0 .839-.141.305-.571.535-1.43.993l-10 5.333c-.777.414-1.164.62-1.48.58a1 1 0 0 1-.688-.412C5 18.653 5 18.213 5 17.333"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconPlay',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconPlayCircle.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M3 12a9 9 0 1 0 18 0 9 9 0 0 0-18 0"/><path d="M10 15V9l5 3z"/></g>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconPlayCircle',
+  components: { IconBase }
+})
+</script>