Icono Leaf
ps:leaf
El icono Leaf (ps:leaf) es un icono SVG gratuito de la colección PrestaShop Icons de PrestaShop. Está dibujado en una cuadrícula de 352 × 512. PrestaShop Icons usan la licencia CC BY-NC 4.0, que no permite el uso comercial sin un permiso aparte del autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- PrestaShop Icons
- Autor
- PrestaShop
- Licencia
- CC-BY-NC-4.0
- Tamaño
- 352 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="352" height="512" viewBox="0 0 352 512"><path fill="currentColor" d="M176 512q21 0 21-21v-66q63-7 103-45q47-44 47-124q0-23-2-34q4-13-3-21l-2-3q-10-42-32-79t-49-61t-42.5-36T189 3l-2-1l-5-2h-12l-5 2q-3 1-15 8.5T117.5 35T77 74t-38.5 55T12 198l-2 3q-7 8-3 21q-2 11-2 34q0 80 47 124q40 38 103 45v66q0 21 21 21m21-452q36 28 60 59l-60 50zm0 164l84-66q6 11 17 49l-101 72zm0 107l107-77v2q0 63-34 94q-29 25-73 34zM155 60v109l-60-47q15-23 60-62m-84 98l84 66v55L54 207q7-25 17-49m11 192q-34-34-34-94v-2l107 77v51q-41-4-73-32"/></svg>Cómo usar el icono Leaf
React
import { Icon } from "@iconify/react";
<Icon icon="ps:leaf" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ps:leaf" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ps:leaf" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ps--leaf]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ps -->
<div class="i-ps:leaf"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ps:leaf"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/ps/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?
No. PrestaShop Icons usan la licencia CC BY-NC 4.0, que no permite el uso comercial sin un permiso aparte del autor.
¿Cómo uso el icono Leaf en React?
Instala @iconify/react y renderiza <Icon icon="ps: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/ps/leaf.svg" alt="Icono Leaf">, o pega el código SVG en línea para darle estilo con CSS.