@modkit-org/aksel-icons-vue 1.0.0

package/src/types/Arrows/CaretUpCircleIcon.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="M3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12ZM12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM12.5303 8.96967C12.2374 8.67678 11.7626 8.67678 11.4697 8.96967L7.96966 12.4697C7.75516 12.6842 7.691 13.0068 7.80708 13.287C7.92317 13.5673 8.19664 13.75 8.49999 13.75H15.5C15.8033 13.75 16.0768 13.5673 16.1929 13.287C16.309 13.0068 16.2448 12.6842 16.0303 12.4697L12.5303 8.96967ZM12 10.5607L13.6893 12.25H10.3107L12 10.5607Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/CaretUpDownFillIcon.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="M12.5303 4.46967C12.2374 4.17678 11.7626 4.17678 11.4697 4.46967L7.96968 7.96967C7.75518 8.18417 7.69101 8.50676 7.8071 8.78701C7.92318 9.06727 8.19666 9.25 8.50001 9.25H15.5C15.8034 9.25 16.0768 9.06727 16.1929 8.78701C16.309 8.50676 16.2448 8.18417 16.0303 7.96967L12.5303 4.46967ZM8.50001 14.75C8.19666 14.75 7.92318 14.9327 7.8071 15.213C7.69101 15.4932 7.75518 15.8158 7.96968 16.0303L11.4697 19.5303C11.7626 19.8232 12.2374 19.8232 12.5303 19.5303L16.0303 16.0303C16.2448 15.8158 16.309 15.4932 16.1929 15.213C16.0768 14.9327 15.8034 14.75 15.5 14.75H8.50001Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/CaretUpDownFilledDownIcon.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="M12.5303 4.46967C12.2374 4.17678 11.7626 4.17678 11.4697 4.46967L7.96966 7.96967C7.75516 8.18417 7.691 8.50676 7.80708 8.78701C7.92317 9.06727 8.19664 9.25 8.49999 9.25H15.5C15.8033 9.25 16.0768 9.06727 16.1929 8.78701C16.309 8.50676 16.2448 8.18417 16.0303 7.96967L12.5303 4.46967ZM12 6.06066L13.6893 7.75H10.3107L12 6.06066ZM8.49999 14.75C8.19664 14.75 7.92317 14.9327 7.80708 15.213C7.691 15.4932 7.75516 15.8158 7.96966 16.0303L11.4697 19.5303C11.7626 19.8232 12.2374 19.8232 12.5303 19.5303L16.0303 16.0303C16.2448 15.8158 16.309 15.4932 16.1929 15.213C16.0768 14.9327 15.8033 14.75 15.5 14.75H8.49999Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/CaretUpDownFilledUpIcon.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="M12.5303 4.46967C12.2374 4.17678 11.7626 4.17678 11.4697 4.46967L7.96966 7.96967C7.75516 8.18417 7.691 8.50676 7.80708 8.78701C7.92317 9.06727 8.19664 9.25 8.49999 9.25H15.5C15.8033 9.25 16.0768 9.06727 16.1929 8.78701C16.309 8.50676 16.2448 8.18417 16.0303 7.96967L12.5303 4.46967ZM8.49999 14.75C8.19664 14.75 7.92317 14.9327 7.80708 15.213C7.691 15.4932 7.75516 15.8158 7.96966 16.0303L11.4697 19.5303C11.7626 19.8232 12.2374 19.8232 12.5303 19.5303L16.0303 16.0303C16.2448 15.8158 16.309 15.4932 16.1929 15.213C16.0768 14.9327 15.8033 14.75 15.5 14.75H8.49999ZM12 17.9393L10.3107 16.25H13.6893L12 17.9393Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/CaretUpDownIcon.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="M12.5303 4.46967C12.2374 4.17678 11.7626 4.17678 11.4697 4.46967L7.96968 7.96967C7.75518 8.18417 7.69101 8.50676 7.8071 8.78701C7.92318 9.06727 8.19666 9.25 8.50001 9.25H15.5C15.8034 9.25 16.0768 9.06727 16.1929 8.78701C16.309 8.50676 16.2448 8.18417 16.0303 7.96967L12.5303 4.46967ZM12 6.06066L13.6893 7.75H10.3107L12 6.06066ZM8.50001 14.75C8.19666 14.75 7.92318 14.9327 7.8071 15.213C7.69101 15.4932 7.75518 15.8158 7.96968 16.0303L11.4697 19.5303C11.7626 19.8232 12.2374 19.8232 12.5303 19.5303L16.0303 16.0303C16.2448 15.8158 16.309 15.4932 16.1929 15.213C16.0768 14.9327 15.8034 14.75 15.5 14.75H8.50001ZM12 17.9393L10.3107 16.25H13.6893L12 17.9393Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/CaretUpFillIcon.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="M11.4697 7.96967C11.7626 7.67678 12.2374 7.67678 12.5303 7.96967L18.0303 13.4697C18.2448 13.6842 18.309 14.0068 18.1929 14.287C18.0768 14.5673 17.8033 14.75 17.5 14.75H6.5C6.19665 14.75 5.92318 14.5673 5.80709 14.287C5.691 14.0068 5.75517 13.6842 5.96967 13.4697L11.4697 7.96967Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/CaretUpIcon.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="M11.4697 7.96967C11.7626 7.67678 12.2375 7.67678 12.5304 7.96967L18.0304 13.4697C18.2449 13.6842 18.309 14.0068 18.1929 14.287C18.0768 14.5673 17.8034 14.75 17.5 14.75H6.50002C6.19668 14.75 5.9232 14.5673 5.80711 14.287C5.69103 14.0068 5.75519 13.6842 5.96969 13.4697L11.4697 7.96967ZM8.31068 13.25H15.6894L12 9.56066L8.31068 13.25Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ChevronDownCircleFillIcon.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="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM16.0303 11.5303L12.5303 15.0303C12.2374 15.3232 11.7626 15.3232 11.4697 15.0303L7.96967 11.5303C7.67678 11.2374 7.67678 10.7626 7.96967 10.4697C8.26256 10.1768 8.73744 10.1768 9.03033 10.4697L12 13.4393L14.9697 10.4697C15.2626 10.1768 15.7374 10.1768 16.0303 10.4697C16.3232 10.7626 16.3232 11.2374 16.0303 11.5303Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ChevronDownCircleIcon.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="M3.75 12C3.75 7.44365 7.44365 3.75 12 3.75C16.5563 3.75 20.25 7.44365 20.25 12C20.25 16.5563 16.5563 20.25 12 20.25C7.44365 20.25 3.75 16.5563 3.75 12ZM12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM16.0303 11.5303L12.5303 15.0303C12.2374 15.3232 11.7626 15.3232 11.4697 15.0303L7.96967 11.5303C7.67678 11.2374 7.67678 10.7626 7.96967 10.4697C8.26256 10.1768 8.73744 10.1768 9.03033 10.4697L12 13.4393L14.9697 10.4697C15.2626 10.1768 15.7374 10.1768 16.0303 10.4697C16.3232 10.7626 16.3232 11.2374 16.0303 11.5303Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ChevronDownDoubleCircleFillIcon.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="M2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM12.5303 13.0303L16.0303 9.53033C16.3232 9.23744 16.3232 8.76256 16.0303 8.46967C15.7374 8.17678 15.2626 8.17678 14.9697 8.46967L12 11.4393L9.03033 8.46967C8.73744 8.17678 8.26256 8.17678 7.96967 8.46967C7.67678 8.76256 7.67678 9.23744 7.96967 9.53033L11.4697 13.0303C11.7626 13.3232 12.2374 13.3232 12.5303 13.0303ZM16.0303 13.5303L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L7.96967 13.5303C7.67678 13.2374 7.67678 12.7626 7.96967 12.4697C8.26256 12.1768 8.73744 12.1768 9.03033 12.4697L12 15.4393L14.9697 12.4697C15.2626 12.1768 15.7374 12.1768 16.0303 12.4697C16.3232 12.7626 16.3232 13.2374 16.0303 13.5303Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ChevronDownDoubleCircleIcon.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="M12 3.75C7.44365 3.75 3.75 7.44365 3.75 12C3.75 16.5563 7.44365 20.25 12 20.25C16.5563 20.25 20.25 16.5563 20.25 12C20.25 7.44365 16.5563 3.75 12 3.75ZM2.25 12C2.25 6.61522 6.61522 2.25 12 2.25C17.3848 2.25 21.75 6.61522 21.75 12C21.75 17.3848 17.3848 21.75 12 21.75C6.61522 21.75 2.25 17.3848 2.25 12ZM12.5303 13.0303L16.0303 9.53033C16.3232 9.23744 16.3232 8.76256 16.0303 8.46967C15.7374 8.17678 15.2626 8.17678 14.9697 8.46967L12 11.4393L9.03033 8.46967C8.73744 8.17678 8.26256 8.17678 7.96967 8.46967C7.67678 8.76256 7.67678 9.23744 7.96967 9.53033L11.4697 13.0303C11.7626 13.3232 12.2374 13.3232 12.5303 13.0303ZM16.0303 13.5303L12.5303 17.0303C12.2374 17.3232 11.7626 17.3232 11.4697 17.0303L7.96967 13.5303C7.67678 13.2374 7.67678 12.7626 7.96967 12.4697C8.26256 12.1768 8.73744 12.1768 9.03033 12.4697L12 15.4393L14.9697 12.4697C15.2626 12.1768 15.7374 12.1768 16.0303 12.4697C16.3232 12.7626 16.3232 13.2374 16.0303 13.5303Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ChevronDownDoubleIcon.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="M7.03033 7.46967C6.73744 7.17678 6.26256 7.17678 5.96967 7.46967C5.67678 7.76256 5.67678 8.23744 5.96967 8.53033L11.4697 14.0303C11.7626 14.3232 12.2374 14.3232 12.5303 14.0303L18.0303 8.53033C18.3232 8.23744 18.3232 7.76256 18.0303 7.46967C17.7374 7.17678 17.2626 7.17678 16.9697 7.46967L12 12.4393L7.03033 7.46967ZM7.03033 11.4697C6.73744 11.1768 6.26256 11.1768 5.96967 11.4697C5.67678 11.7626 5.67678 12.2374 5.96967 12.5303L11.4697 18.0303C11.7626 18.3232 12.2374 18.3232 12.5303 18.0303L18.0303 12.5303C18.3232 12.2374 18.3232 11.7626 18.0303 11.4697C17.7374 11.1768 17.2626 11.1768 16.9697 11.4697L12 16.4393L7.03033 11.4697Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ChevronDownIcon.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="M5.96967 9.46967C6.26256 9.17678 6.73744 9.17678 7.03033 9.46967L12 14.4393L16.9697 9.46967C17.2626 9.17678 17.7374 9.17678 18.0303 9.46967C18.3232 9.76256 18.3232 10.2374 18.0303 10.5303L12.5303 16.0303C12.2374 16.3232 11.7626 16.3232 11.4697 16.0303L5.96967 10.5303C5.67678 10.2374 5.67678 9.76256 5.96967 9.46967Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ChevronDownUpIcon.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="M9.03033 4.46967C8.73744 4.17678 8.26256 4.17678 7.96967 4.46967C7.67678 4.76256 7.67678 5.23744 7.96967 5.53033L11.4697 9.03033C11.7626 9.32322 12.2374 9.32322 12.5303 9.03033L16.0303 5.53033C16.3232 5.23744 16.3232 4.76256 16.0303 4.46967C15.7374 4.17678 15.2626 4.17678 14.9697 4.46967L12 7.43934L9.03033 4.46967ZM16.0303 18.4697L12.5303 14.9697C12.2374 14.6768 11.7626 14.6768 11.4697 14.9697L7.96967 18.4697C7.67678 18.7626 7.67678 19.2374 7.96967 19.5303C8.26256 19.8232 8.73744 19.8232 9.03033 19.5303L12 16.5607L14.9697 19.5303C15.2626 19.8232 15.7374 19.8232 16.0303 19.5303C16.3232 19.2374 16.3232 18.7626 16.0303 18.4697Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Arrows/ChevronLeftCircleFillIcon.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="M12 2.25C6.61522 2.25 2.25 6.61522 2.25 12C2.25 17.3848 6.61522 21.75 12 21.75C17.3848 21.75 21.75 17.3848 21.75 12C21.75 6.61522 17.3848 2.25 12 2.25ZM13.5303 9.03033C13.8232 8.73744 13.8232 8.26256 13.5303 7.96967C13.2374 7.67678 12.7626 7.67678 12.4697 7.96967L8.96967 11.4697C8.67678 11.7626 8.67678 12.2374 8.96967 12.5303L12.4697 16.0303C12.7626 16.3232 13.2374 16.3232 13.5303 16.0303C13.8232 15.7374 13.8232 15.2626 13.5303 14.9697L10.5607 12L13.5303 9.03033Z" fill="currentColor"/>
+</svg>
+</template>