grove logo

grove from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
grove
Set
SVG Logos
Style
Color
Viewbox
256×267
License
CC0

Use the grove logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function LogosGrove(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-grove {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20267%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22SVGvMS3qcAV%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%222%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.243359375%200%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2392c83e%22%20d%3D%22m37.067%20181.009l35.27-67.787l28.107%2047.396l-35.822%2057.315z%22%2F%3E%3Cpath%20fill%3D%22%234b843d%22%20d%3D%22m59.662%20212.422l67.236-131.164l36.373%2068.338l-51.804%2089.83z%22%2F%3E%3Cpath%20fill%3D%22%2392c83e%22%20d%3D%22m102.098%20236.12l93.138-190.133s30.31%2034.72%2037.475%2050.702c6.613%2014.88%204.96%2047.947-5.511%2073.849s-31.964%2045.19-44.089%2050.15c-50.151%2022.045-81.013%2015.432-81.013%2015.432%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M248%20124C248%2055.662%20192.338%200%20124%200S0%2055.662%200%20124c0%2062.827%2047.396%20115.182%20108.569%20122.898v13.226l25.902-12.675C197.85%20242.489%20248%20189.03%20248%20124M124%20225.956c-52.907%200-101.956-49.05-101.956-101.956S71.094%2022.044%20124%2022.044S225.956%2071.094%20225.956%20124S176.906%20225.956%20124%20225.956%22%20filter%3D%22url(%23SVGvMS3qcAV)%22%20transform%3D%22translate(4%203)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20267%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22SVGvMS3qcAV%22%20width%3D%22200%25%22%20height%3D%22200%25%22%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20filterUnits%3D%22objectBoundingBox%22%3E%3CfeOffset%20dy%3D%221%22%20in%3D%22SourceAlpha%22%20result%3D%22shadowOffsetOuter1%22%2F%3E%3CfeGaussianBlur%20in%3D%22shadowOffsetOuter1%22%20result%3D%22shadowBlurOuter1%22%20stdDeviation%3D%222%22%2F%3E%3CfeColorMatrix%20in%3D%22shadowBlurOuter1%22%20result%3D%22shadowMatrixOuter1%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.243359375%200%22%2F%3E%3CfeMerge%3E%3CfeMergeNode%20in%3D%22shadowMatrixOuter1%22%2F%3E%3CfeMergeNode%20in%3D%22SourceGraphic%22%2F%3E%3C%2FfeMerge%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%2392c83e%22%20d%3D%22m37.067%20181.009l35.27-67.787l28.107%2047.396l-35.822%2057.315z%22%2F%3E%3Cpath%20fill%3D%22%234b843d%22%20d%3D%22m59.662%20212.422l67.236-131.164l36.373%2068.338l-51.804%2089.83z%22%2F%3E%3Cpath%20fill%3D%22%2392c83e%22%20d%3D%22m102.098%20236.12l93.138-190.133s30.31%2034.72%2037.475%2050.702c6.613%2014.88%204.96%2047.947-5.511%2073.849s-31.964%2045.19-44.089%2050.15c-50.151%2022.045-81.013%2015.432-81.013%2015.432%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M248%20124C248%2055.662%20192.338%200%20124%200S0%2055.662%200%20124c0%2062.827%2047.396%20115.182%20108.569%20122.898v13.226l25.902-12.675C197.85%20242.489%20248%20189.03%20248%20124M124%20225.956c-52.907%200-101.956-49.05-101.956-101.956S71.094%2022.044%20124%2022.044S225.956%2071.094%20225.956%20124S176.906%20225.956%20124%20225.956%22%20filter%3D%22url(%23SVGvMS3qcAV)%22%20transform%3D%22translate(4%203)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/grove.svg?color=%231a73e8&size=48