Logoforge
Back

Storybook logo

Storybook offers an isolated environment where developers can build, view, and test UI components independently from application code. The Storybook logo as clean SVG, in brand color and mono, with a dark-mode variant. Copy it, download it, or install it as a typed React component.

Storybook logo
Brand color
#ff4785
Categories
LibrariesDeveloper tools
Variants
5 SVG files
Website
storybook.js.org
Source
gilbarbara/logos · CC0
Sponsor

Use the Storybook logo

shadcn CLI
npx shadcn@latest add @logoforge/storybook

Works out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.

React
import { StorybookLogo } from "@/components/logos/storybook";

<StorybookLogo className="size-8" />
<StorybookLogo variant="mono" />          {/* currentColor */}
<StorybookLogo type="wordmark" className="h-6 w-auto" />
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" viewBox="0 0 256 319"><defs><path id="storybook-a" d="M9.872 293.324.012 30.574C-.315 21.895 6.338 14.54 15.005 14L238.494.032c8.822-.552 16.42 6.153 16.972 14.975q.03.498.031.998v286.314c0 8.839-7.165 16.004-16.004 16.004q-.36 0-.718-.016l-213.627-9.595c-8.32-.373-14.963-7.065-15.276-15.388"/></defs><mask id="storybook-b" fill="#fff"><use xlink:href="#storybook-a"/></mask><use xlink:href="#storybook-a" fill="#ff4785"/><path fill="#fff" d="m188.665 39.127 1.527-36.716L220.884 0l1.322 37.863a2.387 2.387 0 0 1-3.864 1.96l-11.835-9.325-14.013 10.63a2.387 2.387 0 0 1-3.829-2.001m-39.251 80.853c0 6.227 41.942 3.243 47.572-1.131 0-42.402-22.752-64.684-64.415-64.684-41.662 0-65.005 22.628-65.005 56.57 0 59.117 79.78 60.249 79.78 92.494 0 9.052-4.433 14.426-14.184 14.426-12.705 0-17.729-6.49-17.138-28.552 0-4.786-48.458-6.278-49.936 0-3.762 53.466 29.548 68.887 67.665 68.887 36.935 0 65.892-19.687 65.892-55.326 0-63.36-80.961-61.663-80.961-93.06 0-12.728 9.455-14.425 15.07-14.425 5.909 0 16.546 1.042 15.66 24.801" mask="url(#storybook-b)"/></svg>

Download

Related logos

Storybook and the Storybook logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Storybook; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.