# @ic-bot-819439/icons-react

> react components for svg icons.

Latest version **0.0.1** (published 2022-07-28) · MIT license · 0 weekly downloads

## Install

```sh
npm install @ic-bot-819439/icons-react
pnpm add @ic-bot-819439/icons-react
yarn add @ic-bot-819439/icons-react
bun add @ic-bot-819439/icons-react
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2022-07-28 |
| First published | 2022-07-28 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 2 |
| Unpacked size | 105.5 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | ic-bot |

## Links

- npm: https://www.npmjs.com/package/@ic-bot-819439/icons-react
- npm.io page: https://npm.io/package/@ic-bot-819439/icons-react

## Dependencies (2)

- [classnames](https://npm.io/package/classnames.md) ^2.3.1
- [@ic-bot-819439/icons-svg](https://npm.io/package/@ic-bot-819439/icons-svg.md) ^0.0.1

## Recent versions

- 0.0.1 (latest) — 2022-07-28

## README

## 所有图标


* IconEraser: icon-eraser
* IconTubiao: icon-tubiao-
* IconTubiao1: icon-tubiao-1
* IconTubiao1Copy: icon-tubiao-1-copy
* IconTubiaoCopy: icon-tubiao--copy
* IconYueliang: icon-yueliang



## 使用方式

### 安装或手动拷贝 icons-react 到项目

```
> npm install @ic-bot-819439/icons-react
```

### 仅引入需要的图标（支持 tree-shaking）：

```
// 引入单个
import IconEraser from '@ic-bot-819439/icons-react/IconEraser';

// 引入多个
import { IconEraser, IconTubiao, IconTubiao1 } from '@ic-bot-819439/icons-react';

export function() {
  return <IconEraser />;
}`}
```

### 使用样式控制图标显示（可选）：

```
/*控制图标尺寸及颜色*/
[data-icon="icon-eraser"] {
  font-size: 40px;
  color: red;
}
/*控制图标旋转*/
[data-icon="icon-eraser"] > svg {
  transform: rotate(90deg);
}
/*让图标像loading转动*/
[data-icon="icon-eraser"] > svg {
  -webkit-animation: loadingCircle 1s infinite linear;
  animation: loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loadingCircle {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
```

---
_Source: https://npm.io/package/@ic-bot-819439/icons-react · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._