<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iKgmHKe)"><path fill="url(#iw8PEUc)" d="M15.94 2.063h.016c.176.014.341.14.422.334l1.078 2.46c.248.594.884.727 1.406.352l1.83-1.316a.7.7 0 0 1 1.096.702l-1.09 6.216c-.234 1.335 1.058 2.032 2.094 1.359l1.646-1.07c.494-.321 1.062.112.837.657l-.194.468c-.237.571.247 1.226.86 1.14l2.562-.328c.52-.073.918.474.616.903l-1.42 1.972c-.532.867-.072 1.288.593 1.406l.484.102c.72.127.75.792.18 1.117l-4.516 2.656c-.918.524-1.272 1.825-.523 2.57l.398.454c.414.412.029 1.064-.523.875l-7.827-2.655l-7.876 2.655c-.552.19-.937-.463-.524-.875l.399-.453c.75-.746.395-2.047-.524-2.57l-4.515-2.657c-.57-.325-.54-.99.18-1.117l.484-.102c.665-.118 1.125-.539.594-1.406L2.76 13.94c-.301-.43.097-.976.617-.903l2.562.328c.613.086 1.097-.569.86-1.14l-.194-.468c-.225-.545.343-.978.837-.657l1.646 1.07c1.036.673 2.328-.024 2.094-1.36l-1.09-6.215a.7.7 0 0 1 1.096-.702l1.83 1.316c.522.375 1.158.242 1.406-.352l1.078-2.46a.52.52 0 0 1 .422-.333v-.002z"/><path fill="url(#iBKXcyp)" d="M15.94 2.063h.016c.176.014.341.14.422.334l1.078 2.46c.248.594.884.727 1.406.352l1.83-1.316a.7.7 0 0 1 1.096.702l-1.09 6.216c-.234 1.335 1.058 2.032 2.094 1.359l1.646-1.07c.494-.321 1.062.112.837.657l-.194.468c-.237.571.247 1.226.86 1.14l2.562-.328c.52-.073.918.474.616.903l-1.42 1.972c-.532.867-.072 1.288.593 1.406l.484.102c.72.127.75.792.18 1.117l-4.516 2.656c-.918.524-1.272 1.825-.523 2.57l.398.454c.414.412.029 1.064-.523.875l-7.827-2.655l-7.876 2.655c-.552.19-.937-.463-.524-.875l.399-.453c.75-.746.395-2.047-.524-2.57l-4.515-2.657c-.57-.325-.54-.99.18-1.117l.484-.102c.665-.118 1.125-.539.594-1.406L2.76 13.94c-.301-.43.097-.976.617-.903l2.562.328c.613.086 1.097-.569.86-1.14l-.194-.468c-.225-.545.343-.978.837-.657l1.646 1.07c1.036.673 2.328-.024 2.094-1.36l-1.09-6.215a.7.7 0 0 1 1.096-.702l1.83 1.316c.522.375 1.158.242 1.406-.352l1.078-2.46a.52.52 0 0 1 .422-.333v-.002z"/><path fill="url(#iFcQt0d)" d="M15.94 2.063h.016c.176.014.341.14.422.334l1.078 2.46c.248.594.884.727 1.406.352l1.83-1.316a.7.7 0 0 1 1.096.702l-1.09 6.216c-.234 1.335 1.058 2.032 2.094 1.359l1.646-1.07c.494-.321 1.062.112.837.657l-.194.468c-.237.571.247 1.226.86 1.14l2.562-.328c.52-.073.918.474.616.903l-1.42 1.972c-.532.867-.072 1.288.593 1.406l.484.102c.72.127.75.792.18 1.117l-4.516 2.656c-.918.524-1.272 1.825-.523 2.57l.398.454c.414.412.029 1.064-.523.875l-7.827-2.655l-7.876 2.655c-.552.19-.937-.463-.524-.875l.399-.453c.75-.746.395-2.047-.524-2.57l-4.515-2.657c-.57-.325-.54-.99.18-1.117l.484-.102c.665-.118 1.125-.539.594-1.406L2.76 13.94c-.301-.43.097-.976.617-.903l2.562.328c.613.086 1.097-.569.86-1.14l-.194-.468c-.225-.545.343-.978.837-.657l1.646 1.07c1.036.673 2.328-.024 2.094-1.36l-1.09-6.215a.7.7 0 0 1 1.096-.702l1.83 1.316c.522.375 1.158.242 1.406-.352l1.078-2.46a.52.52 0 0 1 .422-.333v-.002z"/></g><g filter="url(#iBF7hMd)"><path fill="#818cf8" d="m16.374 21.908l-.051-.017l-1.397.47v-1.624a.48.48 0 0 0-.27-.433l-6.36-3.133a.531.531 0 0 1 .47-.953l5.812 2.863a.24.24 0 0 0 .348-.216v-5.881a.724.724 0 0 1 1.448 0v5.896c0 .178.188.295.348.216l5.843-2.878a.53.53 0 1 1 .47.953l-6.391 3.148a.48.48 0 0 0-.27.433z"/></g><g filter="url(#i68pxTb)"><path fill="url(#iIHlc3d)" d="M15.925 11.594a.75.75 0 0 1 .75.75v6.107a.25.25 0 0 0 .36.225l6.053-2.982a.55.55 0 0 1 .486.987l-6.62 3.261a.5.5 0 0 0-.28.449v8.797a.75.75 0 0 1-1.5 0v-8.813a.5.5 0 0 0-.278-.448l-6.59-3.246a.55.55 0 0 1 .487-.987l6.021 2.966a.25.25 0 0 0 .36-.224v-6.092a.75.75 0 0 1 .75-.75"/><path fill="url(#ingCYHd)" d="M15.925 11.594a.75.75 0 0 1 .75.75v6.107a.25.25 0 0 0 .36.225l6.053-2.982a.55.55 0 0 1 .486.987l-6.62 3.261a.5.5 0 0 0-.28.449v8.797a.75.75 0 0 1-1.5 0v-8.813a.5.5 0 0 0-.278-.448l-6.59-3.246a.55.55 0 0 1 .487-.987l6.021 2.966a.25.25 0 0 0 .36-.224v-6.092a.75.75 0 0 1 .75-.75"/></g><g filter="url(#ilhQ3Vc)"><path stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="m10.831 4.234l2.047 1.516"/></g><g filter="url(#iKJyK2b)"><path stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="m15.987 2.625l1.172 2.64c.058.136.269.435.657.548"/></g><g filter="url(#ia51lcd)"><path stroke="url(#ihVIpvb)" stroke-linecap="round" stroke-width="1.5" d="M21.144 4.172c.12.026.34.172.265.547s-.812 4.25-1.172 6.14c-.072.516.06 1.641 1.172 2.016"/></g><g filter="url(#icCLXNe)"><path stroke="url(#iRZ4p8F)" stroke-linecap="round" stroke-width="1.5" d="M24.933 11.51c-.241.287-.574 1.08-.196 1.654a1.38 1.38 0 0 0 1.645.566"/></g><g filter="url(#iCQVG7b)"><path stroke="url(#i3AEnhL)" stroke-linecap="round" stroke-width="1.5" d="M27.175 16.031c-.083.1-.2.419 0 .907c.2.487.74.671.984.703l.797.187"/></g><g filter="url(#i2icnfT)"><path stroke="url(#ifLgmkd)" stroke-linecap="round" stroke-width="1.5" d="m26.706 13.734l1.813-.265"/></g><g filter="url(#ic5ycac)"><path stroke="url(#iiOZ1Yb)" stroke-linecap="round" stroke-width="1.5" d="M23.081 21.922c-.125.323-.272 1.094.14 1.594s.735.833.845.937"/></g><g filter="url(#ibSFfAs)"><path stroke="url(#i6XO9rI)" stroke-linecap="round" stroke-width="1.5" d="M16.1 12.263V28.95"/></g><g filter="url(#i9KNhRc)"><path stroke="url(#iSJY5Xb)" stroke-linecap="round" stroke-width="1.5" d="m8.722 16.031l6.562 3.25"/></g><g filter="url(#igMvTse)"><path stroke="url(#iooSWRa)" stroke-linecap="round" stroke-width="1.5" d="m16.16 19.563l7.171-3.547"/></g><defs><filter id="iKgmHKe" width="26.826" height="23.063" x="2.528" y="2.063" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.870833 0 0 0 0 0.0689409 0 0 0 0 0.37366 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_28327_7927"/></filter><filter id="iBF7hMd" width="17.331" height="12.102" x="7" y="11.259" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7927" stdDeviation=".5"/></filter><filter id="i68pxTb" width="15.882" height="18.494" x="8" y="11.444" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.15"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.72549 0 0 0 0 0.0470588 0 0 0 0 0.301961 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_28327_7927"/></filter><filter id="ilhQ3Vc" width="2.947" height="2.416" x="10.381" y="3.784" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7927" stdDeviation=".15"/></filter><filter id="iKJyK2b" width="2.728" height="4.088" x="15.537" y="2.175" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7927" stdDeviation=".15"/></filter><filter id="ia51lcd" width="2.103" height="9.603" x="19.771" y="3.722" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7927" stdDeviation=".15"/></filter><filter id="icCLXNe" width="2.716" height="3.204" x="24.116" y="11.06" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7927" stdDeviation=".15"/></filter><filter id="iCQVG7b" width="2.792" height="2.697" x="26.615" y="15.581" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7927" stdDeviation=".15"/></filter><filter id="i2icnfT" width="2.713" height="1.166" x="26.256" y="13.019" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7927" stdDeviation=".15"/></filter><filter id="ic5ycac" width="2.016" height="3.431" x="22.5" y="21.472" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7927" stdDeviation=".15"/></filter><filter id="ibSFfAs" width="1.4" height="18.087" x="15.4" y="11.563" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7927" stdDeviation=".25"/></filter><filter id="i9KNhRc" width="7.463" height="4.15" x="8.272" y="15.581" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7927" stdDeviation=".15"/></filter><filter id="igMvTse" width="8.572" height="4.947" x="15.459" y="15.316" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_28327_7927" stdDeviation=".25"/></filter><linearGradient id="iIHlc3d" x1="15.941" x2="15.941" y1="12.938" y2="29.938" gradientUnits="userSpaceOnUse"><stop stop-color="#E02E6B"/><stop offset="1" stop-color="#C81776"/></linearGradient><linearGradient id="ingCYHd" x1="8" x2="8.878" y1="15.875" y2="16.313" gradientUnits="userSpaceOnUse"><stop stop-color="#BF1A46"/><stop offset=".991" stop-color="#BF1A46" stop-opacity="0"/></linearGradient><linearGradient id="ihVIpvb" x1="20.823" x2="20.823" y1="4.172" y2="12.875" gradientUnits="userSpaceOnUse"><stop stop-color="#FF7FCD"/><stop offset="1" stop-color="#FF7FB8"/></linearGradient><linearGradient id="iRZ4p8F" x1="25.722" x2="24.878" y1="12.125" y2="13.422" gradientUnits="userSpaceOnUse"><stop stop-color="#FF7FCD" stop-opacity="0"/><stop offset="1" stop-color="#FF7FB8"/></linearGradient><linearGradient id="i3AEnhL" x1="28.268" x2="27.701" y1="16.511" y2="17.674" gradientUnits="userSpaceOnUse"><stop stop-color="#FF7FCD" stop-opacity="0"/><stop offset="1" stop-color="#FF7FB8"/></linearGradient><linearGradient id="ifLgmkd" x1="27.689" x2="27.671" y1="13.552" y2="13.801" gradientUnits="userSpaceOnUse"><stop stop-color="#FF7FCD" stop-opacity="0"/><stop offset="1" stop-color="#FF7FB8"/></linearGradient><linearGradient id="iiOZ1Yb" x1="23.508" x2="23.003" y1="22.219" y2="24.034" gradientUnits="userSpaceOnUse"><stop stop-color="#FF7E8C" stop-opacity="0"/><stop offset="1" stop-color="#FF7E8C"/></linearGradient><linearGradient id="i6XO9rI" x1="16.6" x2="6.314" y1="12.809" y2="17.517" gradientUnits="userSpaceOnUse"><stop stop-color="#FA6E94"/><stop offset=".971" stop-color="#FF7E8C" stop-opacity="0"/></linearGradient><linearGradient id="iSJY5Xb" x1="11.831" x2="11.488" y1="15.98" y2="21.2" gradientUnits="userSpaceOnUse"><stop stop-color="#FA6E94"/><stop offset=".971" stop-color="#FF7E8C" stop-opacity="0"/></linearGradient><linearGradient id="iooSWRa" x1="19.745" x2="19.373" y1="16.132" y2="21.884" gradientUnits="userSpaceOnUse"><stop stop-color="#FA6E94"/><stop offset=".971" stop-color="#FF7E8C" stop-opacity="0"/></linearGradient><radialGradient id="iw8PEUc" cx="0" cy="0" r="1" gradientTransform="rotate(116.714 8.603 11.984)scale(16.0928 26.3314)" gradientUnits="userSpaceOnUse"><stop stop-color="#FE63BA"/><stop offset="1" stop-color="#EF2869"/></radialGradient><radialGradient id="iBKXcyp" cx="0" cy="0" r="1" gradientTransform="rotate(-127.854 18.01 6.506)scale(7.63863 18.9638)" gradientUnits="userSpaceOnUse"><stop stop-color="#FB4273"/><stop offset="1" stop-color="#FB4273" stop-opacity="0"/></radialGradient><radialGradient id="iFcQt0d" cx="0" cy="0" r="1" gradientTransform="rotate(167.142 14.766 9.892)scale(11.7958 19.0302)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF6FA9"/><stop offset="1" stop-color="#FF6FA9" stop-opacity="0"/></radialGradient></defs></g></svg>Icons in Action
WEB APPLICATION HEADER & NAVIGATION
my-app.com/dashboard
Dashboard
Analytics
Settings
Overview Dashboard
PROGRESS STEPPER
3
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 **MIT** 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.