Beautiful Icons for
Modern Apps
A lightweight, zero-dependency React icon library. Browse 100+ beautiful SVG icons, contribute via GitHub, and customize to your needs.
import { SearchIcon, HeartIcon } from 'ultraicons'
function App() {
return (
<div>
<SearchIcon size={24} />
<HeartIcon
size={32}
color="red"
/>
</div>
)
}Zero Dependencies
Only 5KB gzipped. Pure SVG with no external dependencies.
Customizable
Change size, color, stroke. Adapts to your design system.
Developer First
TypeScript, tree-shakable, zero dependencies.
Browse Icons
Explore our collection of 100+ carefully crafted icons
🎨 Contribute Icons via GitHub
Want to add new icons? We welcome contributions! Submit a Pull Request on GitHub following our contribution guidelines.
Fork the repository - Create your own copy of the project
Add your icon - Create SVG icon following our design guidelines (24x24 viewBox, 2px stroke)
Follow naming conventions - Use PascalCase with "Icon" suffix (e.g., MyAwesomeIcon)
Add to icon files - Place in lib/icons/icons.tsx and export in index.ts
Submit PR - Create a Pull Request with clear description and preview
Code review - Maintainers will review and merge if it meets quality standards
Quick Start
Installation
npm
npm install ultraiconsyarn
yarn add ultraiconsUsage Example
// Import icons
import { SearchIcon } from 'ultraicons'
// Use in JSX
<SearchIcon
size={24}
color="#fff"
/>21+
Ready-to-use icons
100%
Customizable
AI
Powered generation