open-index/open-npm huggingface dataset:
npm package: @ldesign/icons-vue
Description: 基于vue2的图标组件库！
Latest version: 0.4.7

## LDesign Icons for Vue2

基于vue2的图标解决方案。

### 安装

``` bash
npm i @ldesign/icons-vue
```

### 使用

图标列表请参考[全部图标](https://swimly.cn/desktop/components/icon#%E5%85%A8%E9%83%A8%E5%9B%BE%E6%A0%87)

``` js
// svgsprite 需要网络支持
import { Icon } from '@ldesign/icons-vue';

// iconfont  需要网络支持
import { IconFont } from '@ldesign/icons-vue';

// single icon  无需网络支持
import { CloseIcon, TimeIcon } from '@ldesign/icons-vue';

<Icon name="close" />;

<IconFont name="close" />;

<CloseIcon />;
```
npm package: @ldesign/icons-vue-next
Description: 基于vue3的图标组件库！
Latest version: 0.4.7

## LDesign Icons for Vue 3

基于vue3的图标解决方案

### 安装

```bash
npm i @ldesign/icons-vue-next
```

### 使用

图标列表请参考[全部图标](https://swimly.cn/desktop-next/components/icon#%E5%85%A8%E9%83%A8%E5%9B%BE%E6%A0%87)

``` js
// svgsprite 需要网络支持
import { Icon } from '@ldesign/icons-vue-next';

// iconfont symbol方式，需要网络支持
import { IconFont } from '@ldesign/icons-vue-next';

// 引用单个图标，无需网络支持
import { CloseIcon, TimeIcon } from '@ldesign/icons-vue-next';

<Icon name="close" />;

<IconFont name="close" />;

<CloseIcon />;
```