Spruce Icons

Icon library with not many icons

Usage

pnpm add @spruce-hub/icons -P

Quick start

Full Import

// main.ts
import { createApp } from 'vue'
import App from './App.vue'

import icons from '@spruce-hub/icons'

createApp(App).use(icons).mount('#app')

<template>
  <YIcon>
    <AliPay />
  </YIcon>
</template>

Volar support

// tsconfig.json
{
  "compilerOptions": {
    // ...
    "types": ["@spruce-hub/icons/global"]
  }
}

On-demand Import

<script setup lang="ts">
  import { YIcon, AliPay } from '@spruce-hub/icons'
</script>

<template>
  <YIcon>
    <AliPay />
  </YIcon>
</template>