Gatsby logo

Gatsby generates static sites using React, letting developers pre‑render pages at build time for fast, SEO‑friendly web experiences. The Gatsby logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Brand color: #663399
Categories: Frameworks
Variants: 2 SVG files
Website: gatsbyjs.org
Brand guidelines: Read before use
Source: gilbarbara/logos · CC0

Sponsor

Blockforgeshadcn/ui blocks, forged to ship

Use the Gatsby logo

shadcn CLI

npx shadcn@latest add @logoforge/gatsby

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

React

import { GatsbyLogo } from "@/components/logos/gatsby";

<GatsbyLogo className="size-8" />
<GatsbyLogo variant="mono" />          {/* currentColor */}

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256"><path fill="#744c9e" d="M128 0C57.308 0 0 57.307 0 128s57.308 128 128 128 128-57.307 128-128S198.693 0 128 0M27.504 129.334l99.161 99.162c-54.45-.71-98.452-44.71-99.161-99.162m122.992 96.65-120.48-120.48C40.234 60.824 80.223 27.487 128 27.487c33.397 0 62.985 16.293 81.263 41.36l-13.917 12.279C180.52 59.864 155.886 45.949 128 45.949c-35.505 0-65.74 22.552-77.169 54.113L155.94 205.169c25.525-9.243 45.156-30.79 51.73-57.477h-43.566V128h64.41c0 47.778-33.336 87.767-78.017 97.983"/></svg>

Download

Related logos

Gatsby and the Gatsby logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Gatsby; 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.