# Icon components

> Find the perfect icon for any project with 22 versatile React icon components, styled with Tailwind CSS for consistency and style.

200 components available. Showing the first 60 — browse the rest at https://21st.dev/community/components/s/icon.

- [Animated State Icons](https://21st.dev/@dev.yadhakim/components/animated-state-icons.md) — by Yad Hakim
- [Animated Weather Icons](https://21st.dev/@dev.yadhakim/components/animated-weather-icons.md) — by Yad Hakim
- [Icons](https://21st.dev/@shadcn/components/icons.md) — by shadcn
- [Icon Bar](https://21st.dev/@edwinvakayil/components/icon-bar.md) — by Edwin Vakayil
- [Icons](https://21st.dev/@Codehagen/components/icons.md) — by Prism UI
- [Boxy App Icons](https://21st.dev/@muhammad-binsalman/components/boxy-app-icons.md) — by M.bin Salman
- [Icon Set](https://21st.dev/@ravikatiyar162/components/icon-set.md) — by Ravi Katiyar
- [Lucide Icon Drawer](https://21st.dev/@oldkong88/components/lucide-icon-drawer/icon-drawer-with-lucide-and-anime-js.md) — by SEONG HUN
- [Interactive Animated Arrow Icon](https://21st.dev/@ringlabs/components/interactive-animated-arrow-icon.md) — by ring labs
- [Dark Theme Icon](https://21st.dev/@campsite/components/dark-theme/dark-theme-icon.md) — by Campsite
- [Light Theme Icon](https://21st.dev/@campsite/components/light-theme.md) — by Campsite
- [Mobius Loop Icon](https://21st.dev/@ncdai/components/mobius-loop-icon.md) — by Chánh Đại
- [Log Out Icon](https://21st.dev/@skyleen77/components/icons-log-out.md) — by Elliot Sutton
- [Message Circle More Icon](https://21st.dev/@skyleen77/components/message-circle-more.md) — by Elliot Sutton
- [Discord Icon](https://21st.dev/@sshahaider/components/discord-icon.md) — by Efferd
- [Message Circle Off Icon](https://21st.dev/@skyleen77/components/icons-message-circle-off.md) — by Elliot Sutton
- [Message Circle Heart Icon](https://21st.dev/@skyleen77/components/icons-message-circle-heart.md) — by Elliot Sutton
- [Maximize Icon](https://21st.dev/@skyleen77/components/icons-maximize.md) — by Elliot Sutton
- [Google Icon](https://21st.dev/@sshahaider/components/google-icon.md) — by Efferd
- [Facebook Icon](https://21st.dev/@sshahaider/components/facebook-icon.md) — by Efferd
- [Chevrons Up Down Icon](https://21st.dev/@ncdai/components/chevrons-up-down-icon.md) — by Chánh Đại
- [Message Circle Code Icon](https://21st.dev/@skyleen77/components/icons-message-circle-code.md) — by Elliot Sutton
- [Figma Icon](https://21st.dev/@sshahaider/components/figma-icon.md) — by Efferd
- [Display Cards](https://21st.dev/@Codehagen/components/display-cards.md) — by Prism UI
- [Expandable Tabs](https://21st.dev/@victorwelander/components/expandable-tabs.md) — by Victor Welander
- [Bento Grid](https://21st.dev/@manuarora700/components/bento-grid.md) — by Manu Arora
- [Feature Section with hover effects](https://21st.dev/@manuarora700/components/feature-section-with-hover-effects.md) — by Manu Arora
- [Dock](https://21st.dev/@ibelick/components/dock.md) — by Julien Thibeaut
- [Button](https://21st.dev/@originui/components/button/go-back-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-icon-and-arrow.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-kbd.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/group-of-buttons-with-icons-and-more-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/add-new-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/destructive-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/outline-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-icon.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-secondary-chevron-down-button.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/button-with-arrow-down.md) — by Origin UI
- [Button](https://21st.dev/@originui/components/button/secondary-button.md) — by Origin UI
- [Feature 108](https://21st.dev/@shadcnblockscom/components/shadcnblocks-com-feature108.md) — by Shadcnblocks.com
- [Table](https://21st.dev/@originui/components/table/comparison-table.md) — by Origin UI
- [Grid Feature Cards](https://21st.dev/@sshahaider/components/grid-feature-cards.md) — by Efferd
- [Dock](https://21st.dev/@anurag-mishra22/components/dock-two.md) — by Anurag Mishra
- [Limelight Nav](https://21st.dev/@easemize/components/limelight-nav.md) — by Hossain Jahed
- [Input](https://21st.dev/@originui/components/input/search-input-with-loader.md) — by Origin UI
- [Input](https://21st.dev/@originui/components/input/input-with-end-inline-button.md) — by Origin UI
- [Input](https://21st.dev/@originui/components/input/search-input-with-icon-and-button.md) — by Origin UI
- [Input](https://21st.dev/@originui/components/input/card-number-input.md) — by Origin UI
- [Input](https://21st.dev/@originui/components/input/input-with-end-icon.md) — by Origin UI
- [Input](https://21st.dev/@originui/components/input/time-input-with-start-icon.md) — by Origin UI
- [Input](https://21st.dev/@originui/components/input/input-with-start-icon.md) — by Origin UI
- [Modern Mobile Menu](https://21st.dev/@easemize/components/modern-mobile-menu.md) — by Hossain Jahed
- [Stack Feature Section](https://21st.dev/@ruixen.ui/components/stack-feature-section.md) — by Ruixen UI
- [Creative Pricing](https://21st.dev/@kokonutd/components/creative-pricing.md) — by Kokonut Baffier
- [Waitlist Hero](https://21st.dev/@minhxthanh/components/waitlist-hero.md) — by Le Thanh
- [Sidebar](https://21st.dev/@andrewlu0/components/sidebar/sidebar-demo.md) — by Andrew Luo
- [Glow menu](https://21st.dev/@spoonyvu/components/glow-menu.md) — by Vu Hieu
- [Radar Effect](https://21st.dev/@manuarora700/components/radar-effect.md) — by Manu Arora
- [Action Search Bar](https://21st.dev/@kokonutd/components/action-search-bar.md) — by Kokonut Baffier
- [Animated Beam](https://21st.dev/@dillionverma/components/animated-beam.md) — by Dillion Verma

Full component directory: https://21st.dev/llms.txt
