引用iconfont图标使用svg标签显示

Posted wtt577474

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了引用iconfont图标使用svg标签显示相关的知识,希望对你有一定的参考价值。

直接在app.ve文件里

created() {

const svgIcon = document.createElement(‘script‘)
svgIcon.src = ‘//at.alicdn.com/t/font_550125_fwvsv541938.js‘
document.body.appendChild(svgIcon)
}

 

然后在需要用svg的文件里直接

<svg class="aliIcon" aria-hidden="true">
  <use xlink:href="#icon-icon_x x x x"></use>
</svg>

这样就可以了

以上是关于引用iconfont图标使用svg标签显示的主要内容,如果未能解决你的问题,请参考以下文章

iconfont svg 怎么引入

vue中使用svg-icon封装的组件来引用iconfont

如何使用CSS设置标签的背景小图标 简单

精灵图svg icon区别

为啥设计好的图标svg文件上传到iconfont后,显示正常,但是再下载到本地打开代码就显示不全了呢?

vue-cli项目中使用svg图标