icons-vue

Vue 3 single-file component versions of the animated icons from icons-react.

Structure

• src/icons/*.vue: generated Vue icon components
• src/index.ts: barrel exports
• src/runtime.ts: shared Motion/Vue runtime helpers
• scripts/generate-from-react.mjs: regenerates the Vue components from the React sources

Usage

import { RotateCWIcon, WifiLowIcon } from "./src";

<template>
  <RotateCWIcon :size="32" class="text-emerald-500" />
</template>

Regenerate

cd icons-vue
npm run generate

Notes

• Components are generated from the React source in ../icons-react/icons.
• The generated .vue files use Vue SFCs with TSX render functions.
• Runtime animation behavior is adapted to motion-v.