Maple leaf icon

Use it

import { MapleLeafIcon } from '@nodo-icons/react';

<MapleLeafIcon size={24} />

<script setup>
import { MapleLeafIcon } from '@nodo-icons/vue';
</script>

<template><MapleLeafIcon :size="24" /></template>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12.45 3.64L13.77 6.28A0.5 0.5 0 0 0 14.46 6.5L15.37 5.99A0.5 0.5 0 0 1 16.11 6.5L15.68 9.46A0.5 0.5 0 0 0 16.5 9.92L18.29 8.42A0.5 0.5 0 0 1 18.76 8.33L20.45 8.84A0.5 0.5 0 0 1 20.76 9.52L19.91 11.4A0.5 0.5 0 0 0 20.05 11.99L20.49 12.34A0.5 0.5 0 0 1 20.47 13.13L16.8 15.78A0.5 0.5 0 0 0 16.62 16.35L16.73 16.7A0.5 0.5 0 0 1 16.17 17.35L13.01 16.8A0.5 0.5 0 0 0 12.57 16.93L12 17.5L11.43 16.93A0.5 0.5 0 0 0 10.99 16.8L7.83 17.35A0.5 0.5 0 0 1 7.27 16.7L7.38 16.35A0.5 0.5 0 0 0 7.2 15.78L3.53 13.13A0.5 0.5 0 0 1 3.51 12.34L3.95 11.99A0.5 0.5 0 0 0 4.09 11.4L3.24 9.52A0.5 0.5 0 0 1 3.55 8.84L5.24 8.33A0.5 0.5 0 0 1 5.71 8.42L7.5 9.92A0.5 0.5 0 0 0 8.32 9.46L7.89 6.5A0.5 0.5 0 0 1 8.63 5.99L9.54 6.5A0.5 0.5 0 0 0 10.23 6.28L11.55 3.64A0.5 0.5 0 0 1 12.45 3.64Z"/><line x1="12" y1="17.5" x2="12" y2="21.25"/><path d="M12 15.5V8.5"/><path d="M12 14.75l3-3"/><path d="M12 14.75l-3-3"/></svg>

# .npmrc — your license key in the NODO_LICENSE_KEY env variable
@nodo-icons:registry=https://nodoicons.com/npm/
//nodoicons.com/npm/:_authToken=${NODO_LICENSE_KEY}

npm install @nodo-icons/react-pro

import { MapleLeafIcon } from '@nodo-icons/react-pro/duotone';

<MapleLeafIcon size={24} />

npm install @nodo-icons/react · Pro: setup with your license key · AI agents: npx @nodo-icons/mcp