Home/Libraries/Freehand free icons (Iconify)/design-tool-magic-wand

Freehand free icons (Iconify)

DesignToolMagicWand

License: CC-BY-4.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 24 24"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M18.473 9.551c0-.13 0-.31.07-.391c.151-.752.542-1.575.783-2.387c.24-.812 0-1.815-1.003-1.785l-3.851.963c-1.435-.773-2.578-2.498-4.203-2.267a.852.852 0 0 0-.772 1.264a20 20 0 0 1 1.605 3.008l.06.171c-.21.06-.421.16-.522.17c-1.835.341-4.011.612-4.172 1.535c-.07.391.301.923 1.133 1.224l.923.27c1.238.12 2.46.362 3.65.723c0 .14 0-.211.141 1.002c-.591.181-9.758 9.218-9.859 9.308c-.421.36-.752.511-1.003.411c-.882-.33 0-1.234.381-1.645c2.006-2.377 7.162-7.753 8.255-8.725a.302.302 0 1 0-.391-.462C8.695 12.771.32 20.423.049 21.717c-.36 1.815 1.324 3.1 3.16 1.524c7.562-7.883 5.546-5.827 9.207-9.377c.25 2.006.33 3.009 1.002 3.2c.673.19 1.124-.583 1.415-1.004c1.404-2.056 1.163-2.487 1.273-3.28q.37.15.753.261a7.2 7.2 0 0 0 3.119 1.003c.802 0 1.635-.24 1.424-1.003c-.11-.44-.642-.872-2.929-3.49m-2.306 2.006c-.542-.17-.833.27-.933.832c-.07.402 0 .903-.11 1.204c-.361.945-.85 1.836-1.455 2.648c-.29-.732-.19-.26-.742-4.012a3 3 0 0 0-.08-.491c-.271-.632-3.862-1.084-4.172-1.154l-.813-.27a1.8 1.8 0 0 1-.612-.382c.09 0 .17-.12.381-.19a21 21 0 0 1 3.16-.602c.431-.07 1.133 0 1.474-.351s-.23-1.083-.23-1.304a11.3 11.3 0 0 0-1.264-2.618c1.003-.06 2.668 2.217 3.74 2.197a32 32 0 0 0 3.25-.732l.522-.13c0 .5-.792 2.276-1.003 3.209c-.21.932 1.254 1.003 2.728 3.52c-1.535.04-3.3-1.203-3.841-1.374M15.043 2.62a.35.35 0 0 0 .692 0c0-.11.652-2.196-.42-2.547c-.763-.27-.432 1.755-.272 2.548M7.18 6.522a.344.344 0 0 0 .492-.481a3.1 3.1 0 0 0-.652-.712a3.27 3.27 0 0 0-1.685-.602c-.06 0-.271.27 0 .592c1.033 1.243 1.394.923 1.845 1.203"/><path d="M17.05 14.917a.32.32 0 0 0-.161.401c.14 1.244 1.865 1.836 2.116 1.585a.34.34 0 0 0 0-.492a3.45 3.45 0 0 0-1.956-1.494m6.61-6.609c-.612 0-2.006-.592-3.06.47a.3.3 0 0 0-.095.417a.303.303 0 0 0 .417.095a7.7 7.7 0 0 0 2.878-.33a.341.341 0 0 0-.14-.652"/></g></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. DesignToolMagicWandIcon.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-4.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.