vue 使用svg

vue 使用svg

文件放置位置

svg 文件放入vue 文件夹下的 src/assets/svg

安装插件 vue2-svg-icon

npm install --save vue2-svg-icon

使用

main.js文件夹下
import Icon from 'vue2-svg-icon/Icon.vue'
Vue.component('icon', Icon)

需要使用的页面中
<icon name="changeclas_icn_n" :w="14" :h="14" class="x_mr8 x_fff"></icon>

修改颜色与大小

大小
:w="14" :h="14"
颜色
.x_fff.svg-icon path {
    fill: #fff;
    stroke: transparent;
}