FeaturedIcon

Decorative icon container for banners, feature sections, and empty states. Three visual families (modern / light / solid) × five tones × four sizes.

$npx shadcn@latest add https://ui.btng.studio/r/featured-icon

Modern

White rounded-square tile with 1px border and the 3-layer skeu depth from Button. Default variant. Tone affects only the icon colour.

Light

Soft tinted circle — background at ~100 step of the tone, icon at ~700 step. Friendly and decorative.

Solid

Filled circle, contrasting icon. Loudest variant. Use in hero slots where the icon should carry weight.

Sizes

sm (32) · md (40, default) · lg (48) · xl (56). Children auto-size to match.