Beautiful icons for React

import { Home, Search, ArrowLeft } from 'reactifyui-icons'

export default function App() {
  return (
    <nav>
      <Home size={24} />
      <Search size={20} color="#4f46e5" />
      <ArrowLeft size={24} weight="bold" />
    </nav>
  )
}

import { IconProvider, Home, Search, Bell } from 'reactifyui-icons'

export default function App() {
  return (
    <IconProvider value={{ size: 20, theme: 'sidebar', strokeWidth: 1.5 }}>
      <Home />
      <Search />
      <Bell />
    </IconProvider>
  )
}

import { AlertCircle, Loader, Star } from 'reactifyui-icons'

<AlertCircle theme="danger" />
<Star theme="highlight" weight="bold" />
<Loader animate={{ type: 'spin', duration: 1 }} />

import { ArrowUp, Home } from 'reactifyui-icons'

// Rotate 180° to make an ArrowDown
<ArrowUp rotate={180} />

// Flip horizontally
<Home flip="horizontal" />

import { DynamicIcon } from 'reactifyui-icons/dynamic'

// Perfect for CMS-driven UIs or icon pickers
<DynamicIcon name="Home" size={24} theme="primary" />
<DynamicIcon name="Search" fallback={<span>...</span>} />