iconfont多色图标的使用方法

iconfont多色图标的使用方法

Symbol 引用：支持多色图标了，不再受单色限制。

1：去这里下载图片的相关文件https://www.iconfont.cn，具体步骤如下：

2：在本地项目中引入

import './icon/iconfont.js'

1

或者

<script src="./iconfont.js"></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>