Icon components

Icon is a visual symbol that indicates the purpose of an interface element. It’s used to represent ideas, content types, and actions.

268components956storiesLast updated today

Add your component

Icons

DayPickerRangeController

IconButton

IconTextButton

SLDSIcon

<cc-pricing-product-consumption>

DayPickerSingleDateController

Video components

Lonely Planet22

Interactions

Icon Button

Natura Cosmeticos21

IconStatusBubble

ColoredIconButton

ColoredIconTextButton

NotificationBadge

Circular Progress Indicator

Natura Cosmeticos13

<cc-tcp-redirection-form>

IconLink

Checkbox (selection control)

Natura Cosmeticos10

ButtonIcon

bpk-component-icon

Documentation

Add Storybook to your project in less than a minute to build components faster and easier.

react vue angular web-components

Tutorials

Learn Storybook with in-depth tutorials that teaches Storybook best practices. Follow along with code samples.

Learn Storybook now

Storybook

The MIT License (MIT). Website design by @domyen and the awesome Storybook community.

StorybookShowcase Docs Tutorials Addons Blog Releases Get involved Use cases Support Team

Community GitHub Twitter Discord Youtube Component Driven UIs

Maintained by

Continuous integration by

Hosting by