- 在阿里巴巴矢量图标库 将图标下载至本地
- 将下载下来的文件移动至static文件夹内 并删除demo.html/demo.css
- 在main.js 引入css样式 / js文件
import '../static/icons/font/iconfont.css'
import '../static/icons/font/iconfont.js'
- 样式
/* font字体 样式修改 */
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
.iconfont {
font-size: 28px;
}
- 使用
<i class="icon iconfont icon-activity_fill"></i>