Icono Leaf
el:leaf
El icono Leaf (el:leaf) es un icono SVG gratuito de la colección Elusive Icons de Team Redux. Está dibujado en una cuadrícula de 1200 × 1200. Elusive Icons se publican bajo la Open Font License, 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
- Elusive Icons
- Autor
- Team Redux
- Licencia
- OFL-1.1
- Tamaño
- 1200 × 1200
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M131.652 839.52c-7.46-17.981-16.747-35.855-19.464-55.253c-35.786-250.118 168.278-452.905 353.494-529.928c185.214-77.022 398.471 45.498 524.903-86.019c31.587-35.667 63.736-69.443 111.762-69.694c20.018.993 36.688 10.401 45.207 26.999c158.034 323.688-67.753 707.493-322.728 843.865c-161.812 79.98-329.249 97.576-485.976 43.323c-43.582-10.338-78.515-55.918-123.691-56.51c-31.154 17.48-57.029 74.434-78.17 105.797c-24.625 42.738-73.658 54.038-108.937 16.64c-102.899-101.406 110.943-191.407 103.6-239.22m137.506-41.44c22.099 17.854 53.978 12.793 70.95-5.022C475.799 628.65 659.535 556.522 859.36 561.999c29.444 1.709 50.848-22.136 52.74-47.718c.592-30.381-22.788-50.927-48.975-52.742c-241.513-13.425-451.044 93.065-598.993 264.964c-18.738 23.4-15.336 54.535 5.026 71.577"/></svg>
Cómo usar el icono Leaf
React
import { Icon } from "@iconify/react";
<Icon icon="el:leaf" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="el:leaf" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="el:leaf" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[el--leaf]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:leaf"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="el:leaf"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/el/leaf.svg" alt="Icono Leaf" width="24" height="24">
El icono Leaf en otras colecciones
Preguntas frecuentes sobre Icono Leaf
¿El icono Leaf es gratis para uso comercial?
Sí. Elusive Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Leaf en React?
Instala @iconify/react y renderiza <Icon icon="el:leaf" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Leaf a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/el/leaf.svg" alt="Icono Leaf">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Elusive Icons →
ICONYZ
