@heroicons-animated

An open-source library of 316 animated Heroicons for React, built with Motion (Framer Motion) and distributed as a shadcn-compatible registry. Each icon has smooth SVG animations triggered on hover or programmatically, and all are copy-paste installable via the shadcn CLI. MIT-licensed, fully customizable, free. TypeScript/React, works with Next.js and Vite. Use for: replacing static Heroicons with animated equivalents in React apps where subtle icon motion improves perceived interactivity without adding a large animation library.

250 components react shadcn-cli MIT

website ↗ github ↗ registry ↗ agent brief (.md) ↗ clone source (200 .json) ↗ clone brief (PROMPT.md) ↗

Install this registry

shadcn (npm) npx shadcn@latest add https://www.heroicons-animated.com/r/registry.json

pnpm pnpm dlx shadcn@latest add https://www.heroicons-animated.com/r/registry.json

bun bunx shadcn@latest add https://www.heroicons-animated.com/r/registry.json

fetch registry curl -s https://www.heroicons-animated.com/r/registry.json

Components

250 total

academic-cap ui

Animated academic-cap icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/academic-cap.json

adjustments-horizontal ui

Animated adjustments-horizontal icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/adjustments-horizontal.json

adjustments-vertical ui

Animated adjustments-vertical icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/adjustments-vertical.json

archive-box-arrow-down ui

Animated archive-box-arrow-down icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/archive-box-arrow-down.json

archive-box-x-mark ui

Animated archive-box-x-mark icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/archive-box-x-mark.json

archive-box ui

Animated archive-box icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/archive-box.json

arrow-down-circle ui

Animated arrow-down-circle icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-down-circle.json

arrow-down-left ui

Animated arrow-down-left icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-down-left.json

arrow-down-on-square-stack ui

Animated arrow-down-on-square-stack icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-down-on-square-stack.json

arrow-down-on-square ui

Animated arrow-down-on-square icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-down-on-square.json

arrow-down-right ui

Animated arrow-down-right icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-down-right.json

arrow-down-tray ui

Animated arrow-down-tray icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-down-tray.json

arrow-down ui

Animated arrow-down icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-down.json

arrow-left-circle ui

Animated arrow-left-circle icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-left-circle.json

arrow-left-end-on-rectangle ui

Animated arrow-left-end-on-rectangle icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-left-end-on-rectangle.json

arrow-left-start-on-rectangle ui

Animated arrow-left-start-on-rectangle icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-left-start-on-rectangle.json

arrow-left ui

Animated arrow-left icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-left.json

arrow-long-down ui

Animated arrow-long-down icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-long-down.json

arrow-long-left ui

Animated arrow-long-left icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-long-left.json

arrow-long-right ui

Animated arrow-long-right icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-long-right.json

arrow-long-up ui

Animated arrow-long-up icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-long-up.json

arrow-path-rounded-square ui

Animated arrow-path-rounded-square icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-path-rounded-square.json

arrow-path ui

Animated arrow-path icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-path.json

arrow-right-circle ui

Animated arrow-right-circle icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-right-circle.json

arrow-right-end-on-rectangle ui

Animated arrow-right-end-on-rectangle icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-right-end-on-rectangle.json

arrow-right-start-on-rectangle ui

Animated arrow-right-start-on-rectangle icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-right-start-on-rectangle.json

arrow-right ui

Animated arrow-right icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-right.json

arrow-top-right-on-square ui

Animated arrow-top-right-on-square icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-top-right-on-square.json

arrow-trending-down ui

Animated arrow-trending-down icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-trending-down.json

arrow-trending-up ui

Animated arrow-trending-up icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-trending-up.json

arrow-turn-down-left ui

Animated arrow-turn-down-left icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-turn-down-left.json

arrow-turn-down-right ui

Animated arrow-turn-down-right icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-turn-down-right.json

arrow-turn-left-down ui

Animated arrow-turn-left-down icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-turn-left-down.json

