iconfont多色图标的使用方法

- Symbol 引用:支持多色图标了,不再受单色限制。

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

  • 1-1):
    iconfont多色图标的使用方法_第1张图片
    1-2):
    iconfont多色图标的使用方法_第2张图片

2:在本地项目中引入

import './icon/iconfont.js'

或者


3:加入通用 CSS 代码
.icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }

4:取到它的symbol代码
iconfont多色图标的使用方法_第3张图片
5:挑选相应图标并获取类名,应用于页面:
在这里插入图片描述

你可能感兴趣的:(iconfont多色图标的使用方法)