Icono Leaves
icon-park:leaves
El icono Leaves (icon-park:leaves) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, 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
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Energía
- Etiquetas
- leave
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M31 43C31 43 18 44 11 36C4 28 4 4 4 4C4 4 28 3 36 9C44 15 42 32 42 32"/><path d="M44 44C44 44 32.8207 35.5515 26 28C19.1793 20.4485 16 13 16 13"/><path d="M26 28L27 15"/><path d="M26 28L16 27"/></g></svg>Cómo usar el icono Leaves
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:leaves" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:leaves" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:leaves" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--leaves]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:leaves"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:leaves"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/leaves.svg" alt="Icono Leaves" width="24" height="24">Iconos relacionados en IconPark
El icono Leaves en otras colecciones
Preguntas frecuentes sobre Icono Leaves
¿El icono Leaves es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Leaves en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:leaves" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Leaves a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/leaves.svg" alt="Icono Leaves">, o pega el código SVG en línea para darle estilo con CSS.