Maple Leaf icon
emojione-monotone:maple-leaf
The Maple Leaf icon (emojione-monotone:maple-leaf) is a free SVG icon from the Emoji One (Monotone) set by Emoji One. It is drawn on a 64 × 64 grid. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Emoji One (Monotone)
- Author
- Emoji One
- License
- CC-BY-4.0
- Size
- 64 × 64
- Category
- Nature
- Tags
- mapleleaf
SVG code
<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>How to use the Maple Leaf icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/emojione-monotone/maple-leaf.svg" alt="Maple Leaf icon" width="24" height="24">Maple Leaf icon in other icon sets
Maple Leaf icon FAQ
Is the Maple Leaf icon free for commercial use?
Yes. Emoji One (Monotone) icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Maple Leaf icon in React?
Install @iconify/react and render <Icon icon="emojione-monotone:maple-leaf" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Maple Leaf icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/emojione-monotone/maple-leaf.svg" alt="Maple Leaf icon">, or paste the SVG code inline to style it with CSS.