# Icon

Icon

- 可通过phIcon来配置不同类型的符号, 可选查看所有icon类型。
- 支持自定义className，事件等操作。

主要属性和接口：

- phIcon:配置不同类型的符号
  如：`<Icon phIcon="search" />`

### 方法

### 属性

- classPrefix
- componentTag
- phIcon

### 事件

Extends Component
Defined in: `src/Icon.js:5`
Module: 标签组件

Available since 1.3.0

## Constructor

### Icon

`Icon ()`

Defined in `src/Icon.js:5`

Available since 1.3.0

#### Example:

    import React, { Component } from "react";
    import {Icon} from "phoenix-ui";
    import Code from "./code/code";

    export default class icon extends Component{
        render(){
            return(
                <div>
                    <h2 className="comp-title">Icon</h2>
                    <h3 className="comp-type">phIcon 符号类型(对应icon的名称)</h3>
                    <div className="content">
                        <h3 className="comp-tip">通过phIcon设定</h3>
                        <Icon phIcon="search" />
                        <h3 className="comp-tip">不用Icon组件的方式</h3>
                        <span className="gfs-icon icon-chevron-left"></span>
                    </div>
                    <Code target="icon-phicon" />
                    <a className="code-mark ph-button-link" href="http://future-team.github.io/gfs-icons/index.html">查看所有icon类型</a>
                </div>
            );
        }
    }

## 属性

### `classPrefix`

String

Defined in `src/Icon.js:25`

样式前缀

Default:

`'icon'`

### `componentTag`

String

Defined in `src/Icon.js:32`

标签tagName

Default:

`'span'`

### `phIcon`

String

Defined in `src/Icon.js:39`

icon符号类型

Default:

`''`