---
title: Icon 图标
type: api
order: 3
---
{% raw %} <script type="text/javascript"> pageName = 'icon'; </script> {% endraw %}
## 如何使用

``` js
<Icon value="fi-ok"></Icon>
```

加入 animate-spin 可以使图标旋转

``` js
<Icon value="fi-spin animate-spin"></Icon>
```
``` js
<Icon value="fi-spin animate-spin"></Icon>
```
``` js
<Icon value="fi-spin animate-spin"></Icon>
```
``` js
<Icon value="fi-spin animate-spin"></Icon>
```
``` js
<Icon value="fi-spin animate-spin"></Icon>
```
``` js
<Icon value="fi-spin animate-spin"></Icon>
```
``` js
<Icon value="fi-spin animate-spin"></Icon>
```
``` js
<Icon value="fi-spin animate-spin"></Icon>
```
``` js
<Icon value="fi-spin animate-spin"></Icon>
```
``` js
<Icon value="fi-spin animate-spin"></Icon>
```
例子：
<div class="comp-icon" id="icon_ex1"></div>


{% raw %} <script type="text/javascript"> pageName = 'icon'; </script> {% endraw %}