iconfont多色图标的使用方法
Symbol 引用:支持多色图标了,不再受单色限制。
1:去这里下载图片的相关文件,具体步骤如下:
2:在本地项目中引入
import './icon/'
1
或者
<script src="./"></script>
1
3:加入通用 CSS 代码
.icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }
4:取到它的symbol代码
5:挑选相应图标并获取类名,应用于页面:
<svg class="icon" aria-hidden="true" >
<use xlink:href='#iconweibo'></use>
</svg>