<p align="center">
<img
 width="450px" alt="logo" src="https://user-images.githubusercontent.com/15819224/45196822-c120ff00-b290-11e8-83ca-eb76378f5cc1.png" />
</p>

<p align="center">
⭐ The abstract trees of the Ant Design SVG icons.
</p>

<div align="center">

[![CI](https://github.com/ant-design/ant-design-icons/actions/workflows/ci.yml/badge.svg)](https://github.com/ant-design/ant-design-icons/actions/workflows/ci.yml)
[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org)

</div>

## Packages

| Framework | Package name | Latest Version | Download stats | Bundle Size | Package Size |
| --- | --- | --- | --- | --- | --- |
| Vanilla | [@ant-design/icons-svg](./packages/icons-svg) | [![NPM version](https://img.shields.io/npm/v/@ant-design/icons-svg.svg?style=flat)](https://npmjs.org/package/@ant-design/icons-svg) | [![NPM downloads](http://img.shields.io/npm/dm/@ant-design/icons-svg.svg?style=flat)](https://npmjs.org/package/@ant-design/icons-svg) | [![bundlephobia](https://img.shields.io/bundlephobia/minzip/@ant-design/icons-svg.svg?style=flat)](https://bundlephobia.com/result?p=@ant-design/icons-svg) | [![install size](https://packagephobia.com/badge?p=@ant-design/icons-svg)](https://packagephobia.com/result?p=@ant-design/icons-svg) |
| React | [@ant-design/icons](./packages/icons-react) | [![NPM version](https://img.shields.io/npm/v/@ant-design/icons.svg?style=flat)](https://npmjs.org/package/@ant-design/icons) | [![NPM downloads](http://img.shields.io/npm/dm/@ant-design/icons.svg?style=flat)](https://npmjs.org/package/@ant-design/icons) | [![bundlephobia](https://img.shields.io/bundlephobia/minzip/@ant-design/icons.svg?style=flat)](https://bundlephobia.com/result?p=@ant-design/icons) | [![install size](https://packagephobia.com/badge?p=@ant-design/icons)](https://packagephobia.com/result?p=@ant-design/icons) |
| React Native | [@ant-design/icons-react-native](./packages/icons-react-native) | [![NPM version](https://img.shields.io/npm/v/@ant-design/icons-react-native.svg?style=flat)](https://npmjs.org/package/@ant-design/icons-react-native) | [![NPM downloads](http://img.shields.io/npm/dm/@ant-design/icons-react-native.svg?style=flat)](https://npmjs.org/package/@ant-design/icons-react-native) | [![bundlephobia](https://img.shields.io/bundlephobia/minzip/@ant-design/icons-react-native.svg?style=flat)](https://bundlephobia.com/result?p=@ant-design/icons-react-native) | [![install size](https://packagephobia.com/badge?p=@ant-design/icons-react-native)](https://packagephobia.com/result?p=@ant-design/icons-react-native) |
| Angular | [@ant-design/icons-angular](./packages/icons-angular) | [![NPM version](https://img.shields.io/npm/v/@ant-design/icons-angular.svg?style=flat)](https://npmjs.org/package/@ant-design/icons-angular) | [![NPM downloads](http://img.shields.io/npm/dm/@ant-design/icons-angular.svg?style=flat)](https://npmjs.org/package/@ant-design/icons-angular) | [![bundlephobia](https://img.shields.io/bundlephobia/minzip/@ant-design/icons-angular.svg?style=flat)](https://bundlephobia.com/result?p=@ant-design/icons-angular) | [![install size](https://packagephobia.com/badge?p=@ant-design/icons-angular)](https://packagephobia.com/result?p=@ant-design/icons-angular) |
| Vue | [@ant-design/icons-vue](./packages/icons-vue) | [![NPM version](https://img.shields.io/npm/v/@ant-design/icons-vue.svg?style=flat)](https://npmjs.org/package/@ant-design/icons-vue) | [![NPM downloads](http://img.shields.io/npm/dm/@ant-design/icons-vue.svg?style=flat)](https://npmjs.org/package/@ant-design/icons-vue) | [![bundlephobia](https://img.shields.io/bundlephobia/minzip/@ant-design/icons-vue.svg?style=flat)](https://bundlephobia.com/result?p=@ant-design/icons-vue) | [![install size](https://packagephobia.com/badge?p=@ant-design/icons-vue)](https://packagephobia.com/result?p=@ant-design/icons-vue) |

## Development

### Prerequisites

- Node.js >= 16
- Install utoo globally: `npm i -g utoo`

### Setup

```bash
# Clone the repository
git clone https://github.com/ant-design/ant-design-icons.git
cd ant-design-icons

# Install dependencies
ut install
```

### Common Commands

```bash
# Clean all workspaces
ut clean

# Lint all workspaces
ut lint

# Generate icons for a specific package
ut generate --workspace @ant-design/icons-svg

# Build a specific package
ut build --workspace @ant-design/icons-svg

# Test a specific package
ut test --workspace @ant-design/icons-svg

# Run CI for a specific package
ut ci --workspace @ant-design/icons
```

### Package-Specific Commands

See available commands in root `package.json`:

- `ut icons:generate` - Generate icons-svg
- `ut icons:build` - Build icons-svg
- `ut react:ci` - Run React icons CI
- `ut vue:ci` - Run Vue icons CI
- `ut angular:ci` - Run Angular icons CI
- `ut rn:generate` - Generate React Native icons

## Contribution Guides 贡献指南

- @ant-design/icons-svg: [English](./packages/icons-svg/docs/ContributionGuide.md) ｜ [中文](./packages/icons-svg/docs/ContributionGuide.zh-CN.md) ｜ [日本語](./packages/icons-svg/docs/ContributionGuide.ja-JP.md)

## License

[MIT License](./LICENSE)
