Home/Libraries/Game Icons (Iconify)/magic-axe

Game Icons (Iconify)

MagicAxe

License: CC-BY-3.0

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 512 512"><path fill="#818cf8" d="M86.33 22.67C74.66 60.11 54.85 77.51 17.9 81.44c34.9 5.95 54.06 16.65 64.93 57.46c5.1-17.7-2.54-44.83 40.27-51.12C91.33 72.61 87.63 58.2 86.33 22.67M399.8 37.35c-2.3 9.45-5 18.36-8.1 26.76c53 62.49 59 152.29 39.7 227.19c-10.3 39.9-27.8 75.8-50.2 101.7c-13.4 15.6-28.9 27.8-45.6 34.5c1.6 8.3 3.1 16.5 4.4 24.7c115.6-67.1 174.5-271 59.8-414.85m-232.6 8.56l-4.1 62.59c33.9 10.4 70.3 26.4 95.4 45.2l23.1-71.26c-36.5-24.85-72.9-48.39-114.4-36.53m216.6 37.03C358.6 135 316.2 164 265.4 177.7l-4.8 1.3l-3.6-3.4c-23.6-21.8-75.9-44.1-117-54.8c-9.6 33.1-19.2 77.6-17 108.8c77.7-2.1 129.8 29.1 162.7 74c22.9 31.1 36.9 68.5 45.9 106c12.6-5.6 24.7-15.2 36-28.3c20-23.2 36.7-56.9 46.4-94.5c17.4-67.7 12.4-147.4-30.2-203.86M143.7 247.7L87.69 494.3h25.51l38.2-42.3l-3.4-15l-27.9 13.7l-8-16.2l60.5-29.8l8 16.2l-16 7.9c2.6 9.8 4.6 20.4 6.9 30c-11.5 12.3-24.5 24.9-34.1 35.5h45.4l44.6-221.7c-22.2-14.1-49.5-23.1-83.7-24.9m17.8 19.4l48.9 32.8l-10 15l-17.5-11.7l-10.3 15.8l20.5 55.5l-16.8 6.2l-15.9-43l-14.8 22.8l-15-9.8l37.4-57.5l-16.5-11.1zm-120.2.5c4.26 36.2 12.96 45.7-21.03 56.1c39.29 1.5 41.04 6.6 54.5 41.4c-3.46-35.3-7.53-41.5 29.03-62.7c-18.43-.2-36.47 11.8-62.5-34.8m378.3 123.1c14.1 36.7 9.3 62.6-17.4 88.6c31.1-17 52.8-20.4 86.6 4.9c-7-17-29.8-33.6 0-65c-34.4 7.8-46.3-1.3-69.2-28.5"/></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. MagicAxeIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-3.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.