@vectyux/icons

Premium 3D icons for React applications.

Installation

npm install @vectyux/icons

Setup

1. Get your API key from vectyux.com/settings
2. Sync icons to your project:

export VECTYUX_KEY=vctyx_live_xxx
npx vectyux sync verified shopping-cart star

Usage

import { Verified, ShoppingCart, Star } from '@vectyux/icons';

function App() {
  return (
    <div>
      <Verified size={24} />
      <ShoppingCart size={32} />
      <Star size={24} hue={45} /> {/* Gold color */}
    </div>
  );
}

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | size | number | 24 | Icon size in pixels | | hue | number | - | Hue rotation (0-360) for color | | className | string | - | CSS class name | | alt | string | Icon name | Accessibility alt text | | style | CSSProperties | - | Inline styles |

Auto-sync

Add to your package.json for automatic syncing:

{
  "scripts": {
    "predev": "vectyux sync --all",
    "dev": "next dev"
  }
}

License

Requires active Vectyux Pro or Studio subscription for syncing. Icons synced while subscription is active remain usable.