Updated Aug 20, 2025

Icons

The Shadcraft UI kit for Figma comes pre-configured with Lucide icons by default. The kit also includes Huge, Phosphor, Tabler, and Remix icon sets, giving you flexibility to adjust the look and tone of your UI without bringing in external libraries.

All included icon sets are widely used, well maintained, and work well in modern product interfaces.

You can switch icons on a per-component basis by selecting the equivalent icon from one of the included sets. There is currently no automatic or bulk way to swap an entire icon set across the kit.

Included icon libraries

Shadcraft ships with the following icon sets:

  • Lucide (default)

  • Huge

  • Phosphor

  • Tabler

  • Remix

Each set has its own visual character, but all are suitable for product UI. This makes it easy to fine-tune style while staying within the kit.

How icon switching works

  • Components default to Lucide icons

  • You can manually replace an icon with the equivalent from Huge, Phosphor, Tabler, or Remix

  • Icon swaps are done per component or instance

  • There is no global toggle or automatic replacement across the system at this time

This approach keeps components predictable while giving you control where it matters.

Why icon consistency matters

Using a single icon style across your product helps:

  • Keep the UI visually cohesive

  • Avoid rework late in the process

  • Improve overall polish in both design and code

  • Save time for designers and developers

Mixing icon styles without intent can quickly make an interface feel uneven, even in an otherwise solid UI.

Using a custom icon set

If none of the included libraries fit your needs, you can still use a custom icon set.

  1. Make sure your icons are in SVG format

  2. Ensure icons are stroke-based, just like Lucide, to match styling conventions

  3. Open your main Shadcraft Figma file

  4. Navigate to the Icons page

  5. Create a new frame and give it a clear label (e.g. Custom Icons)

  6. Import your SVG icons into this frame

  7. Select all imported icons

  8. Click “Create multiple components” from the top bar

Your custom icons are now integrated directly into the kit and ready to be reused throughout your designs.

Final tip

Stick to one icon set wherever possible. If you do switch styles, do it deliberately and early. Icons are small, but inconsistency shows up fast.

Pricing

Upgrade anytime. Pay only the difference between products.

Select license

Single

Team

Enterprise

For solo designers and developers

Fast support • Unlimited projects • Lifetime updates

Base

All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.

$119

One-time payment • Plus local taxes

Easy theming via our plugin

All shadcn components

All shadcn blocks

All 5 complete icon sets

Tailwind CSS alignment

Prototype interactions

Figma variables

Light & dark mode

Pro

Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.

$299

$399

One-time payment • Plus local taxes

Everything in Base

42+ Pro Components

132+ Blocks to ship faster

Full page Templates

Perfect for marketing sites

Ideal for product apps [New]

Assemble sites in seconds

Responsive layouts

+

Pro React

Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.

$499

$699

One-time payment • Plus local taxes

Everything in Pro

Pixel perfect design parity

Zero setup needed

Composable / extendible

Production ready blocks

Fully responsive

shadcn aligned tokens

CLI install & MCP support

Prices in USD.

Secure payment with Polar.sh

+

Free

Looking for a free option?

Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.

Pricing

Upgrade anytime. Pay only the difference between products.

Select license

Single

Team

Enterprise

For solo designers and developers

Fast support • Unlimited projects • Lifetime updates

Base

All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.

$119

One-time payment • Plus local taxes

Easy theming via our plugin

All shadcn components

All shadcn blocks

All 5 complete icon sets

Tailwind CSS alignment

Prototype interactions

Figma variables

Light & dark mode

Pro

Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.

$299

$399

One-time payment • Plus local taxes

Everything in Base

42+ Pro Components

132+ Blocks to ship faster

Full page Templates

Perfect for marketing sites

Ideal for product apps [New]

Assemble sites in seconds

Responsive layouts

+

Pro React

Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.

$499

$699

One-time payment • Plus local taxes

Everything in Pro

Pixel perfect design parity

Zero setup needed

Composable / extendible

Production ready blocks

Fully responsive

shadcn aligned tokens

CLI install & MCP support

Prices in USD.

Secure payment with Polar.sh

+

Free

Looking for a free option?

Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.

Pricing

Upgrade anytime. Pay only the difference between products.

Select license

Single

Team

Enterprise

For solo designers and developers

Fast support • Unlimited projects • Lifetime updates

Base

All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.

$119

One-time payment • Plus local taxes

Easy theming via our plugin

All shadcn components

All shadcn blocks

All 5 complete icon sets

Tailwind CSS alignment

Prototype interactions

Figma variables

Light & dark mode

Pro

Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.

$299

$399

One-time payment • Plus local taxes

Everything in Base

42+ Pro Components

132+ Blocks to ship faster

Full page Templates

Perfect for marketing sites

Ideal for product apps [New]

Assemble sites in seconds

Responsive layouts

+

Pro React

Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.

$499

$699

One-time payment • Plus local taxes

Everything in Pro

Pixel perfect design parity

Zero setup needed

Composable / extendible

Production ready blocks

Fully responsive

shadcn aligned tokens

CLI install & MCP support

Prices in USD.

Secure payment with Polar.sh

+

Free

Looking for a free option?

Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.

Bryce avatar
David
Alberto

Join top designers leading the way with Shadcraft

Become an ambassador and get a free kit.

Bryce avatar
David
Alberto

Join top designers leading the way with Shadcraft

Become an ambassador and get a free kit.

Bryce avatar
David
Alberto

Join top designers leading the way with Shadcraft

Become an ambassador and get a free kit.

Stay in the know

Keep updated on all things happening with Shadcraft.

We respect your privacy

Stay in the know

Keep updated on all things happening with Shadcraft.

We respect your privacy

Stay in the know

Keep updated on all things happening with Shadcraft.

We respect your privacy

Thanks for visiting

© Shadcraft 2026

Thanks for visiting

© Shadcraft 2026

Thanks for visiting

© Shadcraft 2026

Thanks for visiting

© Shadcraft 2026