iconfont多色图标的使用方法

    xiaoxiao2022-07-02  109

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

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

    1-1): 1-2):

    2:在本地项目中引入

    import './icon/iconfont.js'

    或者

    <script src="./iconfont.js"></script>

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

    4:取到它的symbol代码 5:挑选相应图标并获取类名,应用于页面:

    最新回复(0)