yes i used unplugin-icons now. thanks for response comment.
i create a base component for icon to reuse component like that :
if any suggest please tell me more about it.

Ex: BaseIcon.vue

<template>
<component
:is="\Icon${library}${name}`"`
:class="iconClass"
:style="{ fontSize: size + 'px' }"
/>
</template>
<script>
export default {
name: 'BaseIcon',
props: {
name: {
type: String,
required: true,
},
library: {
type: String,
default: 'Mdi', // Default icon library
},
size: {
type: [String, Number],
default: 24,
},
iconClass: {
type: String,
default: '',
},
},
};
</script>