Solid — Rivo Icons

Solid

Use Rivo Icons in your Solid project with @rivo-icons/solid.

Installation

npm install @rivo-icons/solid

Usage

Import individual icons by name — only what you use gets bundled:

import { IconName } from '@rivo-icons/solid'

import { Setting, Dollar, Clock } from '@rivo-icons/solid'

export default function App() {
  return (
    <div>
      <Setting />
      <Dollar size={32} />
      <Clock size={20} color="#6366f1" />
    </div>
  )
}

Props

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

TypeScript

All props are fully typed. Icon components extend a shared IconProps interface:

interface IconProps {
  size?: number | string
  color?: string
  strokeWidth?: number | string
  className?: string  // React / Solid
}

Browse All Icons →Back to Getting Started