@peiyanlu/svg-icons

A Vite plugin for building SVG icon sprites.

Installation

pnpm add @peiyanlu/svg-icons -D

Usage

import { vitePlugin } from '@peiyanlu/svg-icons'


// vite.config.ts
vitePlugin({
  iconDirs: [ join(process.cwd(), 'svg-icons') ],
  symbolId: 'symbol-[dir]-[name]',
  domId: 'svg-icons-dom',
})

Icons Injection

import 'virtual:svg-icons-register'

Vue Component

<script setup lang="ts">
import SvgIcon from 'virtual:svg-icons-component/vue'
</script>

<template>
  <SvgIcon name="svg"></SvgIcon>
</template>

React Component

import SvgIcon from 'virtual:svg-icons-component/react'


function render() {
  return (<SvgIcon name={ 'svg' }></SvgIcon>)
}

License

MIT