arrow-turn-left-up ui

Animated arrow-turn-left-up icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-turn-left-up.json

arrow-turn-right-down ui

Animated arrow-turn-right-down icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-turn-right-down.json

arrow-turn-right-up ui

Animated arrow-turn-right-up icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-turn-right-up.json

arrow-turn-up-left ui

Animated arrow-turn-up-left icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-turn-up-left.json

arrow-turn-up-right ui

Animated arrow-turn-up-right icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-turn-up-right.json

arrow-up-circle ui

Animated arrow-up-circle icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-up-circle.json

arrow-up-left ui

Animated arrow-up-left icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-up-left.json

arrow-up-on-square-stack ui

Animated arrow-up-on-square-stack icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-up-on-square-stack.json

arrow-up-on-square ui

Animated arrow-up-on-square icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-up-on-square.json

arrow-up-right ui

Animated arrow-up-right icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-up-right.json

arrow-up-tray ui

Animated arrow-up-tray icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-up-tray.json

arrow-up ui

Animated arrow-up icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-up.json

arrow-uturn-down ui

Animated arrow-uturn-down icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-uturn-down.json

arrow-uturn-left ui

Animated arrow-uturn-left icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-uturn-left.json

arrow-uturn-right ui

Animated arrow-uturn-right icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-uturn-right.json

arrow-uturn-up ui

Animated arrow-uturn-up icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrow-uturn-up.json

arrows-pointing-in ui

Animated arrows-pointing-in icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrows-pointing-in.json

arrows-pointing-out ui

Animated arrows-pointing-out icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrows-pointing-out.json

arrows-right-left ui

Animated arrows-right-left icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrows-right-left.json

arrows-up-down ui

Animated arrows-up-down icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/arrows-up-down.json

at-symbol ui

Animated at-symbol icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/at-symbol.json

backspace ui

Animated backspace icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/backspace.json

backward ui

Animated backward icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/backward.json

banknotes ui

Animated banknotes icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/banknotes.json

bars-2 ui

Animated bars-2 icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bars-2.json

bars-3-bottom-left ui

Animated bars-3-bottom-left icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bars-3-bottom-left.json

bars-3-bottom-right ui

Animated bars-3-bottom-right icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bars-3-bottom-right.json

bars-3-center-left ui

Animated bars-3-center-left icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bars-3-center-left.json

bars-3 ui

Animated bars-3 icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bars-3.json

bars-4 ui

Animated bars-4 icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bars-4.json

bars-arrow-down ui

Animated bars-arrow-down icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bars-arrow-down.json

bars-arrow-up ui

Animated bars-arrow-up icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bars-arrow-up.json

battery-0 ui

Animated battery-0 icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/battery-0.json

battery-100 ui

Animated battery-100 icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/battery-100.json

battery-50 ui

Animated battery-50 icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/battery-50.json

beaker ui

Animated beaker icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/beaker.json

bell-alert ui

Animated bell-alert icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bell-alert.json

bell-slash ui

Animated bell-slash icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bell-slash.json

bell-snooze ui

Animated bell-snooze icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bell-snooze.json

bell ui

Animated bell icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bell.json

bold ui

Animated bold icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bold.json

bolt-slash ui

Animated bolt-slash icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bolt-slash.json

bolt ui

Animated bolt icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bolt.json

book-open ui

Animated book-open icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/book-open.json

bookmark-slash ui

Animated bookmark-slash icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bookmark-slash.json

bookmark-square ui

Animated bookmark-square icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bookmark-square.json

bookmark ui

Animated bookmark icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bookmark.json

briefcase ui

Animated briefcase icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/briefcase.json

bug-ant ui

Animated bug-ant icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/bug-ant.json

building-library ui

Animated building-library icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/building-library.json

building-office-2 ui

Animated building-office-2 icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/building-office-2.json

building-office ui

Animated building-office icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/building-office.json

building-storefront ui

