npm i @velkin/react
import { VuIcon } from "@velkin/react/icon";| Prop | Type | Default | Description |
|---|---|---|---|
| icon | string | "" | Icon name in `prefix:icon-name` format. |
| width | VuIconSizeValue | "" | Icon width. Default: `1em` when height is also unset. |
| height | VuIconSizeValue | "" | Icon height. Default: `1em` when width is also unset. |
| color | string | "currentColor" | Icon color. Default: `"currentColor"`. |
| inline | boolean | false | Inline alignment tweak for text contexts. Default: `false`. |
| flip | VuIconFlip | "" | Flip transform descriptor. |
| hFlip | boolean | false | Horizontal flip shortcut. Default: `false`. |
| vFlip | boolean | false | Vertical flip shortcut. Default: `false`. |
| rotate | VuIconRotateValue | "0" | Rotation descriptor (quarter turns or `deg`). |
| lazy | boolean | false | Defers loading until visible. Default: `false`. |
| Slot | Description |
|---|---|
| — | - Fallback `<svg>` when remote/local icon data is unavailable. |
| Part | Description |
|---|---|
| icon | Icon container wrapping the SVG or slot. |
| Method | Description |
|---|---|
| registerLocalSet | - Registers a local Iconify set for offline/custom usage. |
| registerLocalIcon | - Registers a single local icon override. |
| Name | Definition |
|---|---|
| VuIconFlip | |
| VuIconRotateValue | |
| VuIconSizeValue | |