vue.jsvue-componentvuejs3vuetify.jsvueify

Is it possible to use my .svg icons in vue3 and vuetify?

I have several images or icons (.svg) and I would like to know what is the best way to use my svg as vuetify icons.

Solution

  • there are several ways to manage and show SVG icons into Vue projects

    1. if you have many SVG files , you can use icomoon and import all SVG and manage them. this link can help you . if you have any problem with this package, I can help you.

    2. you can implement a Vue component and import a SVG into that and you can change styles, etc to that component but it is useful if you have a few SVG images. this link can help you.

    3. you can add it into Vuetify and then use it. look at this link please

    4. you can add inline SVG into all pages you want.

    I guess the first and third ways are suitable for your cause as you said, you have several SVG