Home/Libraries/Freehand free icons (Iconify)/color-brush-1

Freehand free icons (Iconify)

ColorBrush1

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="M14.721 5.097c.61-1.33-.09-2.48-1.999-1.92c-.45.12-.77.74-.83 1.39c-.24 1.999 2.08 2.299 2.83.53m-.75-.7c-.15.39-.899 1.09-1.089.52c-.52-1.58 1.5-1.53 1.09-.52m7.615 12.014c-.39-.59-.71 0-.71 0c0 .21 0 .52.09 1.07c.12 1.41.8 3.598.38 4.558a1.499 1.499 0 0 1-2.709-.3a5.6 5.6 0 0 0-.9-1.64c-1.209-.839-1.548 3.309-2.628 2.78s-.72-3.689-1.16-3.999a.63.63 0 0 0-.939.33c-.31.7-.31 2.239-.82 3.109s-.999.37-1.829.49a4 4 0 0 1-1.389-.23l-.2-.5c-.33-1.05-.44-4.428-1.17-4.768c-.729-.34-.739.44-1.529 2.269c-.72 1.659-.66 3.108-2.448 2.708c-.3-.25-1.48-.24-1.15-1.539c.33-1.3 1-2.169.88-4.168c0-.32-.66-.6-.67 0s-.89 2.5-1 4.498c-.11 1.79 2.72 2.729 3.939 1.54c.53-.52.63-1.09 1.629-3.339c.28 1.39.26 2.998.76 3.828s2.378.75 3.638.78a1.89 1.89 0 0 0 1.549-1c.45-.79.17-.93.44-.25c.57 1.37 1.789 1.68 2.569 1.05a6.7 6.7 0 0 0 1.259-2.28l.38.77a2.36 2.36 0 0 0 3.468 1.09c1.13-.65 1.1-1.83.87-3.218c-.23-1.39-.22-3.059-.6-3.639"/><path d="M3.297 12.853c.34-2.709 3.998-3.818 5.817-2.579c1.999 1.43.61-1.589.8-4.767S12.972.349 14.74 1.448c.95.55 1.23 2.55 1.23 3.709c.05 3.328-1.55 4.358-1.1 5.207c.21.4.58.34 1 .16h.2c.31.07 3.268-.2 4.607 2c.51 2.188.45 1.768.39 2.128c-.23-.1-3.588.27-3.698.28a82 82 0 0 1-9.276-.06c-1-.06-2.168-.34-3.188-.34a.34.34 0 0 0 0 .67c4.138.611 8.326.822 12.504.63c1.14-.09 4.258.17 4.578-.31s0-1.57-.05-2.09a3.57 3.57 0 0 0-2.07-3.098a7.5 7.5 0 0 0-3.667-.89a9.34 9.34 0 0 0 .93-4.237C17.05.609 14.43-.87 11.972.479a6.1 6.1 0 0 0-2.999 4.998a21.4 21.4 0 0 0 .37 3.998c-2.369-1.27-6.367.17-6.667 3.308v1.11c-.02.1.53 3.708.62-1.04"/></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. ColorBrush1Icon.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.