koi-icons

Introduction

🔶 Explore the docs » Join us

The abstract trees of the kui iconfont icons.

Get Started

Use npm to install.

npm i koi-icon

Font icon files need to be introduced before use

import "koi-icon/lib/index.css"

Componentization, using the class of iconfont as the component name.

<template>
    <AlignCenterIcon></AlignCenterIcon>
    <DiamondIcon></DiamondIcon>
</template>

<script lang="ts" setup>
import { AlignCenterIcon, DiamondIcon } from 'koi-icon';
</script>

Traditionally, components are rendered by passing class through type.

<template>
  <!-- 动态图标 -->
  <KIcon type="koi-icon-not-found"></KIcon>
  <KIcon type="koi-icon-diamond"></KIcon>
</template>

<script lang="ts" setup>
import { KIcon } from 'koi-icon';
</script>