Animated building-storefront icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/building-storefront.json

cake ui

Animated cake icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/cake.json

calculator ui

Animated calculator icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/calculator.json

calendar-date-range ui

Animated calendar-date-range icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/calendar-date-range.json

calendar-days ui

Animated calendar-days icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/calendar-days.json

calendar ui

Animated calendar icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/calendar.json

camera ui

Animated camera icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/camera.json

chart-bar-square ui

Animated chart-bar-square icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chart-bar-square.json

chart-bar ui

Animated chart-bar icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chart-bar.json

chart-pie ui

Animated chart-pie icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chart-pie.json

chat-bubble-bottom-center-text ui

Animated chat-bubble-bottom-center-text icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chat-bubble-bottom-center-text.json

chat-bubble-bottom-center ui

Animated chat-bubble-bottom-center icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chat-bubble-bottom-center.json

chat-bubble-left-ellipsis ui

Animated chat-bubble-left-ellipsis icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chat-bubble-left-ellipsis.json

chat-bubble-left-right ui

Animated chat-bubble-left-right icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chat-bubble-left-right.json

chat-bubble-left ui

Animated chat-bubble-left icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chat-bubble-left.json

chat-bubble-oval-left-ellipsis ui

Animated chat-bubble-oval-left-ellipsis icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chat-bubble-oval-left-ellipsis.json

chat-bubble-oval-left ui

Animated chat-bubble-oval-left icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chat-bubble-oval-left.json

check-badge ui

Animated check-badge icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/check-badge.json

check-circle ui

Animated check-circle icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/check-circle.json

check ui

Animated check icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/check.json

chevron-double-down ui

Animated chevron-double-down icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chevron-double-down.json

chevron-double-left ui

Animated chevron-double-left icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chevron-double-left.json

chevron-double-right ui

Animated chevron-double-right icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chevron-double-right.json

chevron-double-up ui

Animated chevron-double-up icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chevron-double-up.json

chevron-down ui

Animated chevron-down icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chevron-down.json

chevron-left ui

Animated chevron-left icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chevron-left.json

chevron-right ui

Animated chevron-right icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chevron-right.json

chevron-up-down ui

Animated chevron-up-down icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chevron-up-down.json

chevron-up ui

Animated chevron-up icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/chevron-up.json

circle-stack ui

Animated circle-stack icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/circle-stack.json

clipboard-document-check ui

Animated clipboard-document-check icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/clipboard-document-check.json

clipboard-document-list ui

Animated clipboard-document-list icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/clipboard-document-list.json

clipboard-document ui

Animated clipboard-document icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/clipboard-document.json

clipboard ui

Animated clipboard icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/clipboard.json

clock ui

Animated clock icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/clock.json

cloud-arrow-down ui

Animated cloud-arrow-down icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/cloud-arrow-down.json

cloud-arrow-up ui

Animated cloud-arrow-up icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/cloud-arrow-up.json

cloud ui

Animated cloud icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/cloud.json

code-bracket-square ui

Animated code-bracket-square icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/code-bracket-square.json

code-bracket ui

Animated code-bracket icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/code-bracket.json

cog-6-tooth ui

Animated cog-6-tooth icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/cog-6-tooth.json

cog-8-tooth ui

Animated cog-8-tooth icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/cog-8-tooth.json

cog ui

Animated cog icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/cog.json

command-line ui

Animated command-line icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/command-line.json

computer-desktop ui

Animated computer-desktop icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/computer-desktop.json

cpu-chip ui

Animated cpu-chip icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/cpu-chip.json

credit-card ui

Animated credit-card icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/credit-card.json

cube-transparent ui

Animated cube-transparent icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/cube-transparent.json

cube ui

Animated cube icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/cube.json

currency-bangladeshi ui

Animated currency-bangladeshi icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/currency-bangladeshi.json

currency-dollar ui

Animated currency-dollar icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/currency-dollar.json

currency-euro ui

