Home/Libraries/Freehand free icons (Iconify)/content-brush-pen

Freehand free icons (Iconify)

ContentBrushPen

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" fill-rule="evenodd" d="M23.79 4.756a1.52 1.52 0 0 0-.55-.76a2.06 2.06 0 0 0-.841-2.702a5.9 5.9 0 0 0-3.102-1c-1.411.05-2.542 2.08-3.292 2.961c-1.571 1.821-9.587 12.008-10.367 13.63a.76.76 0 0 0 .26.73c-1.441 1.39-2.902 2.531-1.521 4.002c-.38.39-1.381 2.062-1.04 2.212c.17.26.3.06 1.25-.7c.25-.246.46-.53.62-.841c1.702 1 2.392-.68 3.263-2.482l.17.14a.306.306 0 0 0 .504-.251a.3.3 0 0 0-.104-.209a34 34 0 0 1-2.702-2.432c1-1.56 7.135-9.006 8.336-10.477c.25.27.52.59.61.68a11.3 11.3 0 0 0 2.622 1.882c-3.833 4.293-4.173 5.354-8.226 9.727a.35.35 0 0 0 .52.46c3.643-3.773 5.004-5.734 7.066-8.005c1.63-1.802 4.473-4.624 5.673-6.685c.103.166.161.355.17.55a1.92 1.92 0 0 1-.41 1.441q-.578.849-1.24 1.631c-1.902 2.332-2.162 2.542-1.812 2.832a.35.35 0 0 0 .49 0c1.231-1.41 4.754-3.722 3.653-6.334m-15.88 14.6c-.07 0-.19.31-.19.31c-1.112 1.601-1.302 2.001-1.902 1.621c-1.601-1.05-.82-1.38.5-3.282c.47.45 1.09 1 1.591 1.35m14.379-16.01c-.27 1.21-3.072 4.352-3.903 5.283a11.9 11.9 0 0 0-3.202-2.632c.73-.9 1.321-1.591 1.671-2.001c.57-.64 1.761-2.522 2.472-2.542c.95-.01 3.212.8 2.962 1.851zm-5.283 11.048a.35.35 0 0 0-.49 0c-.35.38 0 .36 2.822 3.282a52 52 0 0 1 2.642 2.932c.84 1.01.51 2.671-1.001 1.86a21.6 21.6 0 0 1-2.842-1.87c-4.183-3.143-4.113-3.673-4.483-3.283a.31.31 0 0 0 0 .43a42 42 0 0 0 6.745 5.735c2.751 1.53 4.002-1.802 2.361-3.613a74 74 0 0 0-5.754-5.474M9 9.44a.31.31 0 0 0-.42-.441a5.2 5.2 0 0 1-.73-1.15c-.211-.391-1.192-1.612-1.472-1.612a.34.34 0 0 0-.38.34A4.65 4.65 0 0 0 7.699 9.34a7.8 7.8 0 0 1-2.261-1.1a3.1 3.1 0 0 1-1.081-1.141a.35.35 0 1 0-.66.22A3.49 3.49 0 0 0 7.278 10a3 3 0 0 1-3.613-.26a6.004 6.004 0 0 1-1.46-8.256a3.27 3.27 0 0 0 2.791 2.421c1.221.22 2.752-.16 3.903 1.582a2.21 2.21 0 0 1 .23 2.251a.35.35 0 0 0 .62.31a2.94 2.94 0 0 0-.17-3.002c-1.83-2.912-4.243-1.28-5.713-2.772c-.363-.395-.6-.89-.68-1.42c-1.342-3.573-6.445 5.903 0 9.706C5.156 11.71 6.918 11.71 9 9.44" clip-rule="evenodd"/></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. ContentBrushPenIcon.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.