Pixel Icon Library

beta

Browse 300 retro pixel icons, filter by category, copy SVG or JSX, and download individual files or the complete ZIP.

Preview

Pixel icons

300 icons · 15 categories · 32 × 32 grid

Primary color

Follows the original color.

Desktop computer

Desktop · Transparent SVG

Choose an icon below. Downloads keep your chosen palette and current theme colors.

300 icons · 1–60

1. Add the registry to components.json, once per app. Without it, the shadcn CLI looks up @txbrendan in a public list that txbrendan/ui does not control.
```
npx shadcn@latest registry add "@txbrendan=https://txbrendan.dev/r/{name}.json"
```
2. Add the theme, once per app. It replaces your color tokens with ones checked for contrast.
```
npx shadcn@latest add @txbrendan/theme
```
3. Add the block. It also adds every component it uses. Its own files go in your components folder, and they are yours to edit.
```
npx shadcn@latest add @txbrendan/pixel-icon-library
```

Place one Toaster in your app layout to show brief copy confirmations.
Edit the primary color or expand More palette colors for individual inks. Previews, SVG/JSX copies, individual downloads, and the full ZIP retain the overrides. Reset palette restores the theme.
An asset browser for the bundled 300-icon collection.
Standalone SVG downloads keep the current scoped theme colors. ZIP includes 300 SVGs, a category catalog, and usage notes.
The collection is local and static; search and downloads need no service or API key.

A single illustration: install Pixel Icon alone.
An upload manager or remote asset picker. This browser contains only the bundled collection.

Prop	Type	Default	What it does
className	string	-	Extra classes on the container. Later classes win.

Search and category controls are labeled. Icon buttons have names and expose selection with aria-pressed.
Search counts, copy results, errors, and download preparation results are announced.
Clipboard access needs browser permission and a secure context. When it fails, a message directs people to the SVG download.
The grid follows its container width. All actions are keyboard buttons.

<PixelIconLibrary />