| 1 | <h1 align="center">
|
| 2 | Ant Design Icons for Vue
|
| 3 | </h1>
|
| 4 |
|
| 5 | <div align="center">
|
| 6 |
|
| 7 | [](https://npmjs.org/package/@ant-design/icons-vue)
|
| 8 | [](https://npmjs.org/package/@ant-design/icons-vue)
|
| 9 |
|
| 10 | </div>
|
| 11 |
|
| 12 | ## Install
|
| 13 |
|
| 14 | ```bash
|
| 15 | yarn add @ant-design/icons-vue
|
| 16 | ```
|
| 17 |
|
| 18 | ## Basic Usage
|
| 19 |
|
| 20 | First, you should add the icons that you need into the library.
|
| 21 |
|
| 22 | ```js
|
| 23 | import Vue from 'vue'
|
| 24 | import { Filter } from '@ant-design/icons-vue';
|
| 25 | Vue.component(Filter.name, Filter);
|
| 26 | ```
|
| 27 |
|
| 28 | After that, you can use antd icons in your Vue components as simply as this:
|
| 29 |
|
| 30 | ```jsx
|
| 31 | <icon-filter />
|
| 32 | ```
|
| 33 |
|
| 34 | ## Build project
|
| 35 |
|
| 36 | ```bash
|
| 37 | npm run generate # Generate files to ./src
|
| 38 | npm run compile # Build library
|
| 39 | npm run test # Runing Test
|
| 40 | ```
|