# Arco vue icon picker

文档地址：[点此直达](https://arco.design/material/detail/?name=@sanqi377/arco-vue-icon-picker)

快速选择 icon

| 参数   | 说明      |
|------|---------|
| icon | icon 代码 |

组件引用实例

```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';

export default {
  name: 'BasicDemo',
  components: {
    IconPicker,
    Input,
    IconApps,
  },
  data() {
    return {
      icon: '',
    };
  },
};
</script>
```