cloud-ui.vusion/src/components/i-icon.vue/README.md

Vusion Cloud UI

<!-- 该 README.md 根据 api.yaml 和 docs/*.md 自动生成，为了方便在 GitHub 和 NPM 上查阅。如需修改，请查看源文件 -->

# IIcon 图标

- [示例](#示例)
    - [基本用法](#基本用法)
    - [所有图标](#所有图标)
- [API]()
    - [Props/Attrs](#propsattrs)

**Display**

自定义图标

## 示例
### 基本用法

``` html
<u-linear-layout>
    <i-icon name="area">area</i-icon>
    <i-icon name="portrait">portrait</i-icon>
    <i-icon name="angle-left">left</i-icon>
    <i-icon name="angle-right">right</i-icon>
    <i-icon name="arrow-down">arrow-down</i-icon>
    <i-icon name="arrow-up">arrow-up</i-icon>
    <i-icon name="refresh">refresh</i-icon>
    <i-icon name="search">search</i-icon>
    <i-icon name="apm-alert">alert</i-icon>
    <i-icon name="logout" size="small">logout</i-icon>
    <i-icon name="dropdown" size="large">dropdown</i-icon>
    <i-icon name="angle-down">down</i-icon>
    <i-icon name="angle-up">up</i-icon>
    <i-icon name="chart-refresh">chart-refresh</i-icon>
    <i-icon name="chart-zoom">chart-zoom</i-icon>
    <i-icon name="close">close</i-icon>
</u-linear-layout>
```

### 所有图标

<u-icon-example name="arrow-up"></u-icon-example>
<u-icon-example name="arrow-down"></u-icon-example>
<u-icon-example name="arrow-left"></u-icon-example>
<u-icon-example name="arrow-right"></u-icon-example>
<u-icon-example name="angle-up"></u-icon-example>
<u-icon-example name="angle-down"></u-icon-example>
<u-icon-example name="angle-left"></u-icon-example>
<u-icon-example name="angle-right"></u-icon-example>
<u-icon-example name="close"></u-icon-example>
<u-icon-example name="close-solid"></u-icon-example>
<u-icon-example name="filter"></u-icon-example>
<u-icon-example name="github"></u-icon-example>

## API
### Props/Attrs

| Prop/Attr | Type | Options | Default | Description |
| --------- | ---- | ------- | ------- | ----------- |
| name | string | `[object Object]`<br/>`[object Object]`<br/>`[object Object]`<br/>`[object Object]`<br/>`[object Object]`<br/>`[object Object]`<br/>`[object Object]`<br/>`[object Object]`<br/>`[object Object]`<br/>`[object Object]`<br/>`[object Object]`<br/>`[object Object]` | `'arrow-down'` | 图标名称 |