Home/Libraries/Freehand free icons (Iconify)/design-tool-pen-brush-cup

Freehand free icons (Iconify)

DesignToolPenBrushCup

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"><path fill="#818cf8" d="M21.56 14.751a2.31 2.31 0 0 0-3.051-1.11q-.266.09-.51.23q-.24.132-.45.31a.28.28 0 0 0-.07.39a.29.29 0 0 0 .4.06a3 3 0 0 1 .4-.21a2 2 0 0 1 .42-.14a1.59 1.59 0 0 1 2 .94a3.8 3.8 0 0 1 .3 1.89a3.06 3.06 0 0 1-.63 1.751a3 3 0 0 1-1.16.77a5.8 5.8 0 0 1-1.46.36a.32.32 0 1 0 0 .64a6.4 6.4 0 0 0 2-.37c.469-.164.9-.419 1.27-.75a3.7 3.7 0 0 0 1-2.3a4.3 4.3 0 0 0-.46-2.46M19.79 1.737a1.1 1.1 0 0 0-.38-.7a3.3 3.3 0 0 0-1.111-.42a11 11 0 0 0-2.21-.59a2.7 2.7 0 0 0-1.691.31a1.6 1.6 0 0 0-.38.69c-.36 1.2-1.06 4.281-1.09 4.451a.3.3 0 0 0 .22.34a.28.28 0 0 0 .33-.22c0-.17.91-3.15 1.34-4.3q.06-.141.14-.27a2 2 0 0 1 1.06 0a10 10 0 0 1 2 .62c.21.07.46.1.671.18c0 0 .09 0 .1.09a2.8 2.8 0 0 1-.19 1.11c-.08.31-.19.62-.3.92c-.18-.13-.36-.26-.55-.38s-.21-.13-.32-.18a2.5 2.5 0 0 0-.35-.13c-.29-.09-.57-.12-.87-.19a.28.28 0 0 0-.38.12a.27.27 0 0 0 .11.38q.321.337.7.61q.152.115.33.19q.177.085.37.13c.24.06.47.1.71.14c-.05.12-.09.25-.13.37c-.18.62-.35 1.27-.51 1.93h-.07c-.24-.15-.45-.3-.71-.43a1.8 1.8 0 0 0-.61-.23a6 6 0 0 0-.851 0a.28.28 0 0 0-.36.18a.29.29 0 0 0 .18.36c.25.16.44.331.7.471q.154.086.32.14l.34.08c.28 0 .55 0 .83.08a.3.3 0 0 0 .13 0l-.63 2.72c-.28-.17-.54-.36-.82-.53l-.38-.22a3.5 3.5 0 0 0-.46-.22c-.32-.14-.64-.24-1-.41a.284.284 0 0 0-.37.43q.349.479.8.86c.265.195.558.347.87.451q.539.155 1.09.25c0 .11-.05.22-.08.33c-.08.31-.17.61-.26.91c-.07.54.1.65.7 0c.08-.23.17-.47.24-.71c.63-2 1.14-4.151 1.821-6.092q.525-1.136.9-2.33a3.3 3.3 0 0 0 .06-1.29"/><path fill="#818cf8" d="M16.648 12.75c-.44.25.05 1-.29 5.842q-.09 1.267-.34 2.51a1.85 1.85 0 0 1-.27.781a4.8 4.8 0 0 1-2.66.95c-1.524.204-3.07.167-4.582-.11a6.7 6.7 0 0 1-1.24-.36a1.4 1.4 0 0 1-.53-.33a3.5 3.5 0 0 1-.54-1.08a15 15 0 0 1-.42-2a49 49 0 0 1-.51-3.562c-.06-.64-.1-1.29-.12-1.94c0 0 2.67-.11 3.87-.14h2c.651 0 1.301-.06 2.001-.06s1.3 0 2 .06a.32.32 0 1 0 .071-.63c-1-.17-1.93-.28-2.88-.35a.32.32 0 0 0 .19-.29c0-.48.07-1 .12-1.451c.05-.45.11-1 .18-1.44q.14-.63.2-1.27a19.7 19.7 0 0 0-.59-3.662a2.7 2.7 0 0 0-.781-1.18a.54.54 0 0 0-.47-.11c-.37.07-1.15 1.83-1.33 2.3q-.27.65-.44 1.33a.5.5 0 0 0-.27.21c-.09.691-.17 1.371-.25 2.061q-.12 1.035-.18 2.071a.282.282 0 1 0 .56.07c.09-.54.2-1.07.32-1.61c.15-.71.32-1.41.49-2.121h1.28c.12 0 .48 0 .46.07s0 1.31 0 1.68s0 .8-.05 1.2v1.781a.32.32 0 0 0 .15.27h-1.83c-.51 0-.85 0-1.27.08c-.16-.36-.31-.72-.481-1.07a6 6 0 0 0-.3-.56a4 4 0 0 0-.34-.51c-.26-.35-.54-.67-.81-1q.412-.281.75-.65a.32.32 0 0 0-.4-.5a3.63 3.63 0 0 1-2.531 1.08c-.75-.08-1.35-.55-1.52-1.7a2.9 2.9 0 0 1 0-1.001q.166-.797.45-1.56c.1-.3.2-.59.29-.9s.08-.341.11-.521c.37.28.74.55 1.09.84q.398.316.76.67c.348.322.65.689.9 1.09c.23.4.35.851.35 1.311a.33.33 0 0 0 .32.33a.32.32 0 0 0 .32-.32c.022-.45-.05-.9-.21-1.32a5.7 5.7 0 0 0-1.09-1.66c-.24-.27-.5-.52-.76-.771c-.26-.25-.8-.7-1.21-1a5 5 0 0 0-.6-.57a.6.6 0 0 0-.48-.08a.64.64 0 0 0-.37.53v.65q-.045.264-.12.52c-.09.29-.19.57-.29.86a10.5 10.5 0 0 0-.51 1.77c-.08.44-.08.891 0 1.331a2.66 2.66 0 0 0 1.82 2.19a2 2 0 0 0 .26.05q.007.504.07 1.001q.033.275.11.54q.066.27.16.53c.09.26.18.52.28.78a.29.29 0 0 0-.14.24v2.441c.06 1.21.19 2.421.34 3.631q.105 1.072.35 2.121c.126.507.347.985.65 1.41c.242.313.559.561.92.72c.46.203.94.357 1.431.46c1.649.319 3.338.363 5.001.13a5.7 5.7 0 0 0 3.221-1.33a6.4 6.4 0 0 0 .67-3a58 58 0 0 0-.06-6.492c-.02-.37-.45-.28-.45-.28M11.647 6.19a6.7 6.7 0 0 0-1.59 0h-.16c.08-.16.17-.32.26-.47c.29-.5.62-1 .94-1.44q.148.265.26.55c.17.45.3.92.42 1.36a1 1 0 0 0-.09 0zM4.835 9.87c.49-.052.965-.198 1.4-.43q.2.613.46 1.201q.135.283.3.55c.11.18.23.35.35.52l.51.65c-.78.1-1.57.23-2.37.37c0-.33 0-.66-.07-1a5 5 0 0 0-.09-.56c0-.18-.1-.36-.16-.53s-.22-.52-.33-.77"/></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. DesignToolPenBrushCupIcon.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.