Browse

All
611
Templates
60
Component Library
310
Primitives
6
Fonts
2
Block Library
87
Boilerplates
30
Sounds
7
Figma
8
Maps
4
Icons
14
Shaders
4
Charts
10
Form Builder
9
Theme Generator
15
AI Chat / AI App
13
Site Builder
8
IDE Extensions
2
Aggregator
6
Admin Dashboard
30

Resources

Guides
Brands
Free tools
Galleries
Built At Lightspeed

Home
Categories
Icons

Shadcn Icons^{14 listings}

This collection covers icon sets for shadcn/ui interfaces: animated versions of popular icon libraries, brand logo collections and broad icon frameworks. Many of the animated sets install icon by icon through a shadcn registry, so you only add the icons you use.

Shadcnblocks

The ultimate block set for shadcn/ui & Tailwind. 1,630 blocks, 1,684 components, and 15 templates for React, Next.js & Astro.

React Icons

Popular icon packs as React components in one package, including Lucide, Font Awesome, Material Design, Heroicons and Bootstrap Icons, with ES6 imports so only the icons used are bundled.

heroicons-animated

316 animated Heroicons for React and other frameworks, built with Motion and installable through the shadcn registry or npm.

icons-animated

Animated Huge Icons, Tabler, Phosphor and Heroicons for React, Vue 3 and Svelte 5, installable through the shadcn, shadcn-vue and shadcn-svelte CLIs.

Iconify

Universal icon framework with over 300,000 open-source icons from 200+ icon sets, with components for React, Vue and Svelte and plugins for Tailwind CSS.

lucide-animated

Open-source collection of 350+ smoothly animated Lucide icons for React, built with Motion and installed through the shadcn registry.

Vadivam

Pixel-perfect 24px outline icons as copy-in React components, with shared size, color, and stroke props.

AnimateIcons

Animated Lucide and Huge style icons for React, built with motion/react. Each icon installs as a single editable file.

Logoforge

900+ brand logos for developers as typed React components with automatic dark mode and mono variants. Includes logo cloud sections and African brands. Free and open source.

Keyline

1,000 icons on one 24×24 grid as React components, in stroke, two-tone, duotone and fill, each with rounded or sharp corners. Free under MIT.

Hugeicons Animated Vue

An open-source collection of animated Hugeicons for Vue 3.

Vectorstudio Ir

Vectorstudio UI design system: 60 shadcn-compatible primitives on @base-ui/react, RTL/Persian first, 578-icon pixel-icon library, Tailwind v4 + orange brand palette.