Easy-ICON 是一款高颜值、简单易用的web字体图标库,只需引入一个css文件(或一个npm包),您就可以简单地使用1000多个漂亮的图标。
https://gitee.com/theajack/easy-icon
https://github.com/theajack/easy-icon
以下是css文件引入的一个简单例子
或者使用一个集合的版本
npm i easy-icon;
只需要引用一次即可:
与css文件引用一样,可以模块独立引用,无需使用全部
import 'easy-icon';
import 'easy-icon/easy-icon-a.js';
import 'easy-icon/easy-icon-f.js';
import 'easy-icon/easy-icon-t.js';
import 'easy-icon/easy-icon-l.js';
或者使用集合版本
import 'easy-icon/easy-icon-all.js';
Easy ICON使用起来十分简单,您只需要在您想要使用的地方插入一个如下的标签即可:
需要注意的是,五个模块对应的前缀不一样,分别为
让图标旋转,可以通过添加 ei-spin 类来使图标旋转:
ei-spin 类对五个模块表现一致
选择尺寸
Easy ICON 内置了八种不同大小的尺寸,从小到大依次为::xs,s,l,lg,2x,3x,4x,5x
尺寸类对五个模块表现一致
可以使用任何自定义css样式来覆盖默认的样式
easy-icon是一个开源不久的字体图标库,集成了1500+个图标,方便安装,使用简单!可以尝试!
页面更新:2024-03-26
本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828
© CopyRight 2020-2024 All Rights Reserved. Powered By 71396.com 闽ICP备11008920号-4
闽公网安备35020302034903号