Components

Displays a callout with icon, title, and description for important messages.

Avatar

DefaultSecondaryOutlineDestructive

Circular user avatar with initials fallback when no image is available.

Badge

Small status labels and tags with multiple visual variants.

Button

Beautifully styled buttons with multiple variants and sizes.

Project Alpha

Deploy your new project in one-click.

Elevated Card

Stronger shadow for floating surfaces.

Card

Layout

A styled container with optional header, content, and footer sections.

UncheckedCheckedDisabled

Checkbox

AlignHorizontalDistributeCenter

A styled checkbox with label — wraps Iced's native checkbox widget.

My Account

Dropdown Menu

Navigation

A floating menu for actions — custom widget with overlay support.

Showing 1460 of 1460 icons

Click on an icon to copy its Rust enum

AlignCenterHorizontal

AlignHorizontalDistributeEnd

AlignHorizontalDistributeStart

AlignHorizontalJustifyCenter

AlignHorizontalJustifyEnd

AlignHorizontalJustifyStart

AlignHorizontalSpaceAround

AlignHorizontalSpaceBetween

AlignVerticalDistributeCenter

AlignVerticalDistributeEnd

AlignVerticalDistributeStart

AlignVerticalJustifyCenter

AlignVerticalJustifyEnd

AlignVerticalJustifyStart

AlignVerticalSpaceAround

AlignVerticalSpaceBetween

BarChartHorizontalBig

BetweenHorizontalStart

CircleArrowOutDownLeft

CircleArrowOutDownRight

CircleArrowOutUpLeft

CircleArrowOutUpRight

GitPullRequestCreateArrow

MessageCircleQuestion

SquareArrowOutDownLeft

SquareArrowOutDownRight

SquareArrowOutUpLeft

SquareArrowOutUpRight

SquareBottomDashedScissors

SquareDashedBottomCode

SquareDashedBottom

SquareDashedKanban

SquareDashedMousePointer

SquareSplitHorizontal

Icon

A wrapper around Iced's text widget using the Lucide icon font.

Enter your email address.

Input

A styled text input field with focus ring and placeholder styling.

...

Pagination

Navigation

Navigation controls for paginated data with previous/next and page numbers.

Default — 60%

Success — 100%

Destructive — 30%

Progress

A styled progress bar with default, destructive, and success variants.

Option AOption BOption C

Radio

A styled radio button — circular with a primary dot when selected.

Select

A styled select dropdown — wraps Iced's pick_list widget.

Content above

Content below

Left

Right

Separator

Layout

A visual divider — horizontal or vertical rule styled with design tokens.

Skeleton

A placeholder for loading state — rectangular or circular shapes.

Value: 60%

Slider

A styled range slider with primary-colored track and circular handle.

Table

A structured data table with headers and rows, built from Iced primitives.

Tabs

Navigation

Navigation tabs for switching views — container with active/inactive states.

Textarea

A styled multi-line text editor wrapping Iced's text_editor widget.

Enabled

Disabled

Toggle

A switch/toggle control — styled wrapper around Iced's toggler widget.

Toggle Group

A set of interconnected toggle buttons with shared border radius.

This is a tooltip

Tooltip

A popover-styled tooltip that appears on hover with configurable position.

Heading 1

Heading 2

Heading 3

Heading 4

This is a standard paragraph with comfortable line height.

This is lead text for introductions.

This is muted small text.

Typography