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
Claude Code skills vs prompts: which works better?
article·8 min

Claude Code skills vs prompts: which works better?

Learn why Claude Code skills are more reliable than prompts for repeatable AI coding workflows, design-to-code tasks, and team-wide consistency.

Figma slots explained: building flexible components without detaching instances
article·8 min

Figma slots explained: building flexible components without detaching instances

Learn how Figma slots help teams build flexible components without detaching instances, and why they matter for a cleaner shadcn/ui design system.

Shadcn Pro Blocks guide: build landing pages, dashboards, and stores quickly
article·5 min

Shadcn Pro Blocks guide: build landing pages, dashboards, and stores quickly

Learn how to use Shadcn Pro Blocks to build landing pages, dashboards, and e-commerce stores faster with pre-structured, consistent UI sections.

Level-up your workflow today

One-time payment
14 days refund policy