@rivo-icons/nuxt

Nuxt module for Rivo Icons. 46 hand-crafted SVG icons auto-imported as global components — no import needed anywhere.

Install

npm install @rivo-icons/nuxt
# or
pnpm add @rivo-icons/nuxt
# or
yarn add @rivo-icons/nuxt

Setup

Add the module to nuxt.config.ts:

export default defineNuxtConfig({
  modules: ['@rivo-icons/nuxt'],
})

Usage

Icons are auto-imported as global components. No import statement needed:

<template>
  <IconSetting />
  <IconDollar :size="32" />
  <IconClock :size="20" color="#6366f1" />
</template>

All icons are prefixed with Icon. Example: Setting → <IconSetting />.

Props

| Prop | Type | Default | Description | |---|---|---|---| | size | number \| string | 24 | Width and height in px | | color | string | currentColor | SVG stroke / fill color | | strokeWidth | number \| string | 1.5 | Stroke width (outline icons) | | class | string | — | CSS class attribute |

Links

• Browse all icons
• Documentation
• GitHub

License

MIT