Icon Component Playground

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

Props

Icon

229 icons available. Common icons shown first.

Size (px)

Icon size in pixels (default: 24px)

Stroke Width

Line thickness (default: 2)

Color

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

ClassName

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

Icon: Home

Size: 24px

Stroke Width: 2

Color: #000000

Total Icons: 229

Code

<Icon
  icon="Home"
/>

Props (JSON)

{
  "icon": "Home",
  "size": 24,
  "strokeWidth": 2,
  "color": "#000000"
}

Size Showcase

16px

24px

32px

48px

64px