4dkankan-components/docs/examples/button/icon.vue

<template>
  <div class="flex">
    <kk-button type="primary" :icon="Edit" />
    <kk-button type="primary" :icon="Share" />
    <kk-button type="primary" :icon="Delete" />
    <kk-button type="primary" :icon="Search">Search</kk-button>
    <kk-button type="primary">
      Upload<el-icon class="el-icon--right"><Upload /></el-icon>
    </kk-button>
  </div>
</template>
<script setup lang="ts">
import { KkButton } from 'kankan-components'
import {
  Delete,
  Edit,
  Search,
  Share,
  Upload,
} from '@kankan-components/icons-vue'
</script>