# 图标 - Icon

提供了一套 ikon UI 用到过的图标集合。

# 使用方法

直接通过 name 属性可使用期望的样式。例如

<template>
  <div class="source">
    <ik-row>
      <ik-icon name="ik-icon-success"></ik-icon>
      <ik-icon name="ik-icon-loading"></ik-icon>
      <ik-icon name="ik-icon-share"></ik-icon>
    </ik-row>
  </div>
</template>
<style>
.ik-row > .ik-icon {
  margin: 4px 8px;
}
</style>
Expand Copy

# 图标集合

  • ik-icon-download
  • ik-icon-setting
  • ik-icon-delete
  • ik-icon-search
  • ik-icon-edit
  • ik-icon-share
  • ik-icon-plus
  • ik-icon-minus
  • ik-icon-loading
  • ik-icon-more
  • ik-icon-success
  • ik-icon-info
  • ik-icon-error
  • ik-icon-eye-open
  • ik-icon-eye-close
  • ik-icon-top
  • ik-icon-right
  • ik-icon-bottom
  • ik-icon-left

# Attributes

属性名 类型 默认值 可选值 说明
name String 参考图标集合 设置图标名