AI Custom Icons

• @ling-yun/icons-svg raw svg files
• @ling-yun/icons-vue vue components

Usage

Vue Components

1. Install

npm install @ai-custom-icon
# or
yarn add @ai-custom-icon
# or
pnpm add @ai-custom-icon

2. Import and use

<script setup>
import { IconBasicWorn, IconSearch } from '@ai-custom-icon'
</script>

<template>
  <IconSearch />
  <IconBasicWorn />
</template>

3. Dynamic usage

<script setup>
import { IconBasicWorn, IconSearch } from '@ai-custom-icon'

const icons = {
  IconSearch,
  IconBasicWorn,
}
</script>

<template>
  <component :is="icons['IconSearch']" />
</template>

4. Global registration (optional)

import LingYunIcons from '@ai-custom-icon/global'
// main.ts
import { createApp } from 'vue'
import App from './App.vue'

const app = createApp(App)
app.use(LingYunIcons)
app.mount('#app')

Then you can use icons globally:

<template>
  <icon-search />
  <icon-close />
</template>

Development

Build

pnpm --filter @ai-custom-icon run build

Run playground

pnpm install
cd playground && pnpm install && pnpm dev

Open http://localhost:5173 to see the playground.

Preview

• Documentation
• Icônes
• Iconify

License

MIT License © 2025-PRESENT ai-custom-icon