Icons Documentation

Official IndoUI icons are available as a highly optimized, tree-shakable React component library.

Installation

Terminal

npm install @il-ui/icons

Import any icon as a standalone React component.

import { SearchIcon } from "@il-ui/icons"

function App() {
  return (
    <SearchIcon size={24} color="currentColor" />
  )
}

import { SearchIcon, UserIcon, SettingsIcon } from "@il-ui/icons"

Prop	Type	Default	Description
size	number \| string	24	Icon width and height
color	string	"currentColor"	Icon stroke color
strokeWidth	number \| string	2	Thickness of icon lines
className	string	""	Optional CSS classes

Icons are rendered as high-quality SVGs, ensuring they look sharp at any size and pixel density.

Ultra-small footprint with zero runtime overhead beyond React itself.

Modern ESM support means only the icons you import will be included in your final bundle.

Optimized for React 18+, Next.js (Server & Client), and Vite based projects.