Animated currency-euro icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/currency-euro.json

currency-pound ui

Animated currency-pound icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/currency-pound.json

currency-rupee ui

Animated currency-rupee icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/currency-rupee.json

currency-yen ui

Animated currency-yen icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/currency-yen.json

cursor-arrow-rays ui

Animated cursor-arrow-rays icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/cursor-arrow-rays.json

cursor-arrow-ripple ui

Animated cursor-arrow-ripple icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/cursor-arrow-ripple.json

device-phone-mobile ui

Animated device-phone-mobile icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/device-phone-mobile.json

device-tablet ui

Animated device-tablet icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/device-tablet.json

divide ui

Animated divide icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/divide.json

document-arrow-down ui

Animated document-arrow-down icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/document-arrow-down.json

document-arrow-up ui

Animated document-arrow-up icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/document-arrow-up.json

document-chart-bar ui

Animated document-chart-bar icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/document-chart-bar.json

document-check ui

Animated document-check icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/document-check.json

document-currency-bangladeshi ui

Animated document-currency-bangladeshi icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/document-currency-bangladeshi.json

document-currency-dollar ui

Animated document-currency-dollar icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/document-currency-dollar.json

document-currency-euro ui

Animated document-currency-euro icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/document-currency-euro.json

document-currency-pound ui

Animated document-currency-pound icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/document-currency-pound.json

document-currency-rupee ui

Animated document-currency-rupee icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/document-currency-rupee.json

document-currency-yen ui

Animated document-currency-yen icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/document-currency-yen.json

document-duplicate ui

Animated document-duplicate icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/document-duplicate.json

document-magnifying-glass ui

Animated document-magnifying-glass icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/document-magnifying-glass.json

document-minus ui

Animated document-minus icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/document-minus.json

document-plus ui

Animated document-plus icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/document-plus.json

document-text ui

Animated document-text icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/document-text.json

document ui

Animated document icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/document.json

ellipsis-horizontal-circle ui

Animated ellipsis-horizontal-circle icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/ellipsis-horizontal-circle.json

ellipsis-horizontal ui

Animated ellipsis-horizontal icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/ellipsis-horizontal.json

ellipsis-vertical ui

Animated ellipsis-vertical icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/ellipsis-vertical.json

envelope-open ui

Animated envelope-open icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/envelope-open.json

envelope ui

Animated envelope icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/envelope.json

equals ui

Animated equals icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/equals.json

exclamation-circle ui

Animated exclamation-circle icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/exclamation-circle.json

exclamation-triangle ui

Animated exclamation-triangle icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/exclamation-triangle.json

eye-dropper ui

Animated eye-dropper icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/eye-dropper.json

eye-slash ui

Animated eye-slash icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/eye-slash.json

eye ui

Animated eye icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/eye.json

face-frown ui

Animated face-frown icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/face-frown.json

face-smile ui

Animated face-smile icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/face-smile.json

film ui

Animated film icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/film.json

finger-print ui

Animated finger-print icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/finger-print.json

fire ui

Animated fire icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/fire.json

flag ui

Animated flag icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/flag.json

folder-arrow-down ui

Animated folder-arrow-down icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/folder-arrow-down.json

folder-minus ui

Animated folder-minus icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/folder-minus.json

folder-open ui

Animated folder-open icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/folder-open.json

folder-plus ui

Animated folder-plus icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/folder-plus.json

folder ui

Animated folder icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/folder.json

forward ui

Animated forward icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/forward.json

funnel ui

Animated funnel icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/funnel.json

gif ui

Animated gif icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/gif.json

gift-top ui

Animated gift-top icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/gift-top.json

gift ui

Animated gift icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/gift.json

globe-alt ui

Animated globe-alt icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/globe-alt.json

globe-americas ui

Animated globe-americas icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/globe-americas.json

globe-asia-australia ui

Animated globe-asia-australia icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/globe-asia-australia.json

