how to import @mdi/font to my vue3 project without vuetify?

Question

I installed @mdi/font using npm i @mdi/font

But how can i import it to my vue3 Project? vite return warning:

[vite] dependency @mdi/font declares non-existent entry file D:\xxxx
ode_modules\@mdi\font\index.js.

What should I do so that i can use mdi icons like this way

user_14629776 · Answer

if you dont want to pack the font to your project,just add cdn link to your index.html in public folder like this: