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

Freehand free icons (Iconify)

DesignToolStamp

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="M23.284 17.691c-1.94-3.75-7.172-2-7.592-3.46c-.42-1.461.64-3.121 1.2-4.572c2-5.251-.45-9.452-3.58-9.642C10-.183 7.34 1.387 6.67 5.098c-1 5.401 3.11 6.262 2.24 8.832a3.73 3.73 0 0 1-3.72 2a8.5 8.5 0 0 0-3.301-.16c-1.57.51-1.61 2.001-1.27 3.612a.42.42 0 0 0 .36.35a.28.28 0 0 0 .22-.41c-.19-1.28-.39-2.541.89-2.931c1.65-.51 3.09 1 5.661-.26a3.72 3.72 0 0 0 1.91-2c1.12-3.091-3-3.822-2-8.903c.53-2.75 2.18-4.12 5.341-4.13c2.601 0 4.611 3.57 2.871 8.161c-.57 1.49-1.8 3.351-1.22 5.291c.83 2.711 5.921.13 7.772 3.611c.26.48.22.72-.24.95c-2.391 1.14-9.113 0-10.353-.07c-3.05-.15-7.172.39-10.172.42a.33.33 0 0 0 0 .66h.51c-.25 1.461.16 3.001 1.64 3.222c3.09.415 6.206.599 9.322.55c4.381.07 5.272.25 6.482-.11a3 3 0 0 0 2.27-2.33a6 6 0 0 0-.12-1.241c1.79-.38 2.111-1.37 1.52-2.52m-2.13 3.501c0 .86-1 1.54-1.791 1.74c-1.47.37-1.77-.13-9.162-.19c-1.61 0-4.001 0-6.312-.19c-1.07-.09-1.3-1.4-1.15-2.44c12.793-.33 15.894.52 18.334.21c.03.3.08.59.08.87"/><path d="M12.431 2.668c-.43.79 2 .39 2 4.17c0 .7 1.261 1.21 1.291-.27a4.58 4.58 0 0 0-.92-2.78c-.62-.93-2.12-1.57-2.37-1.12"/></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. DesignToolStampIcon.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.