### `<icon-picker>` Props

|Attribute|Description|Type|Default|
|---|---|---|:---:|
|icon|图标代码|`string`|`-`|



## Demos

```json type=description
[
  {
    "kind": "file",
    "title": "Icon",
    "memberOf": "数据展示、信息展示、弹出框",
    "description": "一键选择Arco库中的icon图标"
  },
  {
    "kind": "member",
    "title": "基本用法",
    "description": "一般配合Input组件使用，点击后弹出"
  }
]
```

```vue
<template>
  <div style="width: 500px; margin: 0 auto; margin-top: 100px">
    <icon-picker v-model:icon="icon">
      <template #iconSelect>
        <Input v-model="icon">
          <template #prefix>
            <IconApps />
          </template>
        </Input>
      </template>
    </icon-picker>
  </div>
</template>

<script lang="ts">
import { Input } from '@arco-design/web-vue';
import { IconApps } from '@arco-design/web-vue/es/icon';
// eslint-disable-next-line import/no-unresolved
import IconPicker from '@sanqi377/arco-vue-icon-picker';

// 目前vue-live导出defineComponent存在问题，所以仅支持普通对象导出。
export default {
  name: 'BasicDemo',
  components: {
    IconPicker,
    Input,
    IconApps,
  },
  data() {
    return {
      icon: '',
    };
  },
};
</script>

```