Icon Component Playground

Interactive playground to test all Icon props and browse available Lucide icons

Props

229 icons available. Common icons shown first.

Icon size: Small (16px), Medium (24px), Large (32px)

Icon color (hex, rgb, or CSS color name)

Additional CSS classes (e.g., Tailwind classes)

Current State

Icon: Home

Size: medium (24px)

Stroke Width: 2 (fixed)

Color: #000000

Total Icons: 229

Preview

<Icon
  icon="Home"
/>
{
  "icon": "Home",
  "size": "medium",
  "color": "#000000"
}

small (16px)

medium (24px)

large (32px)