可以在 Vue3 和 Vuetify 中使用我的 .svg 图标吗?

huangapple go评论56阅读模式
英文:

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

问题

我有几个图像或图标(.svg),我想知道如何最好地将我的 svg 用作 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.

答案1

得分: 1

  1. 如果你有许多SVG文件,你可以使用icomoon导入所有的SVG并进行管理。这个链接可以帮助你。如果你在使用这个包时遇到任何问题,我可以帮助你。

  2. 你可以实现一个Vue组件,然后导入一个SVG到该组件中,你可以更改样式等,但如果你只有一些SVG图像,这是有用的。这个链接可以帮助你。

  3. 你可以将它添加到Vuetify中,然后使用它。请查看这个链接

  4. 你可以在你想要的所有页面中添加内联SVG。

我认为第一种和第三种方式适合你的需求,因为你说你有几个SVG。

英文:

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

huangapple
  • 本文由 发表于 2023年2月27日 09:57:12
  • 转载请务必保留本文链接:https://go.coder-hub.com/75576211.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定