https://github.com/weui/weui-icon

WeUI icon
https://github.com/weui/weui-icon

Last synced: 11 months ago
JSON representation

WeUI icon

• Host: GitHub
• URL: https://github.com/weui/weui-icon
• Owner: weui
• Created: 2020-03-12T12:02:09.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2024-08-07T07:18:24.000Z (over 1 year ago)
• Last Synced: 2025-03-27T05:24:52.889Z (12 months ago)
• Language: JavaScript
• Size: 305 KB
• Stars: 64
• Watchers: 5
• Forks: 9
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

• awesome - weui/weui-icon - WeUI icon (JavaScript)

README

          
WeUI icon

====

[![npm version](https://img.shields.io/npm/v/weui-icon.svg)](https://www.npmjs.org/package/weui-icon)

在线预览：[WeUI Icon | Iconify](https://icon-sets.iconify.design/weui/)

## 概述

WeUI icon 是 WeUI 的 配套图标库，目前分为`filled (填充)`和`outlined (描边)`两种样式，具体可见下述预览图。

## 预览图

![image](https://user-images.githubusercontent.com/2395166/76525455-d0e15b00-64a6-11ea-8274-41b930bc204c.png)

![image](https://user-images.githubusercontent.com/2395166/76525466-d63ea580-64a6-11ea-8e37-585607898ed5.png)

## 使用

主要是通过**class**来控制。class 规则是`weui-icon-[style]-[name]`，比如需要展示预览图中，`filled`样式的`add-friends`，则 class 为`weui-icon-filled-add-friends`。

#### link

html

```html





```

#### import 所有 icon

terminal

```

npm i weui-icon

```

javascript

```javascript

import 'weui-icon';

```

html

```html





```

#### import 单个 icon

terminal

```

npm i weui-icon

```

javascript

```javascript

import 'weui-icon/dist/filled/add-friends.css';

```

html

```html



```