COMPONENT WORKBENCHIconSearch for Storybook
Choose icons beside the components that use them.
Search IconSearch from a Storybook panel and copy production-ready snippets without breaking the component development loop.
Storybook panelFramework-neutral searchSix output formats
Button.stories.tsx - Storybook Live catalog
component, controls, story
All libraries All styles Legal-safe
Storybook canvasStorybook
IconButton / PrimaryPreviewed with live controls
<Icon icon="lucide:arrow-right" aria-hidden />Popular results355,702 available
355,702searchable icons
229named libraries
229icon collections
Free accountaccess model
BUILT FOR THE WORKFLOW
A focused IconSearch experience for Storybook.
The interface keeps discovery, inspection, and the final handoff close together while using the same live catalog as the website.
Panel-based search
Browse icons in the same workspace used to inspect stories, controls, and component states.
Framework-friendly output
Copy React, SVG, Tailwind, Vue, Svelte, or URL output from one addon.
Useful catalog filters
Choose a library, commercial-safety state, and desired snippet format.
Shared product vocabulary
Design-system contributors can discuss the same icon names while reviewing components.
RELEASE STATUS
Storybook Addon is launching soon.
We are preparing IconSearch for Storybook for a public marketplace release. Until then, search and customize the same icon catalog on IconSearch.
Launching soon