@modkit-org/aksel-icons-vue 1.0.0

package/src/types/Arrows/ArrowCirclepathReverseIcon.vue

@@ -0,0 +1,43 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path d="M11.4696 2.48531C11.7625 2.19243 12.2373 2.19247 12.5302 2.48531C12.8231 2.7782 12.8231 3.25296 12.5302 3.54585L9.87784 6.19722L12.5302 8.84957C12.823 9.14247 12.823 9.61725 12.5302 9.91011C12.2373 10.2028 11.7625 10.2028 11.4696 9.91011L8.29484 6.73531C7.99805 6.43852 7.99802 5.95692 8.29484 5.66011L11.4696 2.48531Z" fill="currentColor"/>
+<path d="M3.75 13.4843C3.75 13.1429 3.77108 12.8057 3.81152 12.4746C3.86186 12.0636 4.23547 11.7711 4.64648 11.8213C5.05751 11.8714 5.34979 12.2452 5.2998 12.6562C5.26671 12.9272 5.25 13.2038 5.25 13.4843C5.25 17.2123 8.27208 20.2343 12 20.2343C15.7279 20.2343 18.75 17.2123 18.75 13.4843C18.75 9.75641 15.7279 6.73434 12 6.73434C11.3803 6.73434 10.7813 6.81798 10.2129 6.97359C9.81343 7.08296 9.40046 6.84763 9.29102 6.4482C9.18165 6.04876 9.41702 5.6358 9.81641 5.52633C10.5127 5.3357 11.2452 5.23434 12 5.23434C16.5563 5.23434 20.25 8.92799 20.25 13.4843C20.25 18.0407 16.5563 21.7343 12 21.7343C7.44365 21.7343 3.75 18.0407 3.75 13.4843Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ArrowDownIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path d="M12.75 5C12.75 4.58579 12.4142 4.25 12 4.25C11.5858 4.25 11.25 4.58579 11.25 5V17.1894L8.03033 13.9697C7.73744 13.6768 7.26257 13.6768 6.96967 13.9697C6.67678 14.2626 6.67678 14.7374 6.96967 15.0303L11.4697 19.5304C11.6103 19.671 11.8011 19.75 12 19.75C12.1989 19.75 12.3897 19.671 12.5303 19.5304L17.0303 15.0303C17.3232 14.7374 17.3232 14.2626 17.0303 13.9697C16.7374 13.6768 16.2626 13.6768 15.9697 13.9697L12.75 17.1894V5Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ArrowDownRightIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path d="M4.5 3.25C4.91421 3.25 5.25 3.58579 5.25 4V10C5.25 10.6904 5.80964 11.25 6.5 11.25H17.1895L13.9697 8.03027C13.6768 7.73738 13.6768 7.26262 13.9697 6.96973C14.2626 6.67685 14.7374 6.67684 15.0303 6.96973L19.5303 11.4697C19.6709 11.6104 19.75 11.8011 19.75 12C19.75 12.1989 19.6709 12.3896 19.5303 12.5303L15.0303 17.0303C14.7374 17.3232 14.2626 17.3232 13.9697 17.0303C13.6768 16.7374 13.6768 16.2626 13.9697 15.9697L17.1895 12.75H6.5C4.98122 12.75 3.75 11.5188 3.75 10V4C3.75 3.58579 4.08579 3.25 4.5 3.25Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ArrowForwardFillIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6721 3.82546C13.9304 3.69995 14.2376 3.73288 14.4634 3.91027L21.4634 9.41027C21.6443 9.55246 21.75 9.76986 21.75 10C21.75 10.2302 21.6443 10.4476 21.4634 10.5897L14.4634 16.0897C14.2376 16.2671 13.9304 16.3001 13.6721 16.1746C13.4139 16.049 13.25 15.7871 13.25 15.5V12.7758C12.2638 12.8446 11.3918 13.0477 10.6206 13.341C8.33572 14.2101 6.86142 15.9026 5.94891 17.4184C5.49417 18.1737 5.18606 18.8739 4.99237 19.3834C4.89571 19.6376 4.82808 19.8429 4.78528 19.9821C4.76389 20.0516 4.74874 20.1045 4.7393 20.1386C4.73458 20.1556 4.73129 20.1679 4.72936 20.1752L4.72761 20.1819C4.63555 20.5491 4.28413 20.7906 3.90836 20.7444C3.53242 20.6981 3.25 20.3788 3.25 20C3.25 18.3457 3.57247 16.0586 4.47449 13.877C5.37732 11.6935 6.88705 9.55691 9.29669 8.31937C10.4295 7.73759 11.7416 7.36533 13.25 7.27271V4.50001C13.25 4.21289 13.4139 3.95097 13.6721 3.82546Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ArrowForwardIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6721 3.82546C13.9304 3.69995 14.2376 3.73288 14.4634 3.91027L21.4634 9.41027C21.6443 9.55246 21.75 9.76986 21.75 10C21.75 10.2302 21.6443 10.4476 21.4634 10.5897L14.4634 16.0897C14.2376 16.2671 13.9304 16.3001 13.6721 16.1746C13.4139 16.049 13.25 15.7871 13.25 15.5V12.7758C12.2638 12.8446 11.3918 13.0477 10.6206 13.341C8.33572 14.2101 6.86142 15.9026 5.94891 17.4184C5.49417 18.1737 5.18606 18.8739 4.99237 19.3834C4.89571 19.6376 4.82808 19.8429 4.78528 19.9821C4.76389 20.0516 4.74874 20.1045 4.7393 20.1386C4.73458 20.1556 4.73129 20.1679 4.72936 20.1752L4.72761 20.1819L4.72748 20.1824C4.63543 20.5496 4.28413 20.7906 3.90836 20.7444C3.53242 20.6981 3.25 20.3788 3.25 20C3.25 18.3457 3.57247 16.0586 4.47449 13.877C5.37732 11.6935 6.88705 9.55691 9.29669 8.31937C10.4295 7.73759 11.7416 7.36533 13.25 7.27271V4.50001C13.25 4.21289 13.4139 3.95097 13.6721 3.82546ZM5.50535 15.4117C6.54306 14.0679 8.02361 12.724 10.0873 11.939C11.2229 11.5071 12.5218 11.25 14 11.25C14.4142 11.25 14.75 11.5858 14.75 12V13.9569L19.7861 10L14.75 6.0431V8.00001C14.75 8.41422 14.4142 8.75001 14 8.75001C12.3944 8.75001 11.0726 9.09357 9.98196 9.65369C7.98604 10.6788 6.67611 12.478 5.86067 14.4502C5.72896 14.7687 5.61084 15.0902 5.50535 15.4117Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ArrowLeftIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path d="M8.96973 6.96966C9.26262 6.67678 9.73738 6.67678 10.0303 6.96966C10.3232 7.26256 10.3232 7.73732 10.0303 8.03021L6.81055 11.2499H19C19.4142 11.2499 19.75 11.5857 19.75 11.9999C19.75 12.4142 19.4142 12.7499 19 12.7499H6.81055L10.0303 15.9697C10.3232 16.2626 10.3232 16.7373 10.0303 17.0302C9.73738 17.3231 9.26262 17.3231 8.96973 17.0302L4.46973 12.5302C4.32907 12.3896 4.25 12.1989 4.25 11.9999C4.25 11.801 4.32907 11.6103 4.46973 11.4697L8.96973 6.96966Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ArrowRedoIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path d="M14.9697 3.9697C15.2626 3.67681 15.7374 3.67681 16.0303 3.9697L20.5303 8.4697C20.6709 8.61035 20.75 8.80106 20.75 8.99997C20.75 9.19888 20.6709 9.38959 20.5303 9.53024L16.0303 14.0302C15.7374 14.3231 15.2626 14.3231 14.9697 14.0302C14.6768 13.7373 14.6768 13.2626 14.9697 12.9697L18.1895 9.74997H8C5.65279 9.74997 3.75 11.6528 3.75 14C3.75002 16.3472 5.6528 18.25 8 18.25H9.5C9.91421 18.25 10.25 18.5858 10.25 19C10.25 19.4142 9.9142 19.75 9.5 19.75H8C4.82437 19.75 2.25002 17.1756 2.25 14C2.25 10.8243 4.82436 8.24997 8 8.24997H18.1895L14.9697 5.03024C14.6768 4.73735 14.6768 4.26259 14.9697 3.9697Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ArrowRightIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path d="M14.0878 6.87338C14.3788 6.68148 14.774 6.7139 15.0302 6.97006L19.5302 11.4701C19.6707 11.6107 19.7499 11.8015 19.7499 12.0003C19.7498 12.1991 19.6707 12.39 19.5302 12.5306L15.0302 17.0306C14.7739 17.2866 14.3788 17.3183 14.0878 17.1263C14.0462 17.0989 14.0062 17.0672 13.9696 17.0306C13.7133 16.7743 13.6817 16.3784 13.8739 16.0873C13.9013 16.0458 13.9331 16.0066 13.9696 15.9701L17.1893 12.7503H4.99988C4.58909 12.7503 4.25528 12.4196 4.24988 12.0101C4.24984 12.007 4.24988 12.0035 4.24988 12.0003C4.24988 11.5862 4.58572 11.2504 4.99988 11.2503H17.1893L13.9696 8.03061C13.7133 7.77433 13.6817 7.37837 13.8739 7.08725C13.9013 7.04583 13.9331 7.00655 13.9696 6.97006C14.0062 6.93345 14.0462 6.90084 14.0878 6.87338Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ArrowRightLeftIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path d="M16.4695 11.0304C16.7624 11.3233 17.2371 11.3233 17.53 11.0304L21.03 7.53042C21.1707 7.38977 21.2498 7.19906 21.2498 7.00015C21.2498 6.80124 21.1707 6.61053 21.03 6.46988L17.53 2.96988C17.2371 2.67698 16.7624 2.67698 16.4695 2.96988C16.1766 3.26277 16.1766 3.73753 16.4695 4.03042L18.6892 6.25015L9.49976 6.25015C9.08555 6.25015 8.74976 6.58593 8.74976 7.00015C8.74976 7.41436 9.08555 7.75015 9.49976 7.75015L18.6892 7.75015L16.4695 9.96988C16.1766 10.2628 16.1766 10.7375 16.4695 11.0304ZM6.46949 21.0304C6.76238 21.3233 7.23714 21.3233 7.53003 21.0304C7.82293 20.7375 7.82293 20.2628 7.53003 19.9699L5.31031 17.7501H14.4998C14.914 17.7501 15.2498 17.4144 15.2498 17.0001C15.2498 16.5859 14.914 16.2501 14.4998 16.2501H5.31031L7.53003 14.0304C7.82293 13.7375 7.82293 13.2628 7.53003 12.9699C7.23714 12.677 6.76238 12.677 6.46949 12.9699L2.96949 16.4699C2.67659 16.7628 2.67659 17.2375 2.96949 17.5304L6.46949 21.0304Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ArrowUndoIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path d="M9.03033 5.03036C9.32323 4.73747 9.32323 4.2626 9.03033 3.9697C8.73744 3.67681 8.26257 3.67681 7.96967 3.9697L3.46964 8.4697C3.32899 8.61035 3.24997 8.80112 3.24997 9.00003C3.24997 9.19895 3.32899 9.38971 3.46964 9.53036L7.96967 14.0304C8.26257 14.3233 8.73744 14.3233 9.03033 14.0304C9.32323 13.7375 9.32322 13.2626 9.03033 12.9697L5.81061 9.75H16C18.3472 9.75 20.25 11.6528 20.25 14C20.25 16.3472 18.3472 18.25 16 18.25H14.5C14.0858 18.25 13.75 18.5858 13.75 19C13.75 19.4142 14.0858 19.75 14.5 19.75H16C19.1756 19.75 21.75 17.1756 21.75 14C21.75 10.8244 19.1756 8.25 16 8.25H5.81067L9.03033 5.03036Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ArrowUpIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path d="M12.5303 4.46967C12.3897 4.32902 12.1989 4.25 12 4.25C11.8011 4.25 11.6103 4.32902 11.4697 4.46967L6.96967 8.96971C6.67678 9.2626 6.67678 9.73747 6.96967 10.0304C7.26257 10.3233 7.73744 10.3233 8.03033 10.0304L11.25 6.81067V19C11.25 19.4142 11.5858 19.75 12 19.75C12.4142 19.75 12.75 19.4142 12.75 19V6.81067L15.9697 10.0304C16.2626 10.3233 16.7374 10.3233 17.0303 10.0304C17.3232 9.73747 17.3232 9.2626 17.0303 8.9697L12.5303 4.46967Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ArrowsAllDirectionsIcon.vue

