DEW uses Untitled UI Icons - the same set every pulled component (Button, Badge, Checkbox, Input) draws from. All icons share the same geometric foundation, stroke weight, and optical sizing.
Sizes
Match icon size to text size. A 14px label pairs with a 16px (sm) icon; a 16px label with a 20px (md) icon.
xs
12px
sm
16px
md
20px
lg
24px
xl
32px
Stroke weight
Default stroke is 1.5. Use 1 for decorative/display contexts, 2 for small sizes or emphasis.
Thin
1
Display / decorative
Regular
1.5
Default for UI icons
Medium
2
Emphasis, small sizes
Featured icons
A glyph in a styled container - used for empty states, alerts, and onboarding. Real DEW component: FeaturedIcon from components/foundations/featured-icon/featured-icon.tsx. Matches Figma's "Featured icon" frame exactly.
Theme × colour (md)
Brand
Gray
Error
Warning
Success
LightGradientDarkModernModern neue
Sizes (light / brand)
sm · 32px
md · 40px
lg · 48px
xl · 56px
The outline theme is its own frame in Figma ("Featured icon outline") - no background, just a soft double ring.
Brand
Gray
Error
Warning
Success
Icon library
All 1,181 icons from @untitledui/icons. Search by name, click any icon to copy its import statement.