Home/Libraries/Noto Emoji (v1) (Iconify)/maple-leaf

Noto Emoji (v1) (Iconify)

MapleLeaf

License: Apache-2.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 128 128"><path fill="#818cf8" d="M123.69 58.49c.77-1.44 7.24-12.78 2.45-13.48c-9.11-1.34-18.98-.12-27.47 3.75c-.32-6.09-1.4-12.14-2.88-18.04c-1.64-6.57-3.5-13.17-6.87-19.09c-1.1-1.93-2.66-4.8-4.97-5.49c-1.64-.48-3.65 1.45-4.7 2.58c-1.59 1.69-3.05 3.56-4.37 5.52c-2.73 4.06-4.97 8.75-6.56 13.54c-.75 2.25-1.26 4.55-1.67 6.88a65.2 65.2 0 0 0-13.58-12.77C45.33 16.48 36.3 11.04 27.15 8.45c-1.58-.45-2.8-.53-3.75-.33c-2.79.62-3.15 3.87-3.14 8.06c.06 15.98 4.31 33.09 14.4 45.75c-1.69-.07-3.36-.11-5-.11c-5.62.01-11.29.04-16.84 1.07C9.71 63.47.15 65.25.1 69.71c-.03 2.41 2.25 4.75 3.77 6.37c4.67 4.96 10.42 8.68 16.21 12.19c4.84 2.93 9.88 5.58 15.15 7.63c-5.77 6.46-9.77 14.67-11.49 23.02c-.97 4.74 11.89 2.54 13.51 2.31c7.25-1.01 14.62-2.26 21.19-5.66c2.38-1.23 4.88-2.83 7.28-4.73c.38 3 1.03 5.85 1.98 8.26c.78 2 5.03-1.92 5.58-2.4c5.96-5.17 10.13-12.53 11-20.38c.01-.07.01-.13.01-.2c1.15.41 2.33.7 3.48.81c7.87.75 15.92-1.82 22.2-6.59c.58-.44 5.28-3.79 3.49-4.97c-2.45-1.61-5.51-2.94-8.81-3.99c2.4-1.53 4.6-3.23 6.44-4.93c5.46-4.99 9.17-11.49 12.6-17.96"/><g fill="#818cf8"><path d="M70.8 112.16s3.89-9.57 11.77-15.89c7.01-5.64 17.86-8.08 21.52-8.52c0 0-8.83.32-18.96 4.35c0 0 10.09-29 35.72-40.69c0 0-21.78 4.57-37.48 38.53c0 0-7.86-21.23 0-69.13c0 0-9.14 41.81-2.16 69.46c0 0-18.98-11.47-53.21-74c0 0 23.61 52.16 50.2 75.39c0 0-25.28-12.05-64.84-18.79c43.75 12.33 48.5 15.49 63.92 20.99c0 0-28.68 4.81-45.34 21.79c0 0 25.51-17.2 46.33-19.12c.01 0-5.79 6.63-7.47 15.63"/><path d="M31.94 116.29c-.19 0-.37-.08-.5-.23a.644.644 0 0 1 .04-.86c13.88-14.15 36.27-19.96 43.41-21.52c-2.66-.97-5.02-1.87-7.49-2.82c-10.16-3.89-20.67-7.91-54.22-17.37a.64.64 0 0 1-.46-.75c.08-.33.39-.55.74-.49c30.76 5.24 53.12 13.79 61.44 17.28c-25.22-24.15-47.27-72.49-47.5-72.99a.65.65 0 0 1 .3-.84c.3-.15.68-.04.85.27c28.61 52.27 46.7 68.88 51.62 72.76c-6.16-27.47 2.47-67.65 2.56-68.06c.08-.34.41-.58.75-.49c.34.07.57.39.51.73c-6.56 40.03-2.05 61.55-.5 67.26c15.61-32.5 37-37.34 37.22-37.39c.35-.05.64.12.74.43c.11.31-.04.65-.34.78c-21.97 10.02-32.53 33.21-34.88 39c9.56-3.53 17.74-3.87 17.82-3.88h.03c.33 0 .62.25.64.59c.03.35-.22.65-.56.69c-3.28.39-14.23 2.77-21.2 8.38c-7.65 6.14-11.54 15.54-11.58 15.64c-.12.3-.46.46-.78.38a.656.656 0 0 1-.45-.74c1.29-6.9 4.9-12.37 6.65-14.71c-20.13 2.54-44.27 18.68-44.52 18.85a.6.6 0 0 1-.34.1M27.62 76.3c22.79 6.68 31.64 10.07 40.24 13.36c3.11 1.2 6.06 2.32 9.63 3.59c.27.1.45.37.42.66c-.02.29-.24.53-.53.58c-.25.04-22.95 3.97-39.42 16.69c8.96-5.23 25.79-13.96 40.25-15.29c.24-.05.51.11.63.35c.12.23.08.51-.09.71c-.04.05-3.12 3.62-5.39 8.98c1.98-3.17 4.9-7.04 8.8-10.17c2.49-2.01 5.44-3.61 8.38-4.86c-1.66.5-3.41 1.09-5.19 1.79c-.22.1-.49.04-.68-.13a.64.64 0 0 1-.16-.67c.08-.24 6.8-19.08 22.73-32.54c-7.16 5.49-15.93 14.91-23.3 30.85c-.11.24-.34.37-.6.38a.64.64 0 0 1-.58-.42c-.06-.14-3.27-9.16-3.5-28.21c-.2 9.66.4 19.62 2.55 28.16c.07.25-.03.51-.24.68c-.21.15-.49.17-.71.03c-.67-.4-14.67-9.21-40.22-51.26c9.4 16.87 23.28 38.8 37.96 51.63c.24.21.29.57.12.84c-.18.26-.52.36-.81.22c-.2-.11-19.52-9.21-50.29-15.95"/></g><path fill="#818cf8" d="M112.48 117.96c1.41-2.13 1.86-8.57-.17-7.85c-2.33.83-4.81.11-7.13-.42c-2.55-.58-5.1-1.29-7.47-2.43c-1.53-.74-2.99-1.6-4.33-2.65c-4.24-3.34-7.23-6.78-9.81-13.87l-.3-.81l-4.46 3.33l.16.44c.18.5 3.14 11.4 14.16 17.61c2.3 1.3 4.77 2.29 7.26 3.14c3.32 1.13 7.83 1.46 10.53 3.91c.59.51 1.12.26 1.56-.4"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. MapleLeafIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.