ICONYZ
Español
Icono Gardener de Devicon

Icono Gardener

devicon:gardener

El icono Gardener (devicon:gardener) es un icono SVG gratuito de la colección Devicon de konpa. Está dibujado en una cuadrícula de 128 × 128. Devicon icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Devicon
Autor
konpa
Licencia
MIT
Tamaño
128 × 128
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#009f76" fill-rule="evenodd" d="M62.72 1.58a2.94 2.94 0 0 1 2.56 0l48.958 23.67a2.96 2.96 0 0 1 1.596 2.008l12.092 53.184c.2.88-.01 1.801-.57 2.506l-33.88 42.65a2.95 2.95 0 0 1-2.306 1.115H36.83c-.898 0-1.746-.41-2.306-1.115L.644 82.948a2.97 2.97 0 0 1-.57-2.506l12.092-53.184a2.96 2.96 0 0 1 1.596-2.009z" clip-rule="evenodd"/><path fill="#007155" d="M45.023 37.91L4.066 62.885L.074 80.443c-.2.88.01 1.802.57 2.506l33.88 42.649a2.95 2.95 0 0 0 2.306 1.115h11.941l44.405-39.318Z"/><path fill="url(#SVG6Dsm8cyB)" fill-rule="evenodd" d="M81.62 36.192c.205.516.315 1.074.315 1.646v20.58a4.45 4.45 0 0 1-2.001 3.716L65.05 71.916a4.41 4.41 0 0 1-4.847 0l-14.884-9.782a4.44 4.44 0 0 1-1.938-2.972z" clip-rule="evenodd"/><path fill="url(#SVGkS8TuecY)" fill-rule="evenodd" d="M81.822 62.13a4.4 4.4 0 0 1-1.4 1.48L65.54 73.392a4.41 4.41 0 0 1-4.847 0L45.808 63.61a4.45 4.45 0 0 1-2-3.717V39.314c0-.573.11-1.132.315-1.649z" clip-rule="evenodd"/><path fill="url(#SVGPpdsw28H)" fill-rule="evenodd" d="M33.93 51.92a4.45 4.45 0 0 0-.447 1.946v30.407c0 1.586.843 3.053 2.212 3.847l26.23 15.203a4.41 4.41 0 0 0 4.426 0L92.58 88.12a4.44 4.44 0 0 0 1.97-2.398z" clip-rule="evenodd"/><path fill="url(#SVGezYnjcza)" fill-rule="evenodd" d="M34.222 86.73a4.4 4.4 0 0 0 1.473 1.39l26.23 15.203a4.41 4.41 0 0 0 4.426 0L92.58 88.12a4.45 4.45 0 0 0 2.213-3.847V53.865c0-.564-.107-1.114-.306-1.623z" clip-rule="evenodd"/><defs><linearGradient id="SVG6Dsm8cyB" x1="239.57" x2="174.075" y1="110.714" y2="205.455" gradientTransform="translate(-1.916 -2.526)scale(.41257)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#439246"/></linearGradient><linearGradient id="SVGkS8TuecY" x1="235.479" x2="150.083" y1="145.405" y2="299.227" gradientTransform="translate(-1.916 -2.526)scale(.41257)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#439246"/></linearGradient><linearGradient id="SVGPpdsw28H" x1="49.799" x2="124.559" y1="160.303" y2="281.373" gradientTransform="translate(-1.916 -2.526)scale(.41257)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#439246"/></linearGradient><linearGradient id="SVGezYnjcza" x1="75.195" x2="168.121" y1="216.138" y2="394.367" gradientTransform="translate(-1.916 -2.526)scale(.41257)" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#439246"/></linearGradient></defs></svg>

Cómo usar el icono Gardener

React

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

<Icon icon="devicon:gardener" width="24" />

Vue

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

<template>
  <Icon icon="devicon:gardener" width="24" />
</template>

Svelte

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

<Icon icon="devicon:gardener" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="devicon:gardener"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/devicon/gardener.svg" alt="Icono Gardener" width="24" height="24">

El icono Gardener en otras colecciones

Preguntas frecuentes sobre Icono Gardener

¿El icono Gardener es gratis para uso comercial?

Sí. Devicon icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Gardener en React?

Instala @iconify/react y renderiza <Icon icon="devicon:gardener" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Gardener a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/devicon/gardener.svg" alt="Icono Gardener">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Devicon →