cool-vue-icons 1.0.0

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "cool-vue-icons",
+  "version": "1.0.0",
+  "description": "Biblioteca de iconos como componentes Vue (Vue 3 + TypeScript). Iconos basados en coolicons por Kryston Schwarze.",
+  "main": "dist/index.umd.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.umd.js"
+    },
+    "./*": "./src/icons/*.vue"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "scripts": {
+    "generate:icons": "node ./scripts/generate-icons.js",
+    "dev": "vite",
+    "build": "npm run generate:icons && vite build",
+    "test": "vitest",
+    "lint": "eslint --ext .ts,.vue src",
+    "prepare": "npm run build"
+  },
+  "keywords": [
+    "vue",
+    "icons",
+    "vue3",
+    "components"
+  ],
+  "author": "josebrusa <josebrusa@outlook.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/josebrusa/icons-cool-vue.git"
+  },
+  "homepage": "https://github.com/josebrusa/icons-cool-vue#readme",
+  "bugs": {
+    "url": "https://github.com/josebrusa/icons-cool-vue/issues"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@vitejs/plugin-vue": "^6.0.0",
+    "eslint": "^8.57.1",
+    "eslint-plugin-vue": "^9.30.0",
+    "svgo": "^3.3.2",
+    "typescript": "^5.4.0",
+    "vite": "^7.0.0",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^3.2.0",
+    "vue": "^3.4.0"
+  },
+  "peerDependencies": {
+    "vue": "^3.2.0"
+  }
+}

package/src/components/IconBase.vue

@@ -0,0 +1,41 @@
+<template>
+  <svg
+    :width="size"
+    :height="size"
+    :viewBox="viewBox"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    :class="customClass"
+    v-bind="$attrs"
+    role="img"
+    :aria-hidden="ariaHidden"
+  >
+    <slot />
+  </svg>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'IconBase',
+  props: {
+    size: {
+      type: [Number, String],
+      default: 24
+    },
+    viewBox: {
+      type: String,
+      default: '0 0 24 24'
+    },
+    customClass: {
+      type: [String, Object, Array],
+      default: ''
+    },
+    ariaHidden: {
+      type: Boolean,
+      default: true
+    }
+  }
+})
+</script>

package/src/icons/IconAddColumn.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 17h3m0 0h3m-3 0v-3m0 3v3m6 1h1a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v6"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconAddColumn',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconAddMinusSquare.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h8M4 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.108.218a2 2 0 0 1 .874.874C20 5.52 20 6.08 20 7.2v9.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874c-.428.218-.986.218-2.104.218H7.197c-1.118 0-1.678 0-2.105-.218a2 2 0 0 1-.874-.874C4 18.48 4 17.92 4 16.8"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconAddMinusSquare',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconAddPlus.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 12h6m0 0h6m-6 0v6m0-6V6"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconAddPlus',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconAddPlusCircle.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h4m0 0h4m-4 0v4m0-4V8m0 13a9 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: 'IconAddPlusCircle',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconAddPlusSquare.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 12h4m0 0h4m-4 0v4m0-4V8m-8 8.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.108.218a2 2 0 0 1 .874.874C20 5.52 20 6.08 20 7.2v9.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874c-.428.218-.986.218-2.104.218H7.197c-1.118 0-1.678 0-2.105-.218a2 2 0 0 1-.874-.874C4 18.48 4 17.92 4 16.8"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconAddPlusSquare',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconAddRow.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 14v1a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2h-6m-3-3H7m0 0H4m3 0V5m0 3v3"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconAddRow',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconAddToQueue.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 9v10.4c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437C3.76 21 4.04 21 4.598 21H15m-1-8v-3m0 0V7m0 3h-3m3 0h3M7 13.8V6.2c0-1.12 0-1.68.218-2.108.192-.377.497-.682.874-.874C8.52 3 9.08 3 10.2 3h7.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C21 4.52 21 5.08 21 6.2v7.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874c-.428.218-.986.218-2.104.218h-7.607c-1.118 0-1.678 0-2.105-.218a2 2 0 0 1-.874-.874C7 15.48 7 14.92 7 13.8"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconAddToQueue',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconAgricultural.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="#08261F" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2" d="M3 21 15.6 8.4M4.323 12.477 5.7 11.1l1.377 1.377a3.15 3.15 0 0 1 0 4.446L5.7 18.3l-1.377-1.377a3.15 3.15 0 0 1 0-4.446M7.923 8.877 9.3 7.5l1.377 1.377a3.15 3.15 0 0 1 0 4.446L9.3 14.7l-1.377-1.377a3.15 3.15 0 0 1 0-4.446M11.523 5.277 12.9 3.9l1.377 1.377a3.15 3.15 0 0 1 0 4.446L12.9 11.1l-1.377-1.377a3.15 3.15 0 0 1 0-4.446M19.2 3H21v1.8a3.6 3.6 0 0 1-3.6 3.6h-1.8V6.6A3.6 3.6 0 0 1 19.2 3"/><path stroke="#08261F" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.2" d="M11.523 16.923 12.9 18.3l-1.377 1.377a3.15 3.15 0 0 1-4.446 0L5.7 18.3l1.377-1.377a3.15 3.15 0 0 1 4.446 0M15.123 13.323 16.5 14.7l-1.377 1.377a3.15 3.15 0 0 1-4.446 0L9.3 14.7l1.377-1.377a3.15 3.15 0 0 1 4.446 0M18.723 9.723 20.1 11.1l-1.377 1.377a3.15 3.15 0 0 1-4.446 0L12.9 11.1l1.377-1.377a3.15 3.15 0 0 1 4.446 0"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconAgricultural',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconAirplay.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6.25 17h-.053c-1.118 0-1.678 0-2.105-.218a2 2 0 0 1-.874-.875C3 15.48 3 14.92 3 13.8V8.2c0-1.12 0-1.68.218-2.108.192-.377.497-.682.874-.874C4.52 5 5.08 5 6.2 5h11.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-.874.875C19.48 17 18.92 17 17.803 17h-.05M16 20H8l4-5z"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconAirplay',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconAlarm.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 7v5h5m4.004-7.429L17.939 2M6.064 2 3 4.571M12 20a8 8 0 1 1 0-16 8 8 0 0 1 0 16"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconAlarm',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconArchive.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6.6 9h10.8M6.6 9c-.56 0-.84 0-1.054.109a1 1 0 0 0-.437.437c-.11.214-.11.494-.11 1.054v5.2c0 1.12 0 1.68.219 2.108a2 2 0 0 0 .874.874c.427.218.987.218 2.105.218h7.606c1.117 0 1.676 0 2.104-.218.376-.192.683-.498.875-.874.218-.427.218-.986.218-2.104V10.59c0-.554 0-.832-.109-1.045a1 1 0 0 0-.437-.437C18.24 9 17.96 9 17.4 9M6.6 9H4.975c-.849 0-1.273 0-1.514-.148a1 1 0 0 1-.472-.938c.024-.282.277-.623.783-1.307.147-.197.22-.296.31-.372.119-.1.26-.172.413-.208C4.609 6 4.73 6 4.977 6h14.045c.246 0 .368 0 .482.027.152.036.294.108.414.208.09.076.163.174.31.372.506.683.759 1.025.783 1.307a1 1 0 0 1-.472.938C20.298 9 19.872 9 19.023 9H17.4M10 14h4"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconArchive',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconArrowCircleDown.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 13 3 3m0 0 3-3m-3 3V8m9 4a9 9 0 1 0-18 0 9 9 0 0 0 18 0"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconArrowCircleDown',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconArrowCircleDownLeft.vue

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

