@modkit-org/aksel-icons-vue 1.0.0

package/src/types/Status/XMarkOctagonFillIcon.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.74175 2.46967C7.8824 2.32902 8.07317 2.25 8.27208 2.25L15.7279 2.25C15.9268 2.25 16.1176 2.32902 16.2583 2.46967L21.5303 7.74175C21.671 7.8824 21.75 8.07317 21.75 8.27208V15.7279C21.75 15.9268 21.671 16.1176 21.5303 16.2583L16.2583 21.5303C16.1176 21.671 15.9268 21.75 15.7279 21.75H8.27208C8.07316 21.75 7.8824 21.671 7.74175 21.5303L2.46967 16.2583C2.32902 16.1176 2.25 15.9268 2.25 15.7279L2.25 8.27208C2.25 8.07317 2.32902 7.8824 2.46967 7.74175L7.74175 2.46967ZM9.03033 7.96967C8.73744 7.67678 8.26256 7.67678 7.96967 7.96967C7.67678 8.26256 7.67678 8.73744 7.96967 9.03033L10.9393 12L7.96967 14.9697C7.67678 15.2626 7.67678 15.7374 7.96967 16.0303C8.26256 16.3232 8.73744 16.3232 9.03033 16.0303L12 13.0607L14.9697 16.0303C15.2626 16.3232 15.7374 16.3232 16.0303 16.0303C16.3232 15.7374 16.3232 15.2626 16.0303 14.9697L13.0607 12L16.0303 9.03033C16.3232 8.73744 16.3232 8.26256 16.0303 7.96967C15.7374 7.67678 15.2626 7.67678 14.9697 7.96967L12 10.9393L9.03033 7.96967Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Status/XMarkOctagonIcon.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.27208 2.25C8.07317 2.25 7.8824 2.32902 7.74175 2.46967L2.46967 7.74175C2.32902 7.8824 2.25 8.07317 2.25 8.27208V15.7279C2.25 15.9268 2.32902 16.1176 2.46967 16.2583L7.74175 21.5303C7.8824 21.671 8.07316 21.75 8.27208 21.75H15.7279C15.9268 21.75 16.1176 21.671 16.2583 21.5303L21.5303 16.2583C21.671 16.1176 21.75 15.9268 21.75 15.7279V8.27208C21.75 8.07317 21.671 7.8824 21.5303 7.74175L16.2583 2.46967C16.1176 2.32902 15.9268 2.25 15.7279 2.25H8.27208ZM3.75 8.58274L8.58274 3.75H15.4173L20.25 8.58274V15.4173L15.4173 20.25H8.58274L3.75 15.4173V8.58274ZM9.03033 7.96967C8.73744 7.67678 8.26256 7.67678 7.96967 7.96967C7.67678 8.26256 7.67678 8.73744 7.96967 9.03033L10.9393 12L7.96967 14.9697C7.67678 15.2626 7.67678 15.7374 7.96967 16.0303C8.26256 16.3232 8.73744 16.3232 9.03033 16.0303L12 13.0607L14.9697 16.0303C15.2626 16.3232 15.7374 16.3232 16.0303 16.0303C16.3232 15.7374 16.3232 15.2626 16.0303 14.9697L13.0607 12L16.0303 9.03033C16.3232 8.73744 16.3232 8.26256 16.0303 7.96967C15.7374 7.67678 15.2626 7.67678 14.9697 7.96967L12 10.9393L9.03033 7.96967Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Transportation/AirplaneFillIcon.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.38826 3.62505C6.15652 3.6915 5.97084 3.8653 5.88925 4.09216C5.80765 4.31901 5.84009 4.57126 5.97641 4.7701L8.36829 8.25878L8.11295 8.332L5.79538 6.68863C5.60952 6.55684 5.37384 6.51668 5.15483 6.57948L3.23231 7.13075C2.97855 7.20352 2.78174 7.40432 2.71408 7.65949C2.64643 7.91465 2.7179 8.18659 2.90227 8.37552L5.97251 11.5216C7.4499 13.0355 9.63922 13.616 11.6726 13.0329L20.337 10.5485C21.3271 10.2645 21.5682 8.97208 20.7469 8.35031L19.1524 7.14305C17.9604 6.24057 16.4131 5.95197 14.9759 6.36408L13.4288 6.80772L8.98958 3.21193C8.79941 3.05788 8.54604 3.00632 8.31078 3.07377L6.38826 3.62505ZM10.0595 15.2359C9.8993 15.3303 9.90495 15.561 10.0577 15.6671C10.3786 15.8898 10.6712 16.1496 10.9317 16.4427C11.8431 17.4679 12.2501 18.7711 12.2501 20L12.25 20.0141C12.249 20.1747 12.3791 20.3143 12.5393 20.303C13.0023 20.2704 13.455 20.25 13.8625 20.25C15.61 20.25 18.1887 20.6258 18.844 20.7258C18.9487 20.7418 19.0543 20.7555 19.1579 20.7333C19.4962 20.6608 19.7499 20.36 19.7499 20C19.7499 17.0858 17.4141 14.25 13.4999 14.25C12.1367 14.25 10.9677 14.7009 10.0595 15.2359ZM4.18944 17.4392C4.83873 16.7088 5.79648 16.25 7 16.25C8.20352 16.25 9.16127 16.7088 9.81056 17.4392C10.4476 18.1559 10.75 19.0902 10.75 20C10.75 20.3184 10.5516 20.5905 10.2716 20.6993C10.0998 20.7661 9.91096 20.7245 9.73237 20.6789C9.19197 20.5408 7.94182 20.25 7 20.25C6.05818 20.25 4.80803 20.5408 4.26763 20.6789C4.08904 20.7245 3.90023 20.7661 3.72842 20.6993C3.44845 20.5905 3.25 20.3184 3.25 20C3.25 19.0902 3.55242 18.1559 4.18944 17.4392Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Transportation/AirplaneIcon.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.38832 3.62499C6.15657 3.69144 5.9709 3.86524 5.88931 4.0921C5.80771 4.31895 5.84014 4.5712 5.97647 4.77004L8.36835 8.25872L8.11301 8.33194L5.79544 6.68857C5.60958 6.55678 5.3739 6.51662 5.15489 6.57942L3.23236 7.1307C2.97861 7.20346 2.7818 7.40427 2.71414 7.65943C2.64649 7.91459 2.71796 8.18653 2.90233 8.37546L5.97257 11.5216C7.44996 13.0355 9.63928 13.6159 11.6727 13.0329L20.337 10.5484C21.3272 10.2645 21.5682 8.97202 20.747 8.35025L19.1525 7.143C17.9605 6.24051 16.4131 5.95192 14.976 6.36402L13.4288 6.80766L8.98964 3.21187C8.79947 3.05783 8.5461 3.00626 8.31084 3.07372L6.38832 3.62499ZM8.17996 9.87319L9.26243 9.5628L9.55282 9.98634C9.78704 10.328 10.2539 10.415 10.5955 10.1808C10.9371 9.94658 11.0242 9.47976 10.79 9.13813L7.80203 4.78006L8.34893 4.62324L12.7881 8.21904C12.9783 8.37308 13.2316 8.42465 13.4669 8.35719L15.3894 7.80591C16.3728 7.52395 17.4315 7.72141 18.247 8.3389L19.4429 9.24434L11.2592 11.591C9.75627 12.0219 8.13808 11.5929 7.04609 10.4739L4.85284 8.22648L5.22184 8.12067L7.53941 9.76405C7.72527 9.89583 7.96095 9.93599 8.17996 9.87319ZM9.81056 17.4392C9.7791 17.4038 9.74693 17.3691 9.71403 17.335C10.473 16.6649 11.8213 15.75 13.4998 15.75C16.5856 15.75 18.2498 17.9142 18.2498 20C18.2498 20.4142 18.5856 20.75 18.9998 20.75C19.414 20.75 19.7498 20.4142 19.7498 20C19.7498 17.0858 17.414 14.25 13.4998 14.25C11.0483 14.25 9.2246 15.7083 8.41735 16.4919C7.99415 16.3357 7.52002 16.25 7 16.25C5.79648 16.25 4.83873 16.7088 4.18944 17.4392C3.55242 18.1559 3.25 19.0902 3.25 20C3.25 20.4142 3.58579 20.75 4 20.75C4.41421 20.75 4.75 20.4142 4.75 20C4.75 19.4098 4.94758 18.8441 5.31056 18.4358C5.66127 18.0412 6.20352 17.75 7 17.75C7.79648 17.75 8.33873 18.0412 8.68944 18.4358C9.05242 18.8441 9.25 19.4098 9.25 20C9.25 20.4142 9.58579 20.75 10 20.75C10.4142 20.75 10.75 20.4142 10.75 20C10.75 19.0902 10.4476 18.1559 9.81056 17.4392Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Transportation/BackpackFillIcon.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.75 4.5C10.75 4.36193 10.8619 4.25 11 4.25H13C13.1381 4.25 13.25 4.36193 13.25 4.5V5.25534C13.1671 5.25179 13.0838 5.25 13 5.25H11C10.9162 5.25 10.8329 5.25179 10.75 5.25534V4.5ZM9.25 5.52115V4.5C9.25 3.5335 10.0335 2.75 11 2.75H13C13.9665 2.75 14.75 3.5335 14.75 4.5V5.52115C17.0699 6.26153 18.75 8.43456 18.75 11V12.25H19C20.5188 12.25 21.75 13.4812 21.75 15V18C21.75 18.9665 20.9665 19.75 20 19.75H18.75V20C18.75 20.9665 17.9665 21.75 17 21.75H7C6.0335 21.75 5.25 20.9665 5.25 20V19.75H4C3.0335 19.75 2.25 18.9665 2.25 18V15C2.25 13.4812 3.48122 12.25 5 12.25H5.25V11C5.25 8.43456 6.93008 6.26153 9.25 5.52115ZM19 13.75C18.8619 13.75 18.75 13.8619 18.75 14V18C18.75 18.1381 18.8619 18.25 19 18.25H20C20.1381 18.25 20.25 18.1381 20.25 18V15C20.25 14.3096 19.6904 13.75 19 13.75ZM3.75 15C3.75 14.3096 4.30964 13.75 5 13.75C5.13807 13.75 5.25 13.8619 5.25 14V18C5.25 18.1381 5.13807 18.25 5 18.25H4C3.86193 18.25 3.75 18.1381 3.75 18V15ZM9.25 10C9.25 9.58579 9.58579 9.25 10 9.25H14C14.4142 9.25 14.75 9.58579 14.75 10C14.75 10.4142 14.4142 10.75 14 10.75H10C9.58579 10.75 9.25 10.4142 9.25 10ZM10 13.25C9.0335 13.25 8.25 14.0335 8.25 15V17C8.25 17.9665 9.0335 18.75 10 18.75H14C14.9665 18.75 15.75 17.9665 15.75 17V15C15.75 14.0335 14.9665 13.25 14 13.25H10ZM9.75 15C9.75 14.8619 9.86193 14.75 10 14.75H14C14.1381 14.75 14.25 14.8619 14.25 15V17C14.25 17.1381 14.1381 17.25 14 17.25H10C9.86193 17.25 9.75 17.1381 9.75 17V15Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Transportation/BackpackIcon.vue

