@modkit-org/aksel-icons-vue 1.0.0

package/src/types/Media/MegaphoneSpeakingFillIcon.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="M19.0303 6.03033C19.3232 5.73744 19.3232 5.26256 19.0303 4.96967C18.7374 4.67678 18.2626 4.67678 17.9697 4.96967L16.4697 6.46967C16.1768 6.76256 16.1768 7.23744 16.4697 7.53033C16.7626 7.82322 17.2374 7.82322 17.5303 7.53033L19.0303 6.03033ZM14.287 5.30711C14.5673 5.4232 14.75 5.69668 14.75 6.00002V18C14.75 18.3034 14.5673 18.5768 14.287 18.6929C14.0068 18.809 13.6842 18.7449 13.4697 18.5304L12.8553 17.916C11.7963 16.8569 10.4358 16.1545 8.96408 15.8987C8.84154 15.8774 8.75 15.7724 8.75 15.648V8.35168C8.75 8.22741 8.84139 8.12247 8.96379 8.10104C10.4303 7.84429 11.8006 7.13879 12.8553 6.08407L13.4697 5.46969C13.6842 5.25519 14.0068 5.19103 14.287 5.30711ZM6 15.75C3.92893 15.75 2.25 14.0711 2.25 12C2.25 9.92895 3.92893 8.25002 6 8.25002H7C7.13807 8.25002 7.25 8.36195 7.25 8.50002V15.5C7.25 15.6381 7.13807 15.75 7 15.75H6ZM5.54039 16.7281C5.3874 16.7134 5.25 16.8302 5.25 16.9839V19C5.25 19.4142 5.58579 19.75 6 19.75H8C8.41421 19.75 8.75 19.4142 8.75 19V17.0154C8.75 16.9353 8.69202 16.8666 8.61265 16.8553L8.18094 16.7936C7.97766 16.7646 7.77257 16.75 7.56722 16.75H6C5.84495 16.75 5.69164 16.7426 5.54039 16.7281ZM18.25 12C18.25 11.5858 18.5858 11.25 19 11.25H21C21.4142 11.25 21.75 11.5858 21.75 12C21.75 12.4142 21.4142 12.75 21 12.75H19C18.5858 12.75 18.25 12.4142 18.25 12ZM17.5303 16.4697C17.2374 16.1768 16.7626 16.1768 16.4697 16.4697C16.1768 16.7626 16.1768 17.2374 16.4697 17.5303L17.9697 19.0303C18.2626 19.3232 18.7374 19.3232 19.0303 19.0303C19.3232 18.7374 19.3232 18.2626 19.0303 17.9697L17.5303 16.4697Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Media/MegaphoneSpeakingIcon.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="M19.0303 6.03033C19.3232 5.73744 19.3232 5.26256 19.0303 4.96967C18.7374 4.67678 18.2626 4.67678 17.9697 4.96967L16.4697 6.46967C16.1768 6.76256 16.1768 7.23744 16.4697 7.53033C16.7626 7.82322 17.2374 7.82322 17.5303 7.53033L19.0303 6.03033ZM19 11.25C18.5858 11.25 18.25 11.5858 18.25 12C18.25 12.4142 18.5858 12.75 19 12.75H21C21.4142 12.75 21.75 12.4142 21.75 12C21.75 11.5858 21.4142 11.25 21 11.25H19ZM16.4697 16.4697C16.7626 16.1768 17.2374 16.1768 17.5303 16.4697L19.0303 17.9697C19.3232 18.2626 19.3232 18.7374 19.0303 19.0303C18.7374 19.3232 18.2626 19.3232 17.9697 19.0303L16.4697 17.5303C16.1768 17.2374 16.1768 16.7626 16.4697 16.4697ZM14.287 5.30708C14.5673 5.42317 14.75 5.69664 14.75 5.99999V18C14.75 18.3033 14.5673 18.5768 14.287 18.6929C14.0068 18.809 13.6842 18.7448 13.4697 18.5303L12.8553 17.9159C11.7461 16.8067 10.307 16.0872 8.75407 15.8653L8.75 15.8647V19C8.75 19.4142 8.41421 19.75 8 19.75H6C5.58579 19.75 5.25 19.4142 5.25 19V15.675C3.53832 15.3275 2.25 13.8142 2.25 12C2.25 9.92892 3.92893 8.24999 6 8.24999H7.56722C7.81989 8.24999 8.07223 8.23206 8.32236 8.19633L8.75407 8.13465C10.307 7.91281 11.7461 7.19327 12.8553 6.08404L13.4697 5.46966C13.6842 5.25516 14.0068 5.191 14.287 5.30708ZM8.9662 14.3804L8.75 14.3495V9.65046L8.9662 9.61958C10.5432 9.3943 12.0229 8.74377 13.25 7.74564V16.2543C12.0229 15.2562 10.5432 14.6057 8.9662 14.3804ZM6 9.74999C4.75736 9.74999 3.75 10.7574 3.75 12C3.75 13.2426 4.75736 14.25 6 14.25H7.25V9.74999H6ZM7.25 15.75H6.75V18.25H7.25V15.75Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Media/MicrophoneFillIcon.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.75C9.92893 2.75 8.25 4.42893 8.25 6.5V11.5C8.25 13.5711 9.92893 15.25 12 15.25C14.0711 15.25 15.75 13.5711 15.75 11.5V6.5C15.75 4.42893 14.0711 2.75 12 2.75ZM7.75 10.5C7.75 10.0858 7.41421 9.75 7 9.75C6.58579 9.75 6.25 10.0858 6.25 10.5V11.5C6.25 14.3887 8.38011 16.7798 11.1553 17.1884V19.75H9.90527C9.49106 19.75 9.15527 20.0858 9.15527 20.5C9.15527 20.9142 9.49106 21.25 9.90527 21.25H13.9053C14.3195 21.25 14.6553 20.9142 14.6553 20.5C14.6553 20.0858 14.3195 19.75 13.9053 19.75H12.6553V17.2131C15.5223 16.8878 17.75 14.4541 17.75 11.5V10.5C17.75 10.0858 17.4142 9.75 17 9.75C16.5858 9.75 16.25 10.0858 16.25 10.5V11.5C16.25 13.8472 14.3472 15.75 12 15.75C9.65279 15.75 7.75 13.8472 7.75 11.5V10.5Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Media/MicrophoneIcon.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.75C9.92893 2.75 8.25 4.42893 8.25 6.5V11.5C8.25 13.5711 9.92893 15.25 12 15.25C14.0711 15.25 15.75 13.5711 15.75 11.5V6.5C15.75 4.42893 14.0711 2.75 12 2.75ZM9.75 6.5C9.75 5.25736 10.7574 4.25 12 4.25C13.2426 4.25 14.25 5.25736 14.25 6.5V11.5C14.25 12.7426 13.2426 13.75 12 13.75C10.7574 13.75 9.75 12.7426 9.75 11.5V6.5ZM7.75 10.5C7.75 10.0858 7.41421 9.75 7 9.75C6.58579 9.75 6.25 10.0858 6.25 10.5V11.5C6.25 14.3887 8.38011 16.7798 11.1553 17.1884V19.75H9.90527C9.49106 19.75 9.15527 20.0858 9.15527 20.5C9.15527 20.9142 9.49106 21.25 9.90527 21.25H13.9053C14.3195 21.25 14.6553 20.9142 14.6553 20.5C14.6553 20.0858 14.3195 19.75 13.9053 19.75H12.6553V17.2131C15.5223 16.8878 17.75 14.4541 17.75 11.5V10.5C17.75 10.0858 17.4142 9.75 17 9.75C16.5858 9.75 16.25 10.0858 16.25 10.5V11.5C16.25 13.8472 14.3472 15.75 12 15.75C9.65279 15.75 7.75 13.8472 7.75 11.5V10.5Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Media/MicrophoneSlashFillIcon.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="M8.50952 5.12648C8.47444 5.21554 8.49821 5.31623 8.56589 5.38391L15.3206 12.1386C15.4572 12.2752 15.6878 12.2108 15.7143 12.0193C15.7378 11.8496 15.75 11.6762 15.75 11.5V6.5C15.75 4.42893 14.0711 2.75 12 2.75C10.4138 2.75 9.05756 3.73487 8.50952 5.12648ZM8.25 11.5C8.25 11.4749 8.28035 11.4623 8.2981 11.4801L12.0197 15.2017C12.0376 15.2196 12.0253 15.25 12 15.25C9.92893 15.25 8.25 13.5711 8.25 11.5ZM12.4131 15.7302C12.4899 15.7228 12.5666 15.7486 12.6212 15.8032L13.4974 16.6794C13.6293 16.8113 13.575 17.0348 13.394 17.0799C13.2244 17.1221 13.0518 17.1568 12.8766 17.1836C12.7508 17.2028 12.6553 17.3091 12.6553 17.4363V19.5C12.6553 19.6381 12.7672 19.75 12.9053 19.75H13.9053C14.3195 19.75 14.6553 20.0858 14.6553 20.5C14.6553 20.9142 14.3195 21.25 13.9053 21.25H11.9053H9.90527C9.49106 21.25 9.15527 20.9142 9.15527 20.5C9.15527 20.0858 9.49106 19.75 9.90527 19.75H10.9053C11.0433 19.75 11.1553 19.6381 11.1553 19.5V17.4043C11.1553 17.2803 11.0641 17.1756 10.9422 17.1529C8.27181 16.6563 6.25 14.3143 6.25 11.5V10.5C6.25 10.0858 6.58579 9.75 7 9.75C7.41421 9.75 7.75 10.0858 7.75 10.5V11.5C7.75 13.8472 9.65279 15.75 12 15.75C12.1394 15.75 12.2772 15.7433 12.4131 15.7302ZM17.3236 13.677C17.2584 13.8363 17.0532 13.8712 16.9315 13.7496L16.1407 12.9587C16.0737 12.8917 16.0509 12.7927 16.0777 12.7018C16.1898 12.3207 16.25 11.9174 16.25 11.5V10.5C16.25 10.0858 16.5858 9.75 17 9.75C17.4142 9.75 17.75 10.0858 17.75 10.5V11.5C17.75 12.2705 17.5985 13.0055 17.3236 13.677ZM6.53033 5.46967C6.23744 5.17678 5.76256 5.17678 5.46967 5.46967C5.17678 5.76256 5.17678 6.23744 5.46967 6.53033L17.4697 18.5303C17.7626 18.8232 18.2374 18.8232 18.5303 18.5303C18.8232 18.2374 18.8232 17.7626 18.5303 17.4697L6.53033 5.46967Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Media/MicrophoneSlashIcon.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="M8.42162 5.37613C8.89899 3.85494 10.3195 2.75 12.0001 2.75C14.0712 2.75 15.7501 4.42893 15.7501 6.5V11.4648C15.7501 11.8791 15.4143 12.2148 15.0001 12.2148C14.5859 12.2148 14.2501 11.8791 14.2501 11.4648V6.5C14.2501 5.25736 13.2427 4.25 12.0001 4.25C10.9936 4.25 10.1396 4.91146 9.8528 5.82525C9.72878 6.22047 9.30786 6.44031 8.91265 6.31628C8.51744 6.19226 8.2976 5.77134 8.42162 5.37613ZM5.46967 5.46967C5.76256 5.17678 6.23744 5.17678 6.53033 5.46967L18.5303 17.4697C18.8232 17.7626 18.8232 18.2374 18.5303 18.5303C18.2374 18.8232 17.7626 18.8232 17.4697 18.5303L5.46967 6.53033C5.17678 6.23744 5.17678 5.76256 5.46967 5.46967ZM9.99202 12.5165C9.80453 12.1471 9.35313 11.9997 8.98377 12.1872C8.61442 12.3747 8.46698 12.8261 8.65447 13.1954C9.0143 13.9043 9.59226 14.4829 10.3007 14.8435C10.6698 15.0314 11.1214 14.8845 11.3093 14.5154C11.4972 14.1462 11.3503 13.6947 10.9812 13.5068C10.5559 13.2903 10.208 12.942 9.99202 12.5165ZM16.9998 9.75C17.414 9.75 17.7498 10.0858 17.7498 10.5V11.5C17.7498 12.1736 17.6336 12.8217 17.4197 13.4243C17.2811 13.8146 16.8523 14.0187 16.4619 13.8801C16.0716 13.7415 15.8675 13.3127 16.0061 12.9224C16.1637 12.4787 16.2498 12.0002 16.2498 11.5V10.5C16.2498 10.0858 16.5856 9.75 16.9998 9.75ZM7.75 10.5C7.75 10.0858 7.41421 9.75 7 9.75C6.58579 9.75 6.25 10.0858 6.25 10.5V11.5C6.25 14.3887 8.38011 16.7798 11.1553 17.1884V19.75H9.90527C9.49106 19.75 9.15527 20.0858 9.15527 20.5C9.15527 20.9142 9.49106 21.25 9.90527 21.25H13.9053C14.3195 21.25 14.6553 20.9142 14.6553 20.5C14.6553 20.0858 14.3195 19.75 13.9053 19.75H12.6553V17.213C12.778 17.1991 12.8995 17.1813 13.0199 17.1597C13.4276 17.0867 13.6989 16.6969 13.6259 16.2892C13.5528 15.8815 13.1631 15.6102 12.7554 15.6832C12.5107 15.727 12.2584 15.75 12 15.75C9.65279 15.75 7.75 13.8472 7.75 11.5V10.5Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Media/NewspaperFillIcon.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 3.25C6.58579 3.25 6.25 3.58579 6.25 4V5.25H4C3.58579 5.25 3.25 5.58579 3.25 6V18.5C3.25 19.7426 4.25736 20.75 5.5 20.75H17C19.0711 20.75 20.75 19.0711 20.75 17V4C20.75 3.58579 20.4142 3.25 20 3.25H7ZM5.5 19.25C5.91421 19.25 6.25 18.9142 6.25 18.5V6.75H4.75V18.5C4.75 18.9142 5.08579 19.25 5.5 19.25ZM10 7.25C9.58579 7.25 9.25 7.58579 9.25 8V12C9.25 12.4142 9.58579 12.75 10 12.75H17C17.4142 12.75 17.75 12.4142 17.75 12V8C17.75 7.58579 17.4142 7.25 17 7.25H10ZM10.75 11.25V8.75H16.25V11.25H10.75ZM9.25 16C9.25 15.5858 9.58579 15.25 10 15.25H17C17.4142 15.25 17.75 15.5858 17.75 16C17.75 16.4142 17.4142 16.75 17 16.75H10C9.58579 16.75 9.25 16.4142 9.25 16Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Media/NewspaperIcon.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.25 4C6.25 3.58579 6.58579 3.25 7 3.25H20C20.4142 3.25 20.75 3.58579 20.75 4V17C20.75 19.0711 19.0711 20.75 17 20.75H5.5C4.25736 20.75 3.25 19.7426 3.25 18.5V6C3.25 5.58579 3.58579 5.25 4 5.25H6.25V4ZM6.25 18.5C6.25 18.9142 5.91421 19.25 5.5 19.25C5.08579 19.25 4.75 18.9142 4.75 18.5V6.75H6.25V18.5ZM19.25 17C19.25 18.2426 18.2426 19.25 17 19.25H7.62197C7.70488 19.0154 7.75 18.763 7.75 18.5V4.75H19.25V17ZM9.25 8C9.25 7.58579 9.58579 7.25 10 7.25H17C17.4142 7.25 17.75 7.58579 17.75 8V12C17.75 12.4142 17.4142 12.75 17 12.75H10C9.58579 12.75 9.25 12.4142 9.25 12V8ZM10.75 8.75V11.25H16.25V8.75H10.75ZM9.25 16C9.25 15.5858 9.58579 15.25 10 15.25H17C17.4142 15.25 17.75 15.5858 17.75 16C17.75 16.4142 17.4142 16.75 17 16.75H10C9.58579 16.75 9.25 16.4142 9.25 16Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Media/PauseFillIcon.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 6.25C6.58579 6.25 6.25 6.58579 6.25 7V17C6.25 17.4142 6.58579 17.75 7 17.75H10C10.4142 17.75 10.75 17.4142 10.75 17V7C10.75 6.58579 10.4142 6.25 10 6.25H7ZM14 6.25C13.5858 6.25 13.25 6.58579 13.25 7V17C13.25 17.4142 13.5858 17.75 14 17.75H17C17.4142 17.75 17.75 17.4142 17.75 17V7C17.75 6.58579 17.4142 6.25 17 6.25H14Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Media/PauseIcon.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 6.25C6.58579 6.25 6.25 6.58579 6.25 7V17C6.25 17.4142 6.58579 17.75 7 17.75H10C10.4142 17.75 10.75 17.4142 10.75 17V7C10.75 6.58579 10.4142 6.25 10 6.25H7ZM7.75 16.25V7.75H9.25V16.25H7.75ZM14 6.25C13.5858 6.25 13.25 6.58579 13.25 7V17C13.25 17.4142 13.5858 17.75 14 17.75H17C17.4142 17.75 17.75 17.4142 17.75 17V7C17.75 6.58579 17.4142 6.25 17 6.25H14ZM14.75 16.25V7.75H16.25V16.25H14.75Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Media/PlayFillIcon.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="M8.61965 6.3536C8.84869 6.21883 9.13193 6.21533 9.36423 6.34438L18.3642 11.3444C18.6023 11.4767 18.75 11.7276 18.75 12C18.75 12.2724 18.6023 12.5233 18.3642 12.6556L9.36423 17.6556C9.13193 17.7847 8.84869 17.7812 8.61965 17.6464C8.39062 17.5116 8.25 17.2657 8.25 17V7C8.25 6.73426 8.39062 6.48836 8.61965 6.3536Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Media/PlayIcon.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="M8.61965 6.3536C8.84869 6.21883 9.13193 6.21533 9.36423 6.34438L18.3642 11.3444C18.6023 11.4767 18.75 11.7276 18.75 12C18.75 12.2724 18.6023 12.5233 18.3642 12.6556L9.36423 17.6556C9.13193 17.7847 8.84869 17.7812 8.61965 17.6464C8.39062 17.5116 8.25 17.2657 8.25 17V7C8.25 6.73426 8.39062 6.48836 8.61965 6.3536ZM9.75 8.27464V15.7254L16.4557 12L9.75 8.27464Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Media/PresentationFillIcon.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 4.25C2.58579 4.25 2.25 4.58579 2.25 5V8C2.25 8.41421 2.58579 8.75 3 8.75H21C21.4142 8.75 21.75 8.41421 21.75 8V5C21.75 4.58579 21.4142 4.25 21 4.25H3ZM3.25 10C3.25 9.86193 3.36193 9.75 3.5 9.75H20.5C20.6381 9.75 20.75 9.86193 20.75 10V16C20.75 16.4142 20.4142 16.75 20 16.75H15.9775L16.501 18.7037C16.6082 19.1038 16.3708 19.5151 15.9707 19.6223C15.5706 19.7295 15.1593 19.492 15.0521 19.0919L14.4246 16.75H9.57558L8.94804 19.092C8.84084 19.4921 8.42958 19.7295 8.02949 19.6223C7.62939 19.5151 7.39195 19.1039 7.49916 18.7038L8.02267 16.75H4C3.58579 16.75 3.25 16.4142 3.25 16V10Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Media/PresentationIcon.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 4.25C2.58579 4.25 2.25 4.58579 2.25 5V8C2.25 8.41421 2.58579 8.75 3 8.75H3.25V16C3.25 16.4142 3.58579 16.75 4 16.75H8.02258L7.4991 18.7037C7.39189 19.1038 7.62933 19.515 8.02943 19.6222C8.42953 19.7294 8.84078 19.492 8.94799 19.0919L9.57549 16.75H14.4245L15.052 19.0919C15.1592 19.492 15.5705 19.7294 15.9706 19.6222C16.3707 19.515 16.6081 19.1038 16.5009 18.7037L15.9774 16.75H20C20.4142 16.75 20.75 16.4142 20.75 16V8.75H21C21.4142 8.75 21.75 8.41421 21.75 8V5C21.75 4.58579 21.4142 4.25 21 4.25H3ZM8.98267 15.25C8.99388 15.2497 9.00512 15.2497 9.01639 15.25H14.9836C14.9949 15.2497 15.0061 15.2497 15.0173 15.25H19.25V8.75H4.75V15.25H8.98267ZM20.25 7.25V5.75H3.75V7.25H20.25Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Media/RecordFillIcon.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.25 12C6.25 8.82436 8.82436 6.25 12 6.25C15.1756 6.25 17.75 8.82436 17.75 12C17.75 15.1756 15.1756 17.75 12 17.75C8.82436 17.75 6.25 15.1756 6.25 12Z" fill="currentColor"/>
+</svg>
+</template>