package/src/icons/IconArrowCircleDownRight.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 15h4m0 0v-4m0 4L9 9m12 3a9 9 0 1 0-18 0 9 9 0 0 0 18 0"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconArrowCircleDownRight',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconArrowCircleLeft.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m11 9-3 3m0 0 3 3m-3-3h8m5 0a9 9 0 1 0-18 0 9 9 0 0 0 18 0"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconArrowCircleLeft',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconArrowCircleRight.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m13 15 3-3m0 0-3-3m3 3H8m13 0a9 9 0 1 0-18 0 9 9 0 0 0 18 0"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconArrowCircleRight',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconArrowCircleUp.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 11-3-3m0 0-3 3m3-3v8m9-4a9 9 0 1 0-18 0 9 9 0 0 0 18 0"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconArrowCircleUp',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconArrowCircleUpLeft.vue

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

package/src/icons/IconArrowCircleUpRight.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 13V9m0 0h-4m4 0-6 6m12-3a9 9 0 1 0-18 0 9 9 0 0 0 18 0"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconArrowCircleUpRight',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconArrowDownLeftLg.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.636 18.364h7.07m-7.07 0v-7.071m0 7.07L18.364 5.637"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconArrowDownLeftLg',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconArrowDownLeftMd.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 7 7 17m0 0h8m-8 0V9"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconArrowDownLeftMd',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconArrowDownLeftSm.vue

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

package/src/icons/IconArrowDownLg.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m12 21 5-5m-5 5-5-5m5 5V3"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconArrowDownLg',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconArrowDownMd.vue

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

package/src/icons/IconArrowDownRightLg.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 18.364v-7.071m0 7.071h-7.071m7.07 0L5.637 5.636"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconArrowDownRightLg',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconArrowDownRightMd.vue

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

package/src/icons/IconArrowDownRightSm.vue

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

package/src/icons/IconArrowDownSm.vue

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

package/src/icons/IconArrowDownUp.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m11 16-3 3m0 0-3-3m3 3V5m5 3 3-3m0 0 3 3m-3-3v14"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconArrowDownUp',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconArrowLeftLg.vue

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

package/src/icons/IconArrowLeftMd.vue

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

package/src/icons/IconArrowLeftRight.vue

@@ -0,0 +1,15 @@
+<template>
+  <IconBase>
+    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m16 13 3 3m0 0-3 3m3-3H5m3-5L5 8m0 0 3-3M5 8h14"/>
+  </IconBase>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue'
+import IconBase from '../components/IconBase.vue'
+
+export default defineComponent({
+  name: 'IconArrowLeftRight',
+  components: { IconBase }
+})
+</script>

package/src/icons/IconArrowLeftSm.vue

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