@@ -0,0 +1,42 @@
+<!--
+	@generated		This file is auto-generated. Do not edit manually.
+	@version		1.0.0
+	@downloadUrl	https://cdn.nav.no/aksel/icons/zip/aksel-icons.zip
+-->
+<script setup>
+import { computed, useAttrs } from "vue";
+
+const props = defineProps({
+  size: {
+    type: [String, Number],
+    default: "1em",
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  ariaLabel: {
+    type: String,
+    default: "",
+  },
+});
+
+const attrs = useAttrs();
+
+const normalizedSize = computed(() =>
+  typeof props.size === "number" ? `${props.size}px` : props.size,
+);
+
+const accessibleLabel = computed(
+  () => props.ariaLabel || props.title || undefined,
+);
+
+const decorative = computed(() => !accessibleLabel.value);
+</script>
+
+<template>
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" v-bind="attrs" :width="normalizedSize" :height="normalizedSize" :aria-hidden="decorative ? 'true' : undefined" :aria-label="accessibleLabel" :role="decorative ? undefined : 'img'">
+  <title v-if="props.title">{{ props.title }}</title>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.25 5.52115C6.93008 6.26153 5.25 8.43456 5.25 11V12.25H5C3.48122 12.25 2.25 13.4812 2.25 15V18C2.25 18.9665 3.0335 19.75 4 19.75H5.25V20C5.25 20.9665 6.0335 21.75 7 21.75H17C17.9665 21.75 18.75 20.9665 18.75 20V19.75H20C20.9665 19.75 21.75 18.9665 21.75 18V15C21.75 13.4812 20.5188 12.25 19 12.25H18.75V11C18.75 8.43456 17.0699 6.26153 14.75 5.52115V4.5C14.75 3.5335 13.9665 2.75 13 2.75H11C10.0335 2.75 9.25 3.5335 9.25 4.5V5.52115ZM11 4.25C10.8619 4.25 10.75 4.36193 10.75 4.5V5.25534C10.8329 5.25179 10.9162 5.25 11 5.25H13C13.0838 5.25 13.1671 5.25179 13.25 5.25534V4.5C13.25 4.36193 13.1381 4.25 13 4.25H11ZM6.75 11C6.75 8.65279 8.65279 6.75 11 6.75H13C15.3472 6.75 17.25 8.65279 17.25 11V20C17.25 20.1381 17.1381 20.25 17 20.25H7C6.86193 20.25 6.75 20.1381 6.75 20V11ZM4 18.25C3.86193 18.25 3.75 18.1381 3.75 18V15C3.75 14.3096 4.30964 13.75 5 13.75H5.25V18.25H4ZM19 13.75C19.6904 13.75 20.25 14.3096 20.25 15V18C20.25 18.1381 20.1381 18.25 20 18.25H18.75V13.75H19ZM9.25 10C9.25 9.58579 9.58579 9.25 10 9.25H14C14.4142 9.25 14.75 9.58579 14.75 10C14.75 10.4142 14.4142 10.75 14 10.75H10C9.58579 10.75 9.25 10.4142 9.25 10ZM8.25 15C8.25 14.0335 9.0335 13.25 10 13.25H14C14.9665 13.25 15.75 14.0335 15.75 15V17C15.75 17.9665 14.9665 18.75 14 18.75H10C9.0335 18.75 8.25 17.9665 8.25 17V15ZM10 14.75C9.86193 14.75 9.75 14.8619 9.75 15V17C9.75 17.1381 9.86193 17.25 10 17.25H14C14.1381 17.25 14.25 17.1381 14.25 17V15C14.25 14.8619 14.1381 14.75 14 14.75H10Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Transportation/BaggageFillIcon.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.25 4C8.25 3.58579 8.58579 3.25 9 3.25H15C15.4142 3.25 15.75 3.58579 15.75 4V6.25H16C16.9665 6.25 17.75 7.0335 17.75 8V18C17.75 18.9665 16.9665 19.75 16 19.75H15.75V20C15.75 20.4142 15.4142 20.75 15 20.75C14.5858 20.75 14.25 20.4142 14.25 20V19.75H9.75V20C9.75 20.4142 9.41421 20.75 9 20.75C8.58579 20.75 8.25 20.4142 8.25 20V19.75H8C7.0335 19.75 6.25 18.9665 6.25 18V8C6.25 7.0335 7.0335 6.25 8 6.25H8.25V4ZM9.75 6.25H14.25V4.75H9.75V6.25ZM9.25 11C9.25 10.5858 9.58579 10.25 10 10.25H14C14.4142 10.25 14.75 10.5858 14.75 11C14.75 11.4142 14.4142 11.75 14 11.75H10C9.58579 11.75 9.25 11.4142 9.25 11Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Transportation/BaggageIcon.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.25 4C8.25 3.58579 8.58579 3.25 9 3.25H15C15.4142 3.25 15.75 3.58579 15.75 4V6.25H16C16.9665 6.25 17.75 7.0335 17.75 8V18C17.75 18.9665 16.9665 19.75 16 19.75H15.75V20C15.75 20.4142 15.4142 20.75 15 20.75C14.5858 20.75 14.25 20.4142 14.25 20V19.75H9.75V20C9.75 20.4142 9.41421 20.75 9 20.75C8.58579 20.75 8.25 20.4142 8.25 20V19.75H8C7.0335 19.75 6.25 18.9665 6.25 18V8C6.25 7.0335 7.0335 6.25 8 6.25H8.25V4ZM16 7.75C16.1381 7.75 16.25 7.86193 16.25 8V18C16.25 18.1381 16.1381 18.25 16 18.25H8C7.86193 18.25 7.75 18.1381 7.75 18V8C7.75 7.86193 7.86193 7.75 8 7.75H16ZM14.25 4.75V6.25H9.75V4.75H14.25ZM10 10.25C9.58579 10.25 9.25 10.5858 9.25 11C9.25 11.4142 9.58579 11.75 10 11.75H14C14.4142 11.75 14.75 11.4142 14.75 11C14.75 10.5858 14.4142 10.25 14 10.25H10Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Transportation/BicycleIcon.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.75 6C16.75 5.58579 16.4142 5.25 16 5.25H14C13.7461 5.25 13.5095 5.37844 13.3711 5.59131C13.2328 5.80419 13.2115 6.0726 13.3146 6.3046L14.6439 9.29544L12.2731 11.6662L10.6307 9.75H11C11.4142 9.75 11.75 9.41421 11.75 9C11.75 8.58579 11.4142 8.25 11 8.25H8C7.58579 8.25 7.25 8.58579 7.25 9C7.25 9.41421 7.58579 9.75 8 9.75H8.65505L11.2093 12.73L10.6302 13.3091L9.45677 13.5438C8.88831 12.196 7.55463 11.25 6 11.25C3.92893 11.25 2.25 12.9289 2.25 15C2.25 17.0711 3.92893 18.75 6 18.75C8.06611 18.75 9.74196 17.0791 9.74997 15.0149L11.1471 14.7354C11.2923 14.7064 11.4256 14.635 11.5303 14.5303L15.2966 10.764L15.8223 11.9468C14.8705 12.6269 14.25 13.741 14.25 15C14.25 17.0711 15.9289 18.75 18 18.75C20.0711 18.75 21.75 17.0711 21.75 15C21.75 12.9289 20.0711 11.25 18 11.25C17.7229 11.25 17.4528 11.2801 17.1928 11.3371L15.1541 6.75H16C16.4142 6.75 16.75 6.41421 16.75 6ZM7.9334 13.8485L5.85291 14.2646C5.44674 14.3458 5.18333 14.7409 5.26456 15.1471C5.3458 15.5533 5.74092 15.8167 6.14709 15.7354L8.22751 15.3194C8.07244 16.4107 7.13423 17.25 6 17.25C4.75736 17.25 3.75 16.2426 3.75 15C3.75 13.7574 4.75736 12.75 6 12.75C6.82182 12.75 7.54073 13.1906 7.9334 13.8485ZM15.75 15C15.75 14.3566 16.0201 13.7762 16.4531 13.3661L17.3146 15.3046C17.4829 15.6831 17.9261 15.8536 18.3046 15.6854C18.6831 15.5171 18.8536 15.0739 18.6854 14.6954L17.8238 12.7568C17.8819 12.7523 17.9407 12.75 18 12.75C19.2426 12.75 20.25 13.7574 20.25 15C20.25 16.2426 19.2426 17.25 18 17.25C16.7574 17.25 15.75 16.2426 15.75 15Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Transportation/BoatFillIcon.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.25 3C5.25 2.58579 5.58579 2.25 6 2.25H18C18.4142 2.25 18.75 2.58579 18.75 3V9.65285C18.75 9.82136 18.5867 9.94161 18.4258 9.89158L12.6679 8.10144C12.2328 7.96619 11.767 7.96619 11.3319 8.10144L5.57422 9.89152C5.41331 9.94155 5.25 9.8213 5.25 9.6528V3ZM13.5 5.75049C13.0858 5.75049 12.75 6.08627 12.75 6.50049C12.75 6.9147 13.0858 7.25049 13.5 7.25049H15C15.4142 7.25049 15.75 6.9147 15.75 6.50049C15.75 6.08627 15.4142 5.75049 15 5.75049H13.5ZM8.25 6.50049C8.25 6.08627 8.58579 5.75049 9 5.75049H10.5C10.9142 5.75049 11.25 6.08627 11.25 6.50049C11.25 6.9147 10.9142 7.25049 10.5 7.25049H9C8.58579 7.25049 8.25 6.9147 8.25 6.50049ZM12.2226 9.53381C12.0776 9.48873 11.9223 9.48873 11.7773 9.53381L4.45068 11.8117C4.25169 11.8735 4.08742 12.0154 3.99723 12.2032C3.90704 12.3911 3.89907 12.608 3.97523 12.802L7.3018 21.2741C7.41452 21.5612 7.6915 21.75 7.99991 21.75H15.9999C16.3083 21.75 16.5853 21.5612 16.698 21.2741L20.0246 12.802C20.1008 12.608 20.0928 12.3911 20.0026 12.2032C19.9124 12.0154 19.7481 11.8735 19.5491 11.8117L12.2226 9.53381Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Transportation/BoatIcon.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.25 3C5.25 2.58579 5.58579 2.25 6 2.25H18C18.4142 2.25 18.75 2.58579 18.75 3V11.0676L19.7227 11.37C19.9216 11.4318 20.0859 11.5737 20.1761 11.7615C20.2663 11.9494 20.2743 12.1663 20.1981 12.3603L16.6981 21.2741C16.5854 21.5612 16.3084 21.75 16 21.75H8C7.69158 21.75 7.41461 21.5612 7.30189 21.2741L3.80189 12.3603C3.72573 12.1663 3.7337 11.9494 3.82389 11.7615C3.91408 11.5737 4.07835 11.4318 4.27734 11.37L5.25 11.0676V3ZM17.25 10.6012L12.2227 9.03821C12.0776 8.99312 11.9224 8.99312 11.7773 9.03821L6.75 10.6012V3.75H17.25V10.6012ZM5.49292 12.5629L8.51126 20.25H15.4887L18.5071 12.5629L12 10.5398L5.49292 12.5629ZM8.25 6.50049C8.25 6.08627 8.58579 5.75049 9 5.75049H10.5C10.9142 5.75049 11.25 6.08627 11.25 6.50049C11.25 6.9147 10.9142 7.25049 10.5 7.25049H9C8.58579 7.25049 8.25 6.9147 8.25 6.50049ZM12.75 6.50049C12.75 6.08627 13.0858 5.75049 13.5 5.75049H15C15.4142 5.75049 15.75 6.08627 15.75 6.50049C15.75 6.9147 15.4142 7.25049 15 7.25049H13.5C13.0858 7.25049 12.75 6.9147 12.75 6.50049Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Transportation/BusFillIcon.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 5.25C2.58579 5.25 2.25 5.58579 2.25 6V16.5C2.25 16.9142 2.58579 17.25 3 17.25H4.82145C4.99744 17.25 5.11908 17.0722 5.07755 16.9012C5.02686 16.6924 5 16.4743 5 16.25C5 14.7312 6.23122 13.5 7.75 13.5C9.26878 13.5 10.5 14.7312 10.5 16.25C10.5 16.4743 10.4731 16.6924 10.4224 16.9012C10.3809 17.0722 10.5026 17.25 10.6785 17.25H13.3215C13.4974 17.25 13.6191 17.0722 13.5776 16.9012C13.5269 16.6924 13.5 16.4743 13.5 16.25C13.5 14.7312 14.7312 13.5 16.25 13.5C17.7688 13.5 19 14.7312 19 16.25C19 16.4743 18.9731 16.6924 18.9225 16.9012C18.8809 17.0722 19.0026 17.25 19.1786 17.25H21C21.4142 17.25 21.75 16.9142 21.75 16.5V6C21.75 5.58579 21.4142 5.25 21 5.25H3ZM17.75 7C17.75 6.86193 17.8619 6.75 18 6.75H20C20.1381 6.75 20.25 6.86193 20.25 7V11C20.25 11.1381 20.1381 11.25 20 11.25H18C17.8619 11.25 17.75 11.1381 17.75 11V7ZM18 16.25C18 17.2165 17.2165 18 16.25 18C15.2835 18 14.5 17.2165 14.5 16.25C14.5 15.2835 15.2835 14.5 16.25 14.5C17.2165 14.5 18 15.2835 18 16.25ZM7.75 18C8.7165 18 9.5 17.2165 9.5 16.25C9.5 15.2835 8.7165 14.5 7.75 14.5C6.7835 14.5 6 15.2835 6 16.25C6 17.2165 6.7835 18 7.75 18Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Transportation/BusIcon.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 5.25C2.58579 5.25 2.25 5.58579 2.25 6V16.5C2.25 16.9142 2.58579 17.25 3 17.25H5.45802C5.8438 18.133 6.72484 18.75 7.75 18.75C8.77516 18.75 9.6562 18.133 10.042 17.25H13.958C14.3438 18.133 15.2248 18.75 16.25 18.75C17.2752 18.75 18.1562 18.133 18.542 17.25H21C21.4142 17.25 21.75 16.9142 21.75 16.5V6C21.75 5.58579 21.4142 5.25 21 5.25H3ZM17 12.75C16.5858 12.75 16.25 12.4142 16.25 12V6.75H3.75V15.75H5.30001C5.53164 14.6089 6.54052 13.75 7.75 13.75C8.95948 13.75 9.96836 14.6089 10.2 15.75H13.8C14.0316 14.6089 15.0405 13.75 16.25 13.75C17.4595 13.75 18.4684 14.6089 18.7 15.75H20.25V12.75H17ZM7.75 15.25C7.19772 15.25 6.75 15.6977 6.75 16.25C6.75 16.8023 7.19772 17.25 7.75 17.25C8.30228 17.25 8.75 16.8023 8.75 16.25C8.75 15.6977 8.30228 15.25 7.75 15.25ZM16.25 15.25C15.6977 15.25 15.25 15.6977 15.25 16.25C15.25 16.8023 15.6977 17.25 16.25 17.25C16.8023 17.25 17.25 16.8023 17.25 16.25C17.25 15.6977 16.8023 15.25 16.25 15.25ZM20.25 11.25H17.75V6.75H20.25V11.25Z" fill="currentColor"/>
+</svg>
+</template>

package/src/types/Transportation/CarFillIcon.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 5.25C7.13442 5.25 6.31935 5.65753 5.8 6.35L3.7 9.15C3.69088 9.16216 3.66104 9.19476 3.56359 9.2519C3.51555 9.28007 3.46123 9.30856 3.39128 9.34426L3.35866 9.36087L3.35863 9.36089C3.29963 9.39089 3.22859 9.42702 3.16038 9.46436C2.6195 9.76045 2.25 10.3365 2.25 11V14C2.25 14.782 2.76289 15.4442 3.47063 15.6685C3.61519 15.7143 3.75004 15.5967 3.76306 15.4456C3.91733 13.6551 5.41957 12.25 7.25 12.25C9.09893 12.25 10.613 13.6837 10.7412 15.5C10.7509 15.6377 10.8619 15.75 11 15.75H13.5C13.6381 15.75 13.7491 15.6377 13.7588 15.5C13.887 13.6837 15.4011 12.25 17.25 12.25C18.9179 12.25 20.3134 13.4167 20.6647 14.9786C20.7017 15.143 20.8796 15.2417 21.0168 15.1437C21.4665 14.8225 21.75 14.2976 21.75 13.7192V12.193C21.75 11.4635 21.2975 10.8106 20.6145 10.5544L17.5369 9.40034C17.4923 9.38359 17.4533 9.35442 17.4247 9.31626L15.2 6.35C14.6806 5.65753 13.8656 5.25 13 5.25H8ZM6.99997 7.25C7.23603 6.93524 7.60652 6.75 7.99997 6.75H8.49997C8.63804 6.75 8.74997 6.86193 8.74997 7V9C8.74997 9.13807 8.63804 9.25 8.49997 9.25H5.99997C5.79395 9.25 5.67636 9.01481 5.79997 8.85L6.99997 7.25ZM10.5 6.75C10.3619 6.75 10.25 6.86193 10.25 7V9C10.25 9.13807 10.3619 9.25 10.5 9.25H15C15.206 9.25 15.3236 9.01481 15.2 8.85L14 7.25C13.7639 6.93524 13.3934 6.75 13 6.75H10.5ZM4.75 15.75C4.75 14.3693 5.86929 13.25 7.25 13.25C8.63071 13.25 9.75 14.3693 9.75 15.75C9.75 17.1307 8.63071 18.25 7.25 18.25C5.86929 18.25 4.75 17.1307 4.75 15.75ZM14.75 15.75C14.75 14.3693 15.8693 13.25 17.25 13.25C18.6307 13.25 19.75 14.3693 19.75 15.75C19.75 17.1307 18.6307 18.25 17.25 18.25C15.8693 18.25 14.75 17.1307 14.75 15.75Z" fill="currentColor"/>
+</svg>
+</template>