@modkit-org/aksel-icons-vue 1.0.0

package/src/types/Interface/GlobeSlashIcon.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 10.9096 2.42901 9.86092 2.75925 8.88188C2.77373 8.79031 2.80479 8.70427 2.84924 8.6269C4.22185 4.90446 7.80093 2.25 12 2.25C12.7401 2.25 13.4611 2.33255 14.1542 2.4889C14.1645 2.49102 14.1748 2.49337 14.1851 2.49593C15.7479 2.85387 17.1676 3.58732 18.3436 4.5957L19.4697 3.46967C19.7626 3.17678 20.2374 3.17678 20.5303 3.46967C20.8232 3.76256 20.8232 4.23744 20.5303 4.53033L4.53033 20.5303C4.23744 20.8232 3.76256 20.8232 3.46967 20.5303C3.17678 20.2374 3.17678 19.7626 3.46967 19.4697L4.5957 18.3436C3.84968 17.4736 3.25414 16.4701 2.8498 15.3741C2.80488 15.2962 2.77356 15.2094 2.75908 15.1171C2.429 14.1383 2.25 13.0899 2.25 12ZM3.75 12C3.75 11.22 3.85825 10.4652 4.06055 9.75H8.23966C8.1415 11.2578 8.14156 12.7461 8.23929 14.25H4.06039C3.85816 13.5348 3.75 12.7801 3.75 12ZM5.66002 17.2793L7.18934 15.75H4.64936C4.92952 16.298 5.26923 16.8106 5.66002 17.2793ZM9.68965 13.2497L13.1893 9.75H9.74297C9.66303 10.9259 9.64558 12.0861 9.68965 13.2497ZM15.5321 7.4072L17.2793 5.66002C16.6056 5.09828 15.8412 4.6421 15.0112 4.31661C15.2275 5.36903 15.4011 6.39593 15.5321 7.4072ZM8.98954 4.3165C8.71281 5.6635 8.50604 6.96772 8.36891 8.25H4.64956C5.56261 6.46389 7.10755 5.05445 8.98954 4.3165ZM10.6201 3.86489C10.2827 5.38142 10.0358 6.83247 9.87782 8.25H14.1229C13.9651 6.83371 13.7183 5.38274 13.3806 3.86493C12.9317 3.78934 12.4705 3.75 12 3.75C11.5298 3.75 11.0688 3.78933 10.6201 3.86489Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/HeartBrokenFillIcon.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.5693 5.05521C11.65 4.85331 11.5917 4.62109 11.419 4.48898C10.2193 3.57132 9.0367 3.125 7.87482 3.125C6.35575 3.125 5.05124 3.88792 3.96949 4.96967C1.59701 7.34215 1.76309 11.3239 4.96949 14.5303L10.4884 20.0492C10.7591 20.3199 11.2212 20.1984 11.3237 19.8295L13.0009 13.7913C13.065 13.5608 12.9568 13.3173 12.7428 13.2103L9.66375 11.6708C9.31487 11.4963 9.15794 11.0836 9.30281 10.7214L11.5693 5.05521ZM13.7124 3.7596C13.7047 3.76364 13.6988 3.77041 13.6955 3.7785L11.1227 10.2106C11.0261 10.452 11.1307 10.7272 11.3633 10.8435L14.3346 12.3291C14.6555 12.4896 14.8178 12.8549 14.7218 13.2007L13.0621 19.1757C12.9245 19.6709 13.5339 20.0265 13.8974 19.6631L19.0302 14.5303C22.2365 11.3239 22.4026 7.34216 20.0302 4.96967C18.9484 3.88792 17.6439 3.125 16.1248 3.125C15.33 3.125 14.5255 3.33386 13.7124 3.7596Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/HeartBrokenIcon.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.1249 3.125C14.7759 3.125 13.399 3.72663 11.9999 4.96903C10.6007 3.72663 9.22382 3.125 7.87485 3.125C6.35578 3.125 5.05127 3.88792 3.96952 4.96967C1.59705 7.34215 1.76313 11.3239 4.96952 14.5303L11.4695 21.0303C11.6101 21.1709 11.8009 21.25 11.9998 21.25C12.1988 21.25 12.3902 21.1703 12.5308 21.0297L19.0302 14.5303C22.2366 11.3239 22.4027 7.34216 20.0302 4.96967C18.9484 3.88792 17.6439 3.125 16.1249 3.125ZM11.5562 18.9957L13.112 13.3945L9.66463 11.6708C9.31574 11.4964 9.15881 11.0836 9.30368 10.7215L11.1157 6.19136C9.85131 5.03345 8.77312 4.625 7.87485 4.625C6.89392 4.625 5.94843 5.11208 5.03018 6.03033C3.40267 7.65785 3.23658 10.6761 6.03018 13.4697L11.5562 18.9957ZM13.3705 18.0687L17.9695 13.4697C20.7631 10.6761 20.597 7.65785 18.9695 6.03033C18.0513 5.11208 17.1058 4.625 16.1249 4.625C15.169 4.625 14.0094 5.08752 12.6384 6.42347L10.9527 10.6378L14.3354 12.3292C14.6564 12.4897 14.8187 12.855 14.7227 13.2007L13.3705 18.0687Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/HeartFillIcon.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="M11.9998 4.96903C13.3989 3.72663 14.7759 3.125 16.1248 3.125C17.6439 3.125 18.9484 3.88792 20.0302 4.96967C22.4026 7.34216 22.2365 11.3239 19.0302 14.5303L12.5308 21.0297C12.3901 21.1703 12.1987 21.25 11.9998 21.25C11.8009 21.25 11.6101 21.1709 11.4694 21.0303L4.96949 14.5303C1.76309 11.3239 1.59701 7.34215 3.96949 4.96967C5.05124 3.88792 6.35575 3.125 7.87482 3.125C9.22379 3.125 10.6007 3.72663 11.9998 4.96903Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/HeartIcon.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.9998 4.96903C13.399 3.72663 14.7759 3.125 16.1248 3.125C17.6439 3.125 18.9484 3.88792 20.0302 4.96967C22.4026 7.34216 22.2366 11.3239 19.0302 14.5303L12.5308 21.0297L11.9998 20.5L11.4695 21.0303L4.96951 14.5303C1.76311 11.3239 1.59703 7.34215 3.96951 4.96967C5.05125 3.88792 6.35577 3.125 7.87484 3.125C9.2238 3.125 10.6007 3.72663 11.9998 4.96903ZM11.9998 20.5L11.4695 21.0303C11.6101 21.1709 11.8009 21.25 11.9998 21.25C12.1987 21.25 12.3901 21.1703 12.5308 21.0297L11.9998 20.5ZM11.9998 19.4393L17.9695 13.4697C20.7631 10.6761 20.597 7.65785 18.9695 6.03033C18.0513 5.11208 17.1058 4.625 16.1248 4.625C15.1439 4.625 13.9484 5.11208 12.5302 6.53033C12.3895 6.67098 12.1987 6.75 11.9998 6.75C11.8009 6.75 11.6102 6.67098 11.4695 6.53033C10.0513 5.11208 8.85577 4.625 7.87484 4.625C6.8939 4.625 5.94842 5.11208 5.03017 6.03033C3.40266 7.65785 3.23656 10.6761 6.03017 13.4697L11.9998 19.4393Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/InboxDownFillIcon.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.25C12.4142 3.25 12.75 3.58579 12.75 4V9.68934L14.9697 7.46967C15.2626 7.17678 15.7374 7.17678 16.0303 7.46967C16.3232 7.76256 16.3232 8.23744 16.0303 8.53033L12.5303 12.0303C12.2374 12.3232 11.7626 12.3232 11.4697 12.0303L7.96967 8.53033C7.67678 8.23744 7.67678 7.76256 7.96967 7.46967C8.26256 7.17678 8.73744 7.17678 9.03033 7.46967L11.25 9.68934V4C11.25 3.58579 11.5858 3.25 12 3.25ZM5.30363 4.72146C5.41753 4.43671 5.69331 4.25 5.99999 4.25H8.99999C9.4142 4.25 9.74999 4.58579 9.74999 5C9.74999 5.41421 9.4142 5.75 8.99999 5.75H6.50776L4.10776 11.75H6.88197C7.54482 11.75 8.15078 12.1245 8.44721 12.7174L9.39443 14.6118C9.43678 14.6965 9.52334 14.75 9.61803 14.75H14.382C14.4767 14.75 14.5632 14.6965 14.6056 14.6118L15.5528 12.7174C15.8492 12.1245 16.4552 11.75 17.118 11.75H19.8922L17.4922 5.75H15C14.5858 5.75 14.25 5.41421 14.25 5C14.25 4.58579 14.5858 4.25 15 4.25H18C18.3067 4.25 18.5825 4.43671 18.6964 4.72146L21.69 12.2057C21.7104 12.2534 21.726 12.3037 21.7362 12.3558C21.7467 12.4096 21.7512 12.4636 21.75 12.517V19C21.75 19.4142 21.4142 19.75 21 19.75H3C2.58579 19.75 2.25 19.4142 2.25 19V12.5176C2.24869 12.4627 2.25342 12.4072 2.2646 12.352C2.27473 12.3014 2.28996 12.2526 2.30973 12.2062L5.30363 4.72146Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/InboxDownIcon.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.25C12.4142 3.25 12.75 3.58579 12.75 4V9.68934L14.9697 7.46967C15.2626 7.17678 15.7374 7.17678 16.0303 7.46967C16.3232 7.76256 16.3232 8.23744 16.0303 8.53033L12.5303 12.0303C12.2374 12.3232 11.7626 12.3232 11.4697 12.0303L7.96967 8.53033C7.67678 8.23744 7.67678 7.76256 7.96967 7.46967C8.26256 7.17678 8.73744 7.17678 9.03033 7.46967L11.25 9.68934V4C11.25 3.58579 11.5858 3.25 12 3.25ZM5.30363 4.72146C5.41753 4.43671 5.69331 4.25 5.99999 4.25H8.99999C9.4142 4.25 9.74999 4.58579 9.74999 5C9.74999 5.41421 9.4142 5.75 8.99999 5.75H6.50776L4.10776 11.75H6.88195C7.5448 11.75 8.15076 12.1245 8.4472 12.7174L9.39441 14.6118C9.43676 14.6965 9.52333 14.75 9.61802 14.75H14.382C14.4766 14.75 14.5632 14.6965 14.6056 14.6118L15.5528 12.7174C15.8492 12.1245 16.4552 11.75 17.118 11.75H19.8922L17.4922 5.75H15C14.5858 5.75 14.25 5.41421 14.25 5C14.25 4.58579 14.5858 4.25 15 4.25H18C18.3067 4.25 18.5824 4.43671 18.6963 4.72146L21.69 12.2057C21.7107 12.2541 21.7264 12.3051 21.7366 12.358C21.7469 12.4111 21.7512 12.4643 21.75 12.517V19C21.75 19.4142 21.4142 19.75 21 19.75H2.99999C2.58577 19.75 2.24999 19.4142 2.24999 19V12.517C2.24877 12.4644 2.25312 12.4111 2.26339 12.3581C2.27354 12.3051 2.28927 12.2541 2.30994 12.2057L5.30363 4.72146ZM6.88195 13.25C6.97665 13.25 7.06321 13.3035 7.10556 13.3882L8.05277 15.2826C8.34921 15.8755 8.95517 16.25 9.61802 16.25H14.382C15.0448 16.25 15.6508 15.8755 15.9472 15.2826L16.8944 13.3882C16.9368 13.3035 17.0233 13.25 17.118 13.25H20.25V18.25H3.74999V13.25H6.88195Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/InboxFillIcon.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.99999 4.25C5.69331 4.25 5.41753 4.43671 5.30363 4.72146L2.30973 12.2062C2.28996 12.2526 2.27473 12.3014 2.2646 12.352C2.25342 12.4072 2.24869 12.4627 2.25 12.5176V19C2.25 19.4142 2.58579 19.75 3 19.75H21C21.4142 19.75 21.75 19.4142 21.75 19V12.5164C21.7511 12.4659 21.7471 12.4148 21.7377 12.3639C21.7275 12.3086 21.7114 12.2555 21.6898 12.2052L18.6963 4.72146C18.5824 4.43671 18.3067 4.25 18 4.25H5.99999ZM19.8922 11.75L17.4922 5.75H6.50776L4.10776 11.75H6.88197C7.54482 11.75 8.15078 12.1245 8.44721 12.7174L9.39443 14.6118C9.43678 14.6965 9.52334 14.75 9.61803 14.75H14.382C14.4767 14.75 14.5632 14.6965 14.6056 14.6118L15.5528 12.7174C15.8492 12.1245 16.4552 11.75 17.118 11.75H19.8922Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/InboxIcon.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.99999 4.25C5.69331 4.25 5.41753 4.43671 5.30363 4.72146L2.30994 12.2057C2.28927 12.2541 2.27354 12.3051 2.26339 12.3581C2.25312 12.4111 2.24877 12.4644 2.24999 12.517V19C2.24999 19.4142 2.58577 19.75 2.99999 19.75H21C21.4142 19.75 21.75 19.4142 21.75 19V12.517C21.7512 12.4643 21.7469 12.4111 21.7366 12.358C21.7264 12.3051 21.7107 12.2541 21.69 12.2057L18.6963 4.72146C18.5824 4.43671 18.3067 4.25 18 4.25H5.99999ZM19.8922 11.75L17.4922 5.75H6.50776L4.10776 11.75H6.88195C7.5448 11.75 8.15076 12.1245 8.4472 12.7174L9.39441 14.6118C9.43676 14.6965 9.52333 14.75 9.61802 14.75H14.382C14.4766 14.75 14.5632 14.6965 14.6056 14.6118L15.5528 12.7174C15.8492 12.1245 16.4552 11.75 17.118 11.75H19.8922ZM16.8944 13.3882C16.9368 13.3035 17.0233 13.25 17.118 13.25H20.25V18.25H3.74999V13.25H6.88195C6.97665 13.25 7.06321 13.3035 7.10556 13.3882L8.05277 15.2826C8.34921 15.8755 8.95517 16.25 9.61802 16.25H14.382C15.0448 16.25 15.6508 15.8755 15.9472 15.2826L16.8944 13.3882Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/InboxUpFillIcon.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 3.46967C11.7626 3.17678 12.2374 3.17678 12.5303 3.46967L16.0303 6.96967C16.3232 7.26256 16.3232 7.73744 16.0303 8.03033C15.7374 8.32322 15.2626 8.32322 14.9697 8.03033L12.75 5.81066V11.5C12.75 11.9142 12.4142 12.25 12 12.25C11.5858 12.25 11.25 11.9142 11.25 11.5V5.81066L9.03033 8.03033C8.73744 8.32322 8.26256 8.32322 7.96967 8.03033C7.67678 7.73744 7.67678 7.26256 7.96967 6.96967L11.4697 3.46967ZM5.30366 4.72146C5.41756 4.43671 5.69334 4.25 6.00002 4.25H7.00002C7.41423 4.25 7.75002 4.58579 7.75002 5C7.75002 5.41421 7.41423 5.75 7.00002 5.75H6.50779L4.10779 11.75H6.88197C7.54482 11.75 8.15078 12.1245 8.44721 12.7174L9.39443 14.6118C9.43678 14.6965 9.52334 14.75 9.61803 14.75H14.382C14.4767 14.75 14.5632 14.6965 14.6056 14.6118L15.5528 12.7174C15.8492 12.1245 16.4552 11.75 17.118 11.75H19.8922L17.4922 5.75H17C16.5858 5.75 16.25 5.41421 16.25 5C16.25 4.58579 16.5858 4.25 17 4.25H18C18.3067 4.25 18.5825 4.43671 18.6964 4.72146L21.69 12.2057C21.7104 12.2534 21.726 12.3037 21.7362 12.3558C21.7467 12.4096 21.7512 12.4636 21.75 12.517V19C21.75 19.4142 21.4142 19.75 21 19.75H3C2.58579 19.75 2.25 19.4142 2.25 19V12.5163C2.24889 12.4663 2.25281 12.4157 2.26206 12.3653C2.27218 12.3095 2.28848 12.2558 2.31021 12.2051L5.30366 4.72146Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/InboxUpIcon.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.4696 3.46967C11.7625 3.17678 12.2374 3.17678 12.5303 3.46967L16.0303 6.96967C16.3232 7.26256 16.3232 7.73744 16.0303 8.03033C15.7374 8.32322 15.2625 8.32322 14.9696 8.03033L12.75 5.81066V11.5C12.75 11.9142 12.4142 12.25 12 12.25C11.5858 12.25 11.25 11.9142 11.25 11.5V5.81066L9.0303 8.03033C8.73741 8.32322 8.26253 8.32322 7.96964 8.03033C7.67675 7.73744 7.67675 7.26256 7.96964 6.96967L11.4696 3.46967ZM5.3036 4.72146C5.4175 4.43671 5.69328 4.25 5.99996 4.25H6.99996C7.41417 4.25 7.74996 4.58579 7.74996 5C7.74996 5.41421 7.41417 5.75 6.99996 5.75H6.50773L4.10773 11.75H6.88192C7.54477 11.75 8.15073 12.1245 8.44717 12.7174L9.39438 14.6118C9.43673 14.6965 9.5233 14.75 9.61799 14.75H14.3819C14.4766 14.75 14.5632 14.6965 14.6055 14.6118L15.5527 12.7174C15.8492 12.1245 16.4551 11.75 17.118 11.75H19.8922L17.4922 5.75H17C16.5857 5.75 16.25 5.41421 16.25 5C16.25 4.58579 16.5857 4.25 17 4.25H18C18.3066 4.25 18.5824 4.43671 18.6963 4.72146L21.69 12.2057C21.7107 12.2541 21.7264 12.3051 21.7365 12.358C21.7468 12.4111 21.7512 12.4643 21.75 12.517V19C21.75 19.4142 21.4142 19.75 21 19.75H2.99996C2.58574 19.75 2.24996 19.4142 2.24996 19V12.517C2.24874 12.4644 2.25309 12.4111 2.26336 12.3581C2.27351 12.3051 2.28924 12.2541 2.30991 12.2057L5.3036 4.72146ZM6.88192 13.25C6.97661 13.25 7.06318 13.3035 7.10553 13.3882L8.05274 15.2826C8.34918 15.8755 8.95514 16.25 9.61799 16.25H14.3819C15.0448 16.25 15.6507 15.8755 15.9472 15.2826L16.8944 13.3882C16.9367 13.3035 17.0233 13.25 17.118 13.25H20.25V18.25H3.74996V13.25H6.88192Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/LanguageIcon.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="M10 4.75C10.4142 4.75 10.75 5.08579 10.75 5.5V6.75H13.4825C13.494 6.74973 13.5055 6.74973 13.517 6.75H16C16.4142 6.75 16.75 7.08579 16.75 7.5C16.75 7.91421 16.4142 8.25 16 8.25H14.0516C13.4168 10.1925 12.3897 11.9567 11.0571 13.4469C11.2033 13.5787 11.3526 13.7073 11.5049 13.8325C11.8248 14.0957 11.8708 14.5683 11.6076 14.8882C11.3445 15.2081 10.8719 15.2541 10.552 14.991C10.3639 14.8363 10.1799 14.677 10 14.5133C8.77421 15.6289 7.35388 16.5401 5.78846 17.1923C5.40611 17.3516 4.96701 17.1708 4.80769 16.7885C4.64838 16.4061 4.82919 15.967 5.21154 15.8077C6.59596 15.2308 7.85392 14.4283 8.94293 13.4469C7.61037 11.9567 6.58314 10.1925 5.94834 8.25H4C3.58579 8.25 3.25 7.91421 3.25 7.5C3.25 7.08579 3.58579 6.75 4 6.75H9.25V5.5C9.25 5.08579 9.58579 4.75 10 4.75ZM12.4638 8.25C11.8992 9.78019 11.0594 11.1767 10 12.3783C8.94058 11.1767 8.10077 9.78018 7.53617 8.25H12.4638ZM15.5 9.75C15.7964 9.75 16.065 9.92455 16.1854 10.1954L20.1854 19.1954C20.3536 19.5739 20.1831 20.0171 19.8046 20.1854C19.4261 20.3536 18.9829 20.1831 18.8146 19.8046L17.9015 17.75H13.0985L12.1854 19.8046C12.0171 20.1831 11.5739 20.3536 11.1954 20.1854C10.8169 20.0171 10.6464 19.5739 10.8146 19.1954L14.8146 10.1954C14.935 9.92455 15.2036 9.75 15.5 9.75ZM15.5 12.3467L17.2348 16.25H13.7652L15.5 12.3467Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/LaptopFillIcon.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.5 4.25C4.5335 4.25 3.75 5.0335 3.75 6V15C3.75 15.9665 4.5335 16.75 5.5 16.75H18.5C19.4665 16.75 20.25 15.9665 20.25 15V6C20.25 5.0335 19.4665 4.25 18.5 4.25H5.5ZM3 18.25C2.58579 18.25 2.25 18.5858 2.25 19C2.25 19.4142 2.58579 19.75 3 19.75H21C21.4142 19.75 21.75 19.4142 21.75 19C21.75 18.5858 21.4142 18.25 21 18.25H3Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/LaptopIcon.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.5 4.25C4.5335 4.25 3.75 5.0335 3.75 6V15C3.75 15.9665 4.5335 16.75 5.5 16.75H18.5C19.4665 16.75 20.25 15.9665 20.25 15V6C20.25 5.0335 19.4665 4.25 18.5 4.25H5.5ZM5.25 6C5.25 5.86193 5.36193 5.75 5.5 5.75H18.5C18.6381 5.75 18.75 5.86193 18.75 6V15C18.75 15.1381 18.6381 15.25 18.5 15.25H5.5C5.36193 15.25 5.25 15.1381 5.25 15V6ZM3 18.25C2.58579 18.25 2.25 18.5858 2.25 19C2.25 19.4142 2.58579 19.75 3 19.75H21C21.4142 19.75 21.75 19.4142 21.75 19C21.75 18.5858 21.4142 18.25 21 18.25H3Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/LayerMinusFillIcon.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.575 4.38197C11.831 4.20601 12.1689 4.20601 12.4248 4.38197L20.4248 9.88197C20.6283 10.0219 20.7499 10.253 20.7499 10.5C20.7499 10.747 20.6283 10.9781 20.4248 11.118L12.4248 16.618C12.1689 16.794 11.831 16.794 11.575 16.618L3.57503 11.118C3.37151 10.9781 3.24992 10.747 3.24992 10.5C3.24992 10.253 3.37151 10.0219 3.57503 9.88197L11.575 4.38197ZM8.74992 10.5C8.74992 10.0858 9.08571 9.75 9.49992 9.75H14.4999C14.9141 9.75 15.2499 10.0858 15.2499 10.5C15.2499 10.9142 14.9141 11.25 14.4999 11.25H9.49992C9.08571 11.25 8.74992 10.9142 8.74992 10.5ZM4.42497 12.882C4.08364 12.6474 3.6167 12.7338 3.38204 13.0752C3.14737 13.4165 3.23384 13.8834 3.57517 14.1181L11.5752 19.6181C11.8311 19.7941 12.169 19.7941 12.425 19.6181L20.425 14.1181C20.7663 13.8834 20.8528 13.4165 20.6181 13.0752C20.3834 12.7338 19.9165 12.6474 19.5752 12.882L12.0001 18.0899L4.42497 12.882Z" fill="currentColor"/>
+</svg>
+</template>