ICONYZ
English
Gridsome Icon icon from SVG Logos

Gridsome Icon icon

logos:gridsome-icon

The Gridsome Icon icon (logos:gridsome-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
SVG Logos
Author
Gil Barbara
License
CC0-1.0
Size
256 × 256
Tags
gridsomeicon
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGklaNpckF" 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="SVGKDXL6bBC" 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="SVGKei8HdEx" 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="SVGQcIBmcyU" 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="SVGoaMQZbIM" 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(#SVGklaNpckF)" d="M231.385 105.754c12.308-.592 23.204 8.957 24.267 21.277c4.604 59.597-48.957 126.248-125.818 128.382c-12.319.343-22.58-9.393-22.922-21.745c-.34-12.353 9.367-22.643 21.686-22.986c50.99-1.416 83.294-45.459 81.57-81.508c-.59-12.342 8.908-22.828 21.217-23.42"/><path fill="url(#SVGKDXL6bBC)" d="M22.551 104.485c12.323 0 22.312 10.018 22.312 22.375c0 51.575 41.47 84.953 82.89 83.931c12.32-.304 22.551 9.464 22.854 21.816c.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(#SVGKei8HdEx)" 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.906c0 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(#SVGQcIBmcyU)" 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(#SVGoaMQZbIM)" d="M150.31 21.446c.511 12.346-9.056 22.77-21.368 23.283c-53.149 2.214-85.596 43.987-84.017 83.652c.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>

How to use the Gridsome Icon icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:gridsome-icon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:gridsome-icon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:gridsome-icon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--gridsome-icon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:gridsome-icon"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:gridsome-icon"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/gridsome-icon.svg" alt="Gridsome Icon icon" width="24" height="24">

Related icons in SVG Logos

gridsome icon
gridsome

Gridsome Icon icon FAQ

Is the Gridsome Icon icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Gridsome Icon icon in React?

Install @iconify/react and render <Icon icon="logos:gridsome-icon" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Gridsome Icon icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/gridsome-icon.svg" alt="Gridsome Icon icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →