WeUI icon

概述

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

预览图

使用

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

link

html

<link rel="stylesheet" href="https://res.wx.qq.com/t/wx_fed/cdn_libs/res/weui-icon/1.0.0/weui-icon.css" />

<span class="weui-icon-filled-add-friends"></span>
<span class="weui-icon-outlined-add-friends"></span>

import 所有 icon

terminal

npm i weui-icon

javascript

import 'weui-icon';

html

<span class="weui-icon-filled-add-friends"></span>
<span class="weui-icon-outlined-add-friends"></span>

import 单个 icon

terminal

npm i weui-icon

javascript

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

html

<span class="weui-icon-filled-add-friends"></span>