@icon-cool/bk-icon-gem NPM | npm.io

0.3.2 • Published 2 years ago

Install

Weekly downloads

20

License

MIT

Repository

Last release

2 years ago

icon-cool

简介

icon-cool项目生成的svg字体资源文件

为什么使用

弹性，在网页或者 app 上，展示字体是很便捷的。用字体图标可以很方便的改变ico 的颜色，或者加入一些其他的效果
可缩放，可以很方便的改变图标的大小
矢量，字体图标是矢量的并且具有独立的分辨率，不管在高分辨率还是低分辨率，不管是在网页还是手机端，都具有很好的展示效果，不会出现锯齿或者马赛克模糊
节省加载时间，字体图标很小，每个小图标只有几kb，大大节省了加载时间

如何使用

单色图标
- 项目安装npm包，npm i @icon-cool/bk-icon-gem
- 项目入口js文件处引入css，import '@icon-cool/bk-icon-gem'
- 挑选相应图标并获取类名，如.bk-icon .icon-demo
彩色图标
- 彩色图标通过svg symbol的方式使用
- 项目安装npm包，npm i @icon-cool/bk-icon-gem
- 项目入口js文件处引入svg资源，import '@icon-cool/bk-icon-gem/src/index'
- 在项目中挑选对应图标的名称使用：
```
    <svg aria-hidden="true">
        <use xlink:href="#icon-xxx"></use>
    </svg>
```

@infinitebrahmanuniverse/nolb-_icon @everything-registry/sub-chunk-451 @zalastax/nolb-_icon

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago