@modkit-org/aksel-icons-vue 1.0.0

package/src/types/Interface/LayerMinusIcon.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.5751 4.38197C11.831 4.20601 12.169 4.20601 12.4249 4.38197L20.4249 9.88197C20.6284 10.0219 20.75 10.253 20.75 10.5C20.75 10.747 20.6284 10.9781 20.4249 11.118L12.4249 16.618C12.169 16.794 11.831 16.794 11.5751 16.618L3.5751 11.118C3.37159 10.9781 3.25 10.747 3.25 10.5C3.25 10.253 3.37159 10.0219 3.5751 9.88197L11.5751 4.38197ZM5.32385 10.5L12 15.0899L18.6761 10.5L12 5.91015L5.32385 10.5ZM3.38196 13.0751C3.61663 12.7337 4.08356 12.6473 4.42489 12.8819L12 18.0898L19.5751 12.8819C19.9164 12.6473 20.3834 12.7337 20.618 13.0751C20.8527 13.4164 20.7662 13.8833 20.4249 14.118L12.4249 19.618C12.169 19.7939 11.831 19.7939 11.5751 19.618L3.5751 14.118C3.23377 13.8833 3.1473 13.4164 3.38196 13.0751ZM9.49992 9.75C9.08571 9.75 8.74992 10.0858 8.74992 10.5C8.74992 10.9142 9.08571 11.25 9.49992 11.25H14.4999C14.9141 11.25 15.2499 10.9142 15.2499 10.5C15.2499 10.0858 14.9141 9.75 14.4999 9.75H9.49992Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/LayersFillIcon.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.4249 4.38197C12.169 4.20601 11.831 4.20601 11.5751 4.38197L3.5751 9.88197C3.37159 10.0219 3.25 10.253 3.25 10.5C3.25 10.747 3.37159 10.9781 3.5751 11.118L11.5751 16.618C11.831 16.794 12.169 16.794 12.4249 16.618L20.4249 11.118C20.6284 10.9781 20.75 10.747 20.75 10.5C20.75 10.253 20.6284 10.0219 20.4249 9.88197L12.4249 4.38197ZM4.4249 12.882C4.08357 12.6473 3.61663 12.7338 3.38197 13.0751C3.1473 13.4164 3.23377 13.8834 3.5751 14.118L11.5751 19.618C11.831 19.794 12.169 19.794 12.4249 19.618L20.4249 14.118C20.7662 13.8834 20.8527 13.4164 20.618 13.0751C20.3834 12.7338 19.9164 12.6473 19.5751 12.882L12 18.0899L4.4249 12.882Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/LayersIcon.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.4249 4.38197C12.169 4.20601 11.831 4.20601 11.5751 4.38197L3.5751 9.88197C3.37159 10.0219 3.25 10.253 3.25 10.5C3.25 10.747 3.37159 10.9781 3.5751 11.118L11.5751 16.618C11.831 16.794 12.169 16.794 12.4249 16.618L20.4249 11.118C20.6284 10.9781 20.75 10.747 20.75 10.5C20.75 10.253 20.6284 10.0219 20.4249 9.88197L12.4249 4.38197ZM12 15.0899L5.32385 10.5L12 5.91015L18.6761 10.5L12 15.0899ZM4.4249 12.8819C4.08357 12.6473 3.61663 12.7337 3.38197 13.0751C3.1473 13.4164 3.23377 13.8833 3.5751 14.118L11.5751 19.618C11.831 19.7939 12.169 19.7939 12.4249 19.618L20.4249 14.118C20.7662 13.8833 20.8527 13.4164 20.618 13.0751C20.3834 12.7337 19.9164 12.6473 19.5751 12.8819L12 18.0898L4.4249 12.8819Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/LayersPlusFillIcon.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.5751 4.38197C11.831 4.20601 12.169 4.20601 12.4249 4.38197L20.4249 9.88197C20.6284 10.0219 20.75 10.253 20.75 10.5C20.75 10.747 20.6284 10.9781 20.4249 11.118L12.4249 16.618C12.169 16.794 11.831 16.794 11.5751 16.618L3.5751 11.118C3.37159 10.9781 3.25 10.747 3.25 10.5C3.25 10.253 3.37159 10.0219 3.5751 9.88197L11.5751 4.38197ZM12.75 8.5C12.75 8.08579 12.4142 7.75 12 7.75C11.5858 7.75 11.25 8.08579 11.25 8.5V9.75H9.5C9.08579 9.75 8.75 10.0858 8.75 10.5C8.75 10.9142 9.08579 11.25 9.5 11.25H11.25V12.5C11.25 12.9142 11.5858 13.25 12 13.25C12.4142 13.25 12.75 12.9142 12.75 12.5V11.25H14.5C14.9142 11.25 15.25 10.9142 15.25 10.5C15.25 10.0858 14.9142 9.75 14.5 9.75H12.75V8.5ZM4.4249 12.882C4.08357 12.6473 3.61663 12.7338 3.38197 13.0751C3.14731 13.4164 3.23378 13.8834 3.5751 14.118L11.5751 19.618C11.831 19.794 12.169 19.794 12.4249 19.618L20.4249 14.118C20.7662 13.8834 20.8527 13.4164 20.618 13.0751C20.3834 12.7338 19.9164 12.6473 19.5751 12.882L12 18.0899L4.4249 12.882Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/LayersPlusIcon.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.5751 4.38197C11.831 4.20601 12.169 4.20601 12.4249 4.38197L20.4249 9.88197C20.6284 10.0219 20.75 10.253 20.75 10.5C20.75 10.747 20.6284 10.9781 20.4249 11.118L12.4249 16.618C12.169 16.794 11.831 16.794 11.5751 16.618L3.5751 11.118C3.37159 10.9781 3.25 10.747 3.25 10.5C3.25 10.253 3.37159 10.0219 3.5751 9.88197L11.5751 4.38197ZM5.32385 10.5L12 15.0899L18.6761 10.5L12 5.91015L5.32385 10.5ZM3.38197 13.0751C3.61663 12.7337 4.08357 12.6473 4.4249 12.8819L12 18.0898L19.5751 12.8819C19.9164 12.6473 20.3834 12.7337 20.618 13.0751C20.8527 13.4164 20.7662 13.8833 20.4249 14.118L12.4249 19.618C12.169 19.7939 11.831 19.7939 11.5751 19.618L3.5751 14.118C3.23378 13.8833 3.14731 13.4164 3.38197 13.0751ZM11.9999 7.75C12.4141 7.75 12.7499 8.08579 12.7499 8.5V9.75H14.4999C14.9141 9.75 15.2499 10.0858 15.2499 10.5C15.2499 10.9142 14.9141 11.25 14.4999 11.25H12.7499V12.5C12.7499 12.9142 12.4141 13.25 11.9999 13.25C11.5857 13.25 11.2499 12.9142 11.2499 12.5V11.25H9.49993C9.08572 11.25 8.74993 10.9142 8.74993 10.5C8.74993 10.0858 9.08572 9.75 9.49993 9.75H11.2499V8.5C11.2499 8.08579 11.5857 7.75 11.9999 7.75Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/LineHeightIcon.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 3.25C3.33579 3.25 3 3.58579 3 4C3 4.41421 3.33579 4.75 3.75 4.75H20.25C20.6642 4.75 21 4.41421 21 4C21 3.58579 20.6642 3.25 20.25 3.25H3.75ZM12.6855 6.9454C12.5652 6.67455 12.2966 6.5 12.0002 6.5C11.7038 6.5 11.4352 6.67455 11.3148 6.9454L7.31483 15.9454C7.1466 16.3239 7.31707 16.7671 7.69558 16.9354C8.0741 17.1036 8.51732 16.9331 8.68555 16.5546L9.5987 14.5H14.4017L15.3148 16.5546C15.4831 16.9331 15.9263 17.1036 16.3048 16.9354C16.6833 16.7671 16.8538 16.3239 16.6855 15.9454L12.6855 6.9454ZM13.735 13L12.0002 9.09666L10.2654 13H13.735ZM3 20C3 19.5858 3.33579 19.25 3.75 19.25H20.25C20.6642 19.25 21 19.5858 21 20C21 20.4142 20.6642 20.75 20.25 20.75H3.75C3.33579 20.75 3 20.4142 3 20Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/LinkBrokenIcon.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="M6.58936 2.84316C6.94808 2.63605 7.40677 2.75896 7.61388 3.11768L8.61388 4.84973C8.82098 5.20845 8.69808 5.66714 8.33936 5.87425C7.98064 6.08136 7.52195 5.95845 7.31484 5.59973L6.31484 3.86768C6.10773 3.50896 6.23064 3.05027 6.58936 2.84316ZM15.0858 5.07846C15.9644 4.19978 17.3891 4.19978 18.2677 5.07846L19.0251 5.83583C19.9038 6.71451 19.9038 8.13912 19.0251 9.0178L16.1464 11.8965C15.8535 12.1894 15.8535 12.6643 16.1464 12.9571C16.4393 13.25 16.9142 13.25 17.2071 12.9571L20.0858 10.0785C21.5502 8.614 21.5502 6.23963 20.0858 4.77517L19.3284 4.0178C17.8639 2.55334 15.4896 2.55334 14.0251 4.0178L11.1464 6.89648C10.8535 7.18938 10.8535 7.66425 11.1464 7.95714C11.4393 8.25004 11.9142 8.25004 12.2071 7.95714L15.0858 5.07846ZM7.6036 12.7071C7.89649 12.4142 7.89649 11.9393 7.6036 11.6464C7.3107 11.3536 6.83583 11.3536 6.54294 11.6464L4.16426 14.0251C2.69979 15.4896 2.69979 17.864 4.16426 19.3284L4.92163 20.0858C6.38609 21.5503 8.76044 21.5503 10.2249 20.0858L12.6037 17.7071C12.8966 17.4142 12.8966 16.9393 12.6037 16.6465C12.3108 16.3536 11.8359 16.3536 11.543 16.6464L9.16426 19.0252C8.28558 19.9038 6.86097 19.9038 5.98229 19.0251L5.22492 18.2678C4.34624 17.3891 4.34624 15.9645 5.22492 15.0858L7.6036 12.7071ZM2.84316 6.58964C3.05027 6.23092 3.50896 6.10801 3.86768 6.31512L5.59973 7.31512C5.95845 7.52222 6.08136 7.98092 5.87425 8.33964C5.66714 8.69836 5.20845 8.82126 4.84973 8.61416L3.11768 7.61416C2.75896 7.40705 2.63605 6.94836 2.84316 6.58964ZM18.5645 14.8005C18.2057 14.5934 17.747 14.7163 17.5399 15.075C17.3328 15.4337 17.4557 15.8924 17.8145 16.0995L19.5465 17.0995C19.9052 17.3066 20.3639 17.1837 20.571 16.825C20.7781 16.4663 20.6552 16.0076 20.2965 15.8005L18.5645 14.8005ZM16.0992 17.8147C15.8921 17.456 15.4334 17.3331 15.0747 17.5402C14.716 17.7473 14.5931 18.206 14.8002 18.5647L15.8002 20.2968C16.0073 20.6555 16.466 20.7784 16.8247 20.5713C17.1834 20.3642 17.3063 19.9055 17.0992 19.5468L16.0992 17.8147Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/LinkIcon.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="M14.909 5.15169C15.7877 4.27301 17.2123 4.27301 18.091 5.15168L18.8484 5.90905C19.727 6.78773 19.727 8.21234 18.8483 9.09102L13.8839 14.0555C13.3957 14.5436 12.6043 14.5436 12.1161 14.0555L11.0303 12.9697C10.7374 12.6768 10.2626 12.6768 9.96967 12.9697C9.67678 13.2626 9.67678 13.7375 9.96967 14.0304L11.0555 15.1162C12.1294 16.1901 13.8706 16.1901 14.9445 15.1161L19.909 10.1517C21.3735 8.68722 21.3735 6.31285 19.909 4.84839L19.1517 4.09102L18.6213 4.62135L19.1516 4.09102C17.6872 2.62656 15.3128 2.62656 13.8483 4.09103L12.9697 4.9697C12.6768 5.2626 12.6768 5.73747 12.9697 6.03036C13.2626 6.32326 13.7374 6.32326 14.0303 6.03036L14.909 5.15169ZM12.9446 8.88382C11.8706 7.80988 10.1294 7.80989 9.05549 8.88383L4.09103 13.8483C2.62656 15.3128 2.62656 17.6871 4.09102 19.1516L4.60425 18.6384L4.09103 19.1516L4.84839 19.909C6.31285 21.3734 8.68722 21.3734 10.1517 19.909L11.0304 19.0303C11.3233 18.7374 11.3233 18.2625 11.0304 17.9696C10.7375 17.6767 10.2626 17.6767 9.9697 17.9696L9.09103 18.8483C8.21235 19.727 6.78773 19.727 5.90905 18.8483L5.15169 18.0909C4.27301 17.2123 4.27301 15.7876 5.15169 14.909L10.1162 9.94449C10.6043 9.45633 11.3958 9.45633 11.8839 9.94449L12.9697 11.0303C13.2626 11.3232 13.7375 11.3232 14.0304 11.0303C14.3233 10.7374 14.3233 10.2625 14.0304 9.96961L12.9446 8.88382Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/MagnifyingGlassCheckmarkFillIcon.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="M10.5 3.25C14.5041 3.25 17.75 6.49594 17.75 10.5C17.75 12.2317 17.1429 13.8215 16.1299 15.0684L21.542 20.4805C21.8345 20.7734 21.8347 21.2482 21.542 21.541C21.2492 21.8338 20.7744 21.8335 20.4814 21.541L15.0693 16.1289C13.8224 17.1424 12.2321 17.75 10.5 17.75C6.49594 17.75 3.25 14.5041 3.25 10.5C3.25 6.49594 6.49594 3.25 10.5 3.25ZM13.2803 8.71973C12.9874 8.42683 12.5126 8.42683 12.2197 8.71973L9.75 11.1895L8.78027 10.2197C8.48738 9.92683 8.01262 9.92683 7.71973 10.2197C7.42683 10.5126 7.42683 10.9874 7.71973 11.2803L9.21973 12.7803C9.51262 13.0732 9.98738 13.0732 10.2803 12.7803L13.2803 9.78027C13.5732 9.48738 13.5732 9.01262 13.2803 8.71973Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/MagnifyingGlassCheckmarkIcon.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="M10.5 3.25C14.5041 3.25 17.75 6.49594 17.75 10.5C17.75 12.2319 17.1431 13.8224 16.1299 15.0693L21.541 20.4805C21.8336 20.7734 21.8338 21.2482 21.541 21.541C21.2482 21.8338 20.7734 21.8336 20.4805 21.541L15.0693 16.1299C13.8224 17.1431 12.2319 17.75 10.5 17.75C6.49594 17.75 3.25 14.5041 3.25 10.5C3.25 6.49594 6.49594 3.25 10.5 3.25ZM10.5 4.75C7.32436 4.75 4.75 7.32436 4.75 10.5C4.75 13.6756 7.32436 16.25 10.5 16.25C13.6756 16.25 16.25 13.6756 16.25 10.5C16.25 7.32436 13.6756 4.75 10.5 4.75ZM12.2197 8.71973C12.5126 8.42683 12.9874 8.42683 13.2803 8.71973C13.5732 9.01262 13.5732 9.48738 13.2803 9.78027L10.2803 12.7803C9.98738 13.0732 9.51262 13.0732 9.21973 12.7803L7.71973 11.2803C7.42683 10.9874 7.42683 10.5126 7.71973 10.2197C8.01262 9.92683 8.48738 9.92683 8.78027 10.2197L9.75 11.1895L12.2197 8.71973Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/MagnifyingGlassFillIcon.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="M10.5 3.25C6.49594 3.25 3.25 6.49594 3.25 10.5C3.25 14.5041 6.49594 17.75 10.5 17.75C12.2321 17.75 13.8224 17.1426 15.0694 16.1291L20.481 21.5407C20.7739 21.8336 21.2488 21.8336 21.5416 21.5407C21.8345 21.2478 21.8345 20.773 21.5416 20.4801L16.1299 15.0684C17.1429 13.8215 17.75 12.2317 17.75 10.5C17.75 6.49594 14.5041 3.25 10.5 3.25Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/MagnifyingGlassIcon.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.5 3.25C6.49594 3.25 3.25 6.49594 3.25 10.5C3.25 14.5041 6.49594 17.75 10.5 17.75C12.2319 17.75 13.8219 17.1427 15.0689 16.1295L20.4801 21.5407C20.773 21.8336 21.2478 21.8336 21.5407 21.5407C21.8336 21.2478 21.8336 20.773 21.5407 20.4801L16.1295 15.0689C17.1427 13.8219 17.75 12.2319 17.75 10.5C17.75 6.49594 14.5041 3.25 10.5 3.25ZM4.75 10.5C4.75 7.32436 7.32436 4.75 10.5 4.75C13.6756 4.75 16.25 7.32436 16.25 10.5C16.25 13.6756 13.6756 16.25 10.5 16.25C7.32436 16.25 4.75 13.6756 4.75 10.5Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/MenuElipsisHorizontalCircleFillIcon.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 12ZM7 12C7 11.4477 7.44772 11 8 11C8.55228 11 9 11.4477 9 12C9 12.5523 8.55228 13 8 13C7.44772 13 7 12.5523 7 12ZM11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12ZM15 12C15 11.4477 15.4477 11 16 11C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13C15.4477 13 15 12.5523 15 12Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/MenuElipsisHorizontalCircleIcon.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.25ZM8 11C7.44772 11 7 11.4477 7 12C7 12.5523 7.44772 13 8 13C8.55228 13 9 12.5523 9 12C9 11.4477 8.55228 11 8 11ZM11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12ZM16 11C15.4477 11 15 11.4477 15 12C15 12.5523 15.4477 13 16 13C16.5523 13 17 12.5523 17 12C17 11.4477 16.5523 11 16 11Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Interface/MenuElipsisHorizontalIcon.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="M6 10.5C5.17157 10.5 4.5 11.1716 4.5 12C4.5 12.8284 5.17157 13.5 6 13.5C6.82843 13.5 7.5 12.8284 7.5 12C7.5 11.1716 6.82843 10.5 6 10.5ZM10.5 12C10.5 11.1716 11.1716 10.5 12 10.5C12.8284 10.5 13.5 11.1716 13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12ZM16.5 12C16.5 11.1716 17.1716 10.5 18 10.5C18.8284 10.5 19.5 11.1716 19.5 12C19.5 12.8284 18.8284 13.5 18 13.5C17.1716 13.5 16.5 12.8284 16.5 12Z" fill="currentColor"/>
+</svg>
+</template>