LazyIconComponent.vue

<script setup>
import { reactive, onMounted } from 'vue';

const props = defineProps({
    is: String,
    icons: Array,
});

const list = reactive({});

onMounted(() => {
    const all = import.meta.glob('./Icons/*.vue');

    (props.icons || [props.is]).forEach(async icon => {
        list[icon] = await load(all, icon);
    });
});

const load = async (all, icon) => {
    const component = all[`./Icons/${icon}.vue`];

    if (!icon || !component) {
        return;
    }

    return (await component()).default;
};
</script>

<template>
    <Component :is="list[is]" />
</template>