Icono Maple Leaf
emojione-monotone:maple-leaf
El icono Maple Leaf (emojione-monotone:maple-leaf) es un icono SVG gratuito de la colección Emoji One (Monotone) de Emoji One. Está dibujado en una cuadrícula de 64 × 64. Emoji One (Monotone) icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Emoji One (Monotone)
- Autor
- Emoji One
- Licencia
- CC-BY-4.0
- Tamaño
- 64 × 64
- Categoría
- Naturaleza
- Etiquetas
- mapleleaf
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M16.744 26.221a368 368 0 0 1 2.189 6.775a349 349 0 0 1 6.637 4.422c1.24.854 2.475 1.721 3.689 2.631a42 42 0 0 1 1.775 1.395l.359-13.863c-1.357-3.096-3.029-6.053-4.875-8.904a91 91 0 0 0-6.262-8.512l2.613 13.889c1.221 6.502-2.68 2.242-2.68 2.242l-6.02-6.959c.549 1.098.949 2.262 1.371 3.41z"/><path fill="currentColor" d="m10.516 27.523l7.207 4.68a380 380 0 0 0-1.459-5.84l-.957-3.541c-.344-1.172-.664-2.355-1.135-3.486l-.77 3.111c-.426 1.713-1.254 1.777-1.559 1.738L3.16 22.367c1.107 1.012 2.377 1.82 3.607 2.674zm22.089.057l.361 13.863a43 43 0 0 1 1.773-1.395c1.217-.91 2.451-1.777 3.691-2.631a346 346 0 0 1 6.635-4.422a382 382 0 0 1 2.191-6.775l1.199-3.475c.424-1.148.824-2.313 1.373-3.41l-6.02 6.959s-3.902 4.26-2.68-2.242l2.617-13.889l-.007.003a91 91 0 0 0-6.261 8.509c-1.84 2.852-3.514 5.809-4.872 8.905"/><path fill="currentColor" d="M31.447 25.553L32 4.289l.553 21.264c1.346-2.49 2.877-4.871 4.516-7.158a91 91 0 0 1 6.673-8.228L38.91 12.58c-.275.109-1.229.246-2.492-2.16L32 2l-4.416 8.42c-1.264 2.406-2.217 2.27-2.494 2.16l-4.832-2.416a91 91 0 0 1 6.674 8.23c1.64 2.288 3.17 4.669 4.515 7.159m16.289.81a356 356 0 0 0-1.457 5.84l7.205-4.68l3.75-2.482c1.229-.854 2.5-1.662 3.607-2.674l-8.684 1.818c-.301.039-1.135-.025-1.559-1.738l-.77-3.111c-.473 1.131-.791 2.314-1.135 3.486zm-35.189 9.471c2.914.123 5.834.188 8.75.227a533 533 0 0 0-3.803-2.814l-7.264-5.313l-3.609-2.689c-1.182-.922-2.408-1.803-3.461-2.877l2.576 9.137c.109.656.061 1.629-1.018 2.102L2 34.805c1.715.445 3.49.568 5.248.725c1.764.136 3.531.23 5.299.304m28.752 11.488c-2.018-1.801-3.988-3.666-6.014-5.426c-.375.324-.754.645-1.109.977c-.418.395-.83.799-1.141 1.195l.175 6.729c.671.007 1.226.02 1.448.039l13.633 2.082c-1.283-.764-2.455-1.705-3.609-2.654a114 114 0 0 1-3.383-2.942"/><path fill="currentColor" d="M56.777 35.777c-1.76.221-3.523.398-5.289.557c-3.363.299-6.729.531-10.1.725c-.693.523-1.389 1.041-2.074 1.57a115 115 0 0 0-3.307 2.645c1.922 1.871 3.748 3.805 5.635 5.686a114 114 0 0 0 3.205 3.117c1.096 1.008 2.205 2.008 3.443 2.842l-1.162-3.631c-.533-1.662 1.008-3.211 1.645-3.74C52.037 42.814 62 34.805 62 34.805c-1.695.527-3.469.732-5.223.972m-26.951 7.096c-.355-.332-.734-.652-1.109-.977c-2.027 1.76-3.996 3.625-6.014 5.426a117 117 0 0 1-3.385 2.941c-1.154.949-2.324 1.891-3.609 2.654l13.633-2.082c.225-.02.779-.032 1.45-.039l.175-6.729c-.313-.395-.725-.799-1.141-1.194"/><path fill="currentColor" d="m53.77 27.934l-7.264 5.313a655 655 0 0 0-3.803 2.814c2.918-.039 5.836-.104 8.752-.227c1.768-.074 3.533-.168 5.297-.305c1.758-.156 3.533-.279 5.248-.725l-2.717-1.199c-1.078-.473-1.129-1.445-1.018-2.102l2.576-9.137c-1.053 1.074-2.281 1.955-3.463 2.877zM22.357 46.959c1.887-1.881 3.713-3.814 5.637-5.686c-1.08-.9-2.189-1.777-3.309-2.645c-.686-.529-1.381-1.047-2.072-1.57a321 321 0 0 1-10.1-.725a149 149 0 0 1-5.291-.557c-1.751-.239-3.527-.444-5.222-.971c0 0 9.963 8.01 13.229 10.742c.637.529 2.176 2.078 1.645 3.74l-1.164 3.631c1.238-.834 2.35-1.834 3.445-2.842a113 113 0 0 0 3.202-3.117m8.435 3.838L30.5 62h3l-.29-11.203c-.757-.009-1.661-.009-2.418 0"/></svg>Cómo usar el icono Maple Leaf
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:maple-leaf" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:maple-leaf" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:maple-leaf" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--maple-leaf]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:maple-leaf"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:maple-leaf"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/emojione-monotone/maple-leaf.svg" alt="Icono Maple Leaf" width="24" height="24">El icono Maple Leaf en otras colecciones
Preguntas frecuentes sobre Icono Maple Leaf
¿El icono Maple Leaf es gratis para uso comercial?
Sí. Emoji One (Monotone) icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Maple Leaf en React?
Instala @iconify/react y renderiza <Icon icon="emojione-monotone:maple-leaf" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Maple Leaf a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/emojione-monotone/maple-leaf.svg" alt="Icono Maple Leaf">, o pega el código SVG en línea para darle estilo con CSS.