Gridsome logo

Gridsome is a static site generator for Vue.js, allowing developers to build fast, data‑driven websites using GraphQL queries. The Gridsome logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Brand color: #00a672
Categories: Frameworks
Variants: 4 SVG files
Website: gridsome.org
Source: gilbarbara/logos · CC0

Sponsor

CertifstudioBeautiful certificates, verifiable with a scan

Use the Gridsome logo

shadcn CLI

npx shadcn@latest add @logoforge/gridsome

Works out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? 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.