@@ -0,0 +1,47 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path d="M14.2629 6.19384L12 3.93096L9.73711 6.19384C9.42469 6.50626 8.91844 6.50626 8.60602 6.19384C8.2936 5.88142 8.2936 5.37516 8.60602 5.06274L11.4344 2.23431C11.7469 1.9219 12.2531 1.9219 12.5655 2.23431L15.394 5.06274C15.7064 5.37516 15.7064 5.88142 15.394 6.19384C15.0815 6.50626 14.5753 6.50626 14.2629 6.19384Z" fill="currentColor"/>
+<path d="M17.8062 14.2629L20.069 12L17.8062 9.73712C17.4937 9.4247 17.4937 8.91845 17.8062 8.60603C18.1186 8.29361 18.6248 8.29361 18.9373 8.60603L21.7657 11.4345C22.0781 11.7469 22.0781 12.2531 21.7657 12.5655L18.9373 15.394C18.6248 15.7064 18.1186 15.7064 17.8062 15.394C17.4937 15.0816 17.4937 14.5753 17.8062 14.2629Z" fill="currentColor"/>
+<path d="M14.2629 17.8062L12 20.069L9.73711 17.8062C9.42469 17.4937 8.91844 17.4937 8.60602 17.8062C8.2936 18.1186 8.2936 18.6248 8.60602 18.9373L11.4344 21.7657C11.7469 22.0781 12.2531 22.0781 12.5655 21.7657L15.394 18.9373C15.7064 18.6248 15.7064 18.1186 15.394 17.8062C15.0815 17.4937 14.5753 17.4937 14.2629 17.8062Z" fill="currentColor"/>
+<path d="M6.19384 14.2629L3.93096 12L6.19384 9.73712C6.50626 9.4247 6.50626 8.91845 6.19384 8.60603C5.88142 8.29361 5.37516 8.29361 5.06274 8.60603L2.23431 11.4345C1.9219 11.7469 1.9219 12.2531 2.23431 12.5655L5.06274 15.394C5.37516 15.7064 5.88142 15.7064 6.19384 15.394C6.50626 15.0816 6.50626 14.5753 6.19384 14.2629Z" fill="currentColor"/>
+<path d="M12.75 19.6331C12.75 20.0473 12.4142 20.3831 12 20.3831C11.5858 20.3831 11.25 20.0473 11.25 19.6331V3.63306C11.25 3.21884 11.5858 2.88306 12 2.88306C12.4142 2.88306 12.75 3.21884 12.75 3.63306V19.6331Z" fill="currentColor"/>
+<path d="M4.36694 12.75C3.95273 12.75 3.61694 12.4142 3.61694 12C3.61694 11.5858 3.95273 11.25 4.36694 11.25L20.3669 11.25C20.7812 11.25 21.1169 11.5858 21.1169 12C21.1169 12.4142 20.7812 12.75 20.3669 12.75L4.36694 12.75Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ArrowsCirclepathIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path d="M3 11.25C3.41421 11.25 3.75 11.5858 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C14.7869 20.25 17.2516 18.8685 18.7461 16.75H16C15.5858 16.75 15.25 16.4142 15.25 16C15.25 15.5858 15.5858 15.25 16 15.25H20.5C20.9142 15.25 21.25 15.5858 21.25 16V20.5C21.25 20.9142 20.9142 21.25 20.5 21.25C20.0858 21.25 19.75 20.9142 19.75 20.5V17.917C17.9693 20.2459 15.1605 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12C2.25 11.5858 2.58579 11.25 3 11.25ZM12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 12.4142 21.4142 12.75 21 12.75C20.5858 12.7499 20.25 12.4142 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75C9.21309 3.75003 6.7483 5.13159 5.25391 7.25H8C8.41421 7.25 8.75 7.58579 8.75 8C8.75 8.41421 8.41421 8.75 8 8.75H3.5C3.08579 8.75 2.75 8.41421 2.75 8V3.5C2.75 3.08579 3.08579 2.75 3.5 2.75C3.91421 2.75 4.25 3.08579 4.25 3.5V6.08301C6.03078 3.75406 8.83952 2.25003 12 2.25Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ArrowsSquarepathIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path d="M4 11.75C4.41421 11.75 4.75 12.0858 4.75 12.5V14C4.75002 15.7949 6.20509 17.25 8 17.25H16.1895L14.9697 16.0302C14.6768 15.7374 14.6769 15.2626 14.9697 14.9697C15.2626 14.6768 15.7374 14.6768 16.0303 14.9697L18.5303 17.4697C18.8232 17.7626 18.8232 18.2374 18.5303 18.5302L16.0303 21.0302C15.7374 21.3231 15.2626 21.3231 14.9697 21.0302C14.6768 20.7374 14.6768 20.2626 14.9697 19.9697L16.1895 18.75H8C5.37666 18.75 3.25002 16.6233 3.25 14V12.5C3.25 12.0858 3.58579 11.75 4 11.75ZM7.96973 2.9697C8.26262 2.67681 8.73738 2.67681 9.03027 2.9697C9.32316 3.26259 9.32317 3.73735 9.03027 4.03024L7.81055 5.24997H16C18.6234 5.24997 20.75 7.37662 20.75 9.99997V11.5C20.75 11.9142 20.4142 12.25 20 12.25C19.5858 12.25 19.25 11.9142 19.25 11.5V9.99997C19.25 8.20504 17.7949 6.74997 16 6.74997H7.81055L9.03027 7.9697C9.32317 8.26259 9.32316 8.73735 9.03027 9.03024C8.73738 9.32314 8.26262 9.32313 7.96973 9.03024L5.46973 6.53024C5.32907 6.38959 5.25 6.19888 5.25 5.99997C5.25 5.80106 5.32907 5.61035 5.46973 5.4697L7.96973 2.9697Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ArrowsUpDownIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4697 21.0303C16.7626 21.3232 17.2374 21.3232 17.5303 21.0303L21.0303 17.5303C21.3232 17.2374 21.3232 16.7626 21.0303 16.4697C20.7374 16.1768 20.2626 16.1768 19.9697 16.4697L17.75 18.6893L17.75 9.5C17.75 9.08579 17.4142 8.75 17 8.75C16.5858 8.75 16.25 9.08579 16.25 9.5L16.25 18.6893L14.0303 16.4697C13.7374 16.1768 13.2626 16.1768 12.9697 16.4697C12.6768 16.7626 12.6768 17.2374 12.9697 17.5303L16.4697 21.0303ZM4.03033 7.53033L6.25 5.31066L6.25 14.5C6.25 14.9142 6.58579 15.25 7 15.25C7.41421 15.25 7.75 14.9142 7.75 14.5L7.75 5.31066L9.96967 7.53033C10.2626 7.82322 10.7374 7.82322 11.0303 7.53033C11.3232 7.23744 11.3232 6.76256 11.0303 6.46967L7.53033 2.96967C7.23744 2.67678 6.76256 2.67678 6.46967 2.96967L2.96967 6.46967C2.67678 6.76256 2.67678 7.23744 2.96967 7.53033C3.26256 7.82322 3.73744 7.82322 4.03033 7.53033Z" fill="currentColor"/>
+</svg>
+</template>