globe-europe-africa ui

Animated globe-europe-africa icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/globe-europe-africa.json

h1 ui

Animated h1 icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/h1.json

h2 ui

Animated h2 icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/h2.json

h3 ui

Animated h3 icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/h3.json

hand-raised ui

Animated hand-raised icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/hand-raised.json

hand-thumb-down ui

Animated hand-thumb-down icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/hand-thumb-down.json

hand-thumb-up ui

Animated hand-thumb-up icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/hand-thumb-up.json

hashtag ui

Animated hashtag icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/hashtag.json

heart ui

Animated heart icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/heart.json

home-modern ui

Animated home-modern icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/home-modern.json

home ui

Animated home icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/home.json

identification ui

Animated identification icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/identification.json

inbox-arrow-down ui

Animated inbox-arrow-down icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/inbox-arrow-down.json

inbox-stack ui

Animated inbox-stack icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/inbox-stack.json

inbox ui

Animated inbox icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/inbox.json

information-circle ui

Animated information-circle icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/information-circle.json

italic ui

Animated italic icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/italic.json

key ui

Animated key icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/key.json

language ui

Animated language icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/language.json

lifebuoy ui

Animated lifebuoy icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/lifebuoy.json

light-bulb ui

Animated light-bulb icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/light-bulb.json

link-slash ui

Animated link-slash icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/link-slash.json

link ui

Animated link icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/link.json

list-bullet ui

Animated list-bullet icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/list-bullet.json

lock-closed ui

Animated lock-closed icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/lock-closed.json

lock-open ui

Animated lock-open icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/lock-open.json

magnifying-glass-circle ui

Animated magnifying-glass-circle icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/magnifying-glass-circle.json

magnifying-glass-minus ui

Animated magnifying-glass-minus icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/magnifying-glass-minus.json

magnifying-glass-plus ui

Animated magnifying-glass-plus icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/magnifying-glass-plus.json

magnifying-glass ui

Animated magnifying-glass icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/magnifying-glass.json

map-pin ui

Animated map-pin icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/map-pin.json

map ui

Animated map icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/map.json

megaphone ui

Animated megaphone icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/megaphone.json

microphone ui

Animated microphone icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/microphone.json

minus-circle ui

Animated minus-circle icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/minus-circle.json

minus ui

Animated minus icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/minus.json

moon ui

Animated moon icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/moon.json

musical-note ui

Animated musical-note icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/musical-note.json

newspaper ui

Animated newspaper icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/newspaper.json

no-symbol ui

Animated no-symbol icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/no-symbol.json

numbered-list ui

Animated numbered-list icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/numbered-list.json

paint-brush ui

Animated paint-brush icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/paint-brush.json

paper-airplane ui

Animated paper-airplane icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/paper-airplane.json

paper-clip ui

Animated paper-clip icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/paper-clip.json

pause-circle ui

Animated pause-circle icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/pause-circle.json

pause ui

Animated pause icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/pause.json

pencil-square ui

Animated pencil-square icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/pencil-square.json

pencil ui

Animated pencil icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/pencil.json

percent-badge ui

Animated percent-badge icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/percent-badge.json

phone-arrow-down-left ui

Animated phone-arrow-down-left icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/phone-arrow-down-left.json

phone-arrow-up-right ui

Animated phone-arrow-up-right icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/phone-arrow-up-right.json

phone-x-mark ui

Animated phone-x-mark icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/phone-x-mark.json

phone ui

Animated phone icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/phone.json

photo ui

Animated photo icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/photo.json

play-circle ui

Animated play-circle icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/play-circle.json

play-pause ui

Animated play-pause icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/play-pause.json

play ui

Animated play icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/play.json

plus-circle ui

Animated plus-circle icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/plus-circle.json

plus ui

Animated plus icon for React

npx shadcn@latest add https://www.heroicons-animated.com/r/plus.json