icon

---

// 通用图标样式

---

演示

__注意：__示例中以.ex开头的class在实际使用场景中是不必要的，此类class只为可视化文档的展示做辅助作用。

1. 三角形

1.1 尺寸

<span class="ui-icon-triangle ui-icon-triangle-large">
    triangle
</span>
<span class="ui-icon-triangle">
    三角形
</span>
<span class="ui-icon-triangle ui-icon-triangle-small">
</span>
<span class="ui-icon-triangle ui-icon-triangle-mini">
</span>

1.2 方向

<span class="ui-icon-triangle">
</span>
<span class="ui-icon-triangle-right">
</span>
<span class="ui-icon-triangle-bottom">
</span>
<span class="ui-icon-triangle-left">
</span>

1.3 顏色

<span class="ui-icon-triangle">
</span>
<span class="ui-icon-triangle ui-icon-triangle-green">
</span>
<span class="ui-icon-triangle ui-icon-triangle-red">
</span>
<span class="ui-icon-triangle ui-icon-triangle-gray">
</span>

2. 圆型

2.1 尺寸

<span class="ui-icon-circle ui-icon-circle-large">
    circle
</span>
<span class="ui-icon-circle">
    圆型
</span>
<span class="ui-icon-circle ui-icon-circle-small">
</span>
<span class="ui-icon-circle ui-icon-circle-mini">
</span>

2.2 顏色

<span class="ui-icon-circle ui-icon-circle-green">
</span>
<span class="ui-icon-circle">
</span>
<span class="ui-icon-circle ui-icon-circle-red">
</span>
<span class="ui-icon-circle ui-icon-circle-gray">
</span>