Logoforge
Back

Gridsome logo

The Gridsome logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Gridsome logo
Brand color
#00a672
Categories
Frameworks
Variants
4 SVG files
Website
gridsome.org
Source
gilbarbara/logos · CC0
Your brand here$40 / 30 days

Use the Gridsome logo

shadcn CLI
npx shadcn@latest add @logoforge/gridsome

First time? Add the @logoforge registry to components.json, or use the MCP server.

React
import { GridsomeLogo } from "@/components/logos/gridsome";

<GridsomeLogo className="size-8" />
<GridsomeLogo variant="mono" />          {/* currentColor */}
<GridsomeLogo type="wordmark" className="h-6 w-auto" />
icon.svg
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256"><defs><linearGradient id="gridsome-a" x1="20.938%" x2="67.331%" y1="135.775%" y2="141.765%"><stop offset="0%" stop-color="#1a7d75"/><stop offset="100%" stop-color="#1a8864"/></linearGradient><linearGradient id="gridsome-b" x1="5.879%" x2="-17.306%" y1="11.117%" y2="72.271%"><stop offset="1.293%" stop-color="#168a81"/><stop offset="100%" stop-color="#31a97f"/></linearGradient><linearGradient id="gridsome-c" x1="-144.301%" x2="-70.357%" y1="53.433%" y2="117.634%"><stop offset="0%" stop-color="#27a59b"/><stop offset="100%" stop-color="#64d8a2"/></linearGradient><linearGradient id="gridsome-d" x1="-143.419%" x2="-4.693%" y1="60.471%" y2="180.917%"><stop offset="0%" stop-color="#27a59b"/><stop offset="100%" stop-color="#64d8a2"/></linearGradient><linearGradient id="gridsome-e" x1="208.845%" x2="86.111%" y1="-141.921%" y2="-183.711%"><stop offset="0%" stop-color="#27a59b"/><stop offset="100%" stop-color="#64d8a2"/></linearGradient></defs><path fill="url(#gridsome-a)" d="M231.385 105.754c12.308-.592 23.204 8.957 24.267 21.277 4.604 59.597-48.957 126.248-125.818 128.382-12.319.343-22.58-9.393-22.922-21.745-.34-12.353 9.367-22.643 21.686-22.986 50.99-1.416 83.294-45.459 81.57-81.508-.59-12.342 8.908-22.828 21.217-23.42"/><path fill="url(#gridsome-b)" d="M22.551 104.485c12.323 0 22.312 10.018 22.312 22.375 0 51.575 41.47 84.953 82.89 83.931 12.32-.304 22.551 9.464 22.854 21.816.304 12.354-9.437 22.615-21.756 22.92C64.08 257.123.017 205.266.017 126.86c0-12.357 10.211-22.375 22.534-22.375"/><path fill="url(#gridsome-c)" d="M175.646 128.594c0-12.65 10.32-22.906 23.049-22.906h33.589c12.73 0 23.368 10.256 23.368 22.906 0 12.652-10.638 22.907-23.368 22.907h-33.59c-12.728 0-23.048-10.255-23.048-22.907"/><path fill="url(#gridsome-d)" d="M105.168 128.628c0-12.67 10.253-22.94 22.887-22.94s22.889 10.27 22.889 22.94c0 12.669-10.254 22.94-22.889 22.94s-22.887-10.271-22.887-22.94"/><path fill="url(#gridsome-e)" d="M150.31 21.446c.511 12.346-9.056 22.77-21.368 23.283-53.149 2.214-85.596 43.987-84.017 83.652.492 12.346-8.891 22.756-21.204 23.249S.58 142.158.089 129.81C-2.485 65.174 51.335 1.275 127.09.02c12.312-.513 22.708 9.08 23.218 21.426"/></svg>

Download

Related logos

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