Home/Libraries/Freehand free icons (Iconify)/composition-man

Freehand free icons (Iconify)

CompositionMan

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="M1.032 6.607c.54 0 .23-.54.19-2.809c0-1.689-.1-2.299 1.799-2.578c1.07-.15 2.229 0 3.298-.05a.4.4 0 0 0 0-.79C4.43.23 2.361-.65.482 1.01c-1.07 1 0 4.088.18 5.297a.34.34 0 0 0 .37.3M6.32 22.84c-1.07-.05-2.23.1-3.3-.05c-1.908-.28-1.828-.9-1.798-2.58c0-2.258.35-2.758-.19-2.808a.35.35 0 0 0-.37.32c-.22 1.28-1.26 4.328-.18 5.277c1.87 1.63 3.938.76 5.847.61a.4.4 0 0 0-.01-.77M17.634 1.17c1.07.05 2.229-.1 3.298.05c1.9.28 1.83.89 1.8 2.578c0 2.27-.35 2.76.19 2.809a.34.34 0 0 0 .37-.32c.22-1.28 1.259-4.278.18-5.277c-1.87-1.65-3.939-.78-5.848-.63a.4.4 0 0 0 .01.79m5.337 16.232c-.54.05-.23.54-.19 2.809c0 1.679.11 2.299-1.799 2.578c-1.07.15-2.229 0-3.298.05a.4.4 0 0 0 0 .79c1.899.15 3.998 1 5.847-.61c1.07-1 0-3.998-.18-5.297a.35.35 0 0 0-.38-.32M9.978 8.006a1.33 1.33 0 0 0-2.11 1.39a.342.342 0 1 0 .67.14c0-.07.94-.79 1.16-.76a.41.41 0 0 0 .28-.77m1.999.52l1.129-.43a1.3 1.3 0 0 1 .36-.09a.393.393 0 0 0 .29-.73a1.4 1.4 0 0 0-2.36.86a.35.35 0 0 0 .58.39m1 2.479a.392.392 0 0 0-.78-.08a.76.76 0 0 1-.41.46a2.63 2.63 0 0 1-1.519-.25a.35.35 0 1 0-.53.45c.91 1.909 3.359 1.349 3.24-.58"/><path d="M18.154 19.78a.39.39 0 0 0 .39-.399c.26-3.208-.92-4.998-2.71-6.247a5.158 5.158 0 0 0-1.998-8.676C8.398 2.51 2.78 7.577 6.169 12.624a6.1 6.1 0 0 0 1.9 1.82c-1.68 1.129-2.71 2.558-2.65 5.687a.4.4 0 0 0 .79.06a11.4 11.4 0 0 1 2.689-5.378a4 4 0 0 0 1.53.31a.35.35 0 1 0 0-.69a3.7 3.7 0 0 1-1.45-.43a4.68 4.68 0 0 1-2.359-5.917c1.43-2.998 6.377-3.638 8.666-1.18s.55 6.478-2.729 7.098a.4.4 0 0 0 .13.78a5.47 5.47 0 0 0 2.549-1.08a11.6 11.6 0 0 1 1.94 3.368c.799 2.11.369 2.719.979 2.709"/></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. CompositionManIcon.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.