Getting Started
Icons
Bring your own icon set via Iconify.
@vyui/core ships an <Icon> primitive that accepts any Iconify name. There is no bundled icon set — pick a collection, install the @iconify-json package, and use it.
pnpm add @iconify-json/lucide
yarn add @iconify-json/lucide
bun add @iconify-json/lucide
deno add npm:@iconify-json/lucide
npm install @iconify-json/lucide
App.vue
<script setup>
import { Icon } from '@vyui/core'
</script>
<template>
<Icon name="i-lucide-sparkles" :size="20" color="#6366f1" />
</template>
Names work in either form — i-lucide-folder or lucide:folder. Browse 200,000+ icons at icones.js.org.
Lynx's native
<svg> rasterizes the XML and can't inherit currentColor from a surrounding <text>, so the color prop is required to tint an icon.