Blog

How to use and customize icons in shadcn/ui

A practical guide to using icons in shadcn/ui projects. Learn about Lucide icons, alternative icon libraries, customization options, and how to keep Figma and code in sync.

article·November 13, 2025·8 min read
How to use and customize icons in shadcn/ui
MW
Matt Wierzbicki

Founder @ shadcndesign.com

Continue reading

Related articles

View all articles
Is shadcn/ui free? Licensing, what's included, and what you still have to build yourself
article·6 min

Is shadcn/ui free? Licensing, what's included, and what you still have to build yourself

Yes, shadcn/ui is free and MIT licensed, including for commercial use. Here's what's included, what the license allows, and what you still build yourself.

How to choose the right shadcn/ui style for your project
article·9 min

How to choose the right shadcn/ui style for your project

Compare shadcn/ui styles to choose the right visual foundation for your product UI, Figma kit, and design system workflow.

How to Use Our shadcn/ui Figma Kit as a Design System for Claude Design
article·8 min

How to Use Our shadcn/ui Figma Kit as a Design System for Claude Design

Bootstrap a production-ready design system for Claude Design in minutes by pointing it at our shadcn/ui Figma kit and matching React codebase.

Level-up your workflow today

One-time payment
14 days refund policy