Grove icon

logos:grove

The Grove icon (logos:grove) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 267 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 × 267

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="267" viewBox="0 0 256 267"><defs><filter id="SVGvMS3qcAV" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feOffset dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/><feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.243359375 0"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter></defs><path fill="#92c83e" d="m37.067 181.009l35.27-67.787l28.107 47.396l-35.822 57.315z"/><path fill="#4b843d" d="m59.662 212.422l67.236-131.164l36.373 68.338l-51.804 89.83z"/><path fill="#92c83e" d="m102.098 236.12l93.138-190.133s30.31 34.72 37.475 50.702c6.613 14.88 4.96 47.947-5.511 73.849s-31.964 45.19-44.089 50.15c-50.151 22.045-81.013 15.432-81.013 15.432"/><path fill="#fff" d="M248 124C248 55.662 192.338 0 124 0S0 55.662 0 124c0 62.827 47.396 115.182 108.569 122.898v13.226l25.902-12.675C197.85 242.489 248 189.03 248 124M124 225.956c-52.907 0-101.956-49.05-101.956-101.956S71.094 22.044 124 22.044S225.956 71.094 225.956 124S176.906 225.956 124 225.956" filter="url(#SVGvMS3qcAV)" transform="translate(4 3)"/></svg>

How to use the Grove icon

React

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

<Icon icon="logos:grove" width="24" />

Vue

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

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

Svelte

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

<Icon icon="logos:grove" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

<img src="https://iconyz.com/api/public/svg/logos/grove.svg" alt="Grove icon" width="24" height="24">

Grove icon FAQ

Is the Grove 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 Grove icon in React?

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

How do I add the Grove icon to a web page?

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

Browse all SVG Logos icons →