## Icon 图标

提供了一套常用的图标集合。

### 基本用法

直接通过设置类名为 `iconfont icon-iconName` 来使用即可。例如：

::: demo

``` html
<template>
  <div>
    <i class="iconfont icon-xiala"></i>
    <i class="iconfont icon-tishi"></i>
    <i class="iconfont icon-guanlian"></i>
    <y-button class="iconfont icon-bianji" type="primary">编辑</y-button>
  </div>
</template>
<style>
  i{
    margin-right: 0 12px
  }
</style>
```
:::

部分含有icon参数的可设置类名为 `icon-iconName` 来使用即可。例如：

::: demo

``` html
<template>
  <div>
    <y-tips icon="icon-tishi">我是提示</y-tips>
    <y-tips icon="icon-xiala">我是下拉</y-tips>
    <y-tips icon="icon-guanlian">我是关联</y-tips>
  </div>
</template>
<style>
  i{
    margin: 0 12px
  }
</style>
```
:::

## Available Icon Values

<ul class="icon-list">
  <li>
    <span>
      <i class="iconfont icon-xiala"></i>
      <span>icon-xiala</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-tishi"></i>
      <span>icon-tishi</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-guanlian"></i>
      <span>icon-guanlian</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-xinzeng1"></i>
      <span>icon-xinzeng1</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-shanchu"></i>
      <span>icon-shanchu</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-bianji"></i>
      <span>icon-bianji</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-shoujinhang"></i>
      <span>icon-shoujinhang</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-shuaxin"></i>
      <span>icon-shuaxin</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-xinzeng"></i>
      <span>icon-xinzeng</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-yunyingguanli1"></i>
      <span>icon-yunyingguanli1</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-xiaoxi"></i>
      <span>icon-xiaoxi</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-caiwuguanli"></i>
      <span>icon-caiwuguanli</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-xitongpeizhi"></i>
      <span>icon-xitongpeizhi</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-shenheguanli"></i>
      <span>icon-shenheguanli</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-cangchuwuliu"></i>
      <span>icon-cangchuwuliu</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-caigouguanli"></i>
      <span>icon-caigouguanli</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-gongzuotai"></i>
      <span>icon-gongzuotai</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-chanpingongyingguanli"></i>
      <span>icon-chanpingongyingguanli</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-chanpinguanli"></i>
      <span>icon-chanpinguanli</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-caigoudanguanli"></i>
      <span>icon-caigoudanguanli</span>
    </span>
  </li>
  <li>
    <span>
      <i class="iconfont icon-gongyingshangguanli"></i>
      <span>icon-gongyingshangguanli</span>
    </span>
  </li>
</ul>