# @icon-cool/bk-icon-bk-biz-components

> icon-cool svg-font

Latest version **0.0.4** (published 2020-05-28) · MIT license · 0 weekly downloads

## Install

```sh
npm install @icon-cool/bk-icon-bk-biz-components
pnpm add @icon-cool/bk-icon-bk-biz-components
yarn add @icon-cool/bk-icon-bk-biz-components
bun add @icon-cool/bk-icon-bk-biz-components
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.4 |
| Published | 2020-05-28 |
| First published | 2020-05-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 9.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | icon_cool |
| Maintainers | iconcool |

## Links

- npm: https://www.npmjs.com/package/@icon-cool/bk-icon-bk-biz-components
- npm.io page: https://npm.io/package/@icon-cool/bk-icon-bk-biz-components

## Recent versions

- 0.0.4 (latest) — 2020-05-28
- 0.0.3 — 2020-05-28
- 0.0.2 — 2020-05-28
- 0.0.1 — 2020-05-28

## README

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

### 为什么使用
- 弹性，在网页或者 app 上，展示字体是很便捷的。用字体图标可以很方便的改变ico 的颜色，或者加入一些其他的效果

- 可缩放，可以很方便的改变图标的大小

- 矢量，字体图标是矢量的并且具有独立的分辨率，不管在高分辨率还是低分辨率，不管是在网页还是手机端，都具有很好的展示效果，不会出现锯齿或者马赛克模糊

- 节省加载时间，字体图标很小，每个小图标只有几kb，大大节省了加载时间

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

---
_Source: https://npm.io/package/@icon-cool/bk-icon-bk-biz-components · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._