@untitledui/icons/README.md

Official React library for Untitled UI Icons

[![Untitled UI Icons](https://cdn.prod.website-files.com/636496d3f0ebfdaba9784655/670882dc8bf3188d57dbfa80_f94520b427bcb8cd0bc4b85a8c684adb_untitled-ui-free-icons-open-graph-img.jpg)](https://www.untitledui.com/resources/icons)

# Untitled UI Icons

Explore 1,100+ free SVG icons for your next React project. [Untitled UI Icons](https://www.untitledui.com/icons) are a clean, consistent, and neutral icon library crafted specifically for modern UI design. Made for Figma, in Figma, and now available for React!

[Learn more](https://www.untitledui.com/icons) • [Documentation](https://www.untitledui.com/react/docs/icons) • [Copy as SVGs](https://www.untitledui.com/resources/icons) • [Figma](https://www.untitledui.com/download/icons) • [FAQs](https://www.untitledui.com/faqs)


## Installation

To get started, install the Untitled UI Icons package:

```bash
npm i @untitledui/icons
```
Check out our [Untitled UI Icons installation guide](https://www.untitledui.com/react/docs/icons).


## Using Untitled UI Icons

Import Untitled UI Icons directly into your React project:

```jsx
import ArrowDown from "@untitledui/icons/ArrowDown"

<ArrowDown />

// Configure size via `size` prop
<ArrowDown size={16} />

// Configure size via `className`
<ArrowDown className="size-4" />

// Configure color via `color` prop
<ArrowDown color="#000" />

// Configure color via `className`
<ArrowDown className="text-black" />
```

## What are Untitled UI Icons?

[Untitled UI Icons](https://www.untitledui.com/icons) are a clean, consistent, and neutral icon library crafted specifically for modern UI design. Made for Figma, in Figma, and now available for React!

We searched everywhere for the "ultimate" icon set for modern UI design to use across all our projects... We couldn't find an icon library for Figma we loved so we made one.

Untitled UI Icons won Product Hunt [#1 Product of the Week](https://www.producthunt.com/posts/untitled-ui-icon) and is one of the most popular icon libraries in the world with 230,000+ Figma Community downloads.

## Untitled UI Icons PRO

The PRO version of [Untitled UI Icons](https://www.untitledui.com/icons) includes 4,600+ icons across 4 styles. Choose between minimal line, modern duocolor or duotone, or solid icon styles. Untitled UI Icons PRO includes access to a private npm package with 4,600+ icons across 4 styles.

[Explore Untitled UI Icons →](https://www.untitledui.com/resources/icons)

[Buy Untitled UI Icons PRO →](https://www.untitledui.com/buy/icons)

## License

You can use Untitled UI Icons in unlimited personal and commercial projects.

[Untitled UI license agreement →](https://www.untitledui.com/license)

[Frequently asked questions →](https://www.untitledui.com/faqs)