Untitled UI Icons
Untitled UI Icons is the official React icon package from the Untitled UI ecosystem. It focuses on clean 24px outline symbols that feel at home in SaaS apps, admin dashboards, settings panels, onboarding flows, marketing sites, and product-led interfaces. The collection sits in a useful middle ground: more product-focused than Feather, smaller and more curated than Tabler, and less enterprise-heavy than PatternFly. Names like Home01, SearchMd, Settings01, ChartBreakoutSquare, and CreditCard01 make the library especially comfortable for teams building modern web applications. The collection is licensed under Untitled UI License; review the icon license guide for commercial-use details.
Untitled UI Icons Specifications & Framework Compatibility
| Property | Specification Details |
|---|---|
| Total Icons | 1,179 vector SVG icons |
| License | Untitled UI License (Commercial & Personal Use) |
| TypeScript Support | Native .d.ts definitions included |
| Framework Support | React, Next.js, Vue, Svelte, Tailwind CSS |
| Primary NPM Package | @untitledui/icons |
| Source Repository | Official GitHub Repository → |
How many icons does Untitled UI Icons have?
Untitled UI Icons currently includes 1,179 vector icons indexed in the IconSearch catalog. Every icon is available in clean SVG format with customizable stroke widths, colors, and direct multi-framework code exports for modern web applications.
Is Untitled UI Icons free for commercial use?
Yes, Untitled UI Icons is distributed under the Untitled UI License license. This permissive open-source license allows unrestricted commercial and personal usage in proprietary software, SaaS platforms, client websites, and digital products without licensing fees.
How do you install and use Untitled UI Icons in React, Next.js, and Vue?
Install the package using npm install @untitledui/icons, then import icons directly into your JSX, TSX, or Vue components. Alternatively, copy raw customized SVG markup directly from IconSearch with zero client-side JavaScript overhead.
// Install package
npm install @untitledui/icons
// React & Next.js App Router usage
import { Activity } from '@untitledui/icons'
export default function Header() {
return <Activity className="w-5 h-5 text-indigo-500" />
}Untitled UI Icons FAQ & Technical Guide
Is Untitled UI Icons free for commercial use?
Yes, the bundled license allows use in commercial projects, but it prohibits selling, sublicensing, or redistributing the icons in original or modified form. Review the upstream license before use.
Does Untitled UI Icons work in Next.js?
Yes. Install @untitledui/icons and import individual React components in your Next.js app, for example import { Home01 } from '@untitledui/icons'.
Why are previews available in IconSearch if this is not in Iconify?
IconSearch renders the installed React components to static SVG files during the icon database build, then serves those generated files from /untitled-ui-icons.
How is Untitled UI Icons different from Tabler Icons?
Untitled UI Icons is smaller and more curated for SaaS/product UI. Tabler is much larger and better when you need maximum coverage or more niche categories.
Does Untitled UI Icons include filled icons?
No. The package is an outline icon set. Use Heroicons, Remix Icon, or Phosphor if filled variants are a requirement.