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

Freehand free icons (Iconify)

DesignToolLiquidGlue

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="M22.127 4.379C16.395-.193 18.166.927 17.365.517a3.83 3.83 0 0 0-2.451-.48c-1.26.23-2.001 1.53-4.302 5.082a.34.34 0 0 0 .09.46c.4.27.42-.16 1.87-2c.621-.821.781-1.631 1.932-2.442a2.36 2.36 0 0 1 2.44.22c1.171.65.441.84 4.253 3.702c1.23.87 1.83 2.231.83 3.312c-.45.47-1.05.87-1.46 1.28c-1.12 1.14-2.562 2.001-3.662 3.182c-.09.09-.28.06-.48.06c-3.532 0-2.572.33-4.122-1.16c-.81-.781-1.951-1.471-2.371-2.462l.09-.42c.35-1.891.78-2.411.31-2.541a.29.29 0 0 0-.36.2l-.59 2.2c-.1.421-.39.571.32 1.572A31 31 0 0 0 6.5 14.163c-.39.57-.68 1.271-.2 1.761c1 1 1.92.73 3.051 0a27 27 0 0 0 3.342-2.56a1.65 1.65 0 0 0 1.13.46l2.812.09a1.55 1.55 0 0 0 1-.33c1.14-1.121 2.471-1.892 3.712-3.122a20 20 0 0 0 1.68-1.611c1.161-1.42.521-3.332-.9-4.472m-10.675 9.054c-3.061 1.871-3.591 2.431-4.322 1.741c0-.08 1.521-2.371 3.002-4.402c.9 1 .78.62 2.09 2.07c-.3.201-.6.491-.77.591"/><path d="M19.026 8.7c0 .211.2.511.61.221q.267-.218.5-.47c.48-.45.78-.6.92-1.32c.028-.24-.01-.482-.11-.701c-.42-.74-1.73-1.44-1.64-.62c0 .28.75.59.6 1.14s-.88 1.5-.88 1.75m-7.844-1.05a21 21 0 0 0 3.842 3.832c.32.27.85 1.1 1.41 1.06a.33.33 0 0 0 .33-.33a32 32 0 0 0-2.44-2.76c-.55-.531-.45-.38-2.652-2.292c-.1-.09-.39-.47-.61-.45s-.39.1-.29.38a4 4 0 0 0 .41.56M6.91 21.207c.1 0 1.37.19 1.731-.84a4.2 4.2 0 0 0-.92-3.082c-1.001-1-2.452 1.941-2.071 3.072a1.33 1.33 0 0 0 1.26.85m.54-2.931c.88 2.35-.43 1.72-.43 1.82c-.24 0-.36-.08-.38-.23c-.11-.52.32-2.871.81-1.59"/><path d="M10.502 19.706a.33.33 0 0 0 0 .66c.69 0 1.76.64 1.37 1.551c-.7 1.621-3.221.26-4.642.32c-2 .12-2.891.83-5.482.64c-1.12-.08-.12-1.9.91-2.36s1.53.05 1.62-.43c.11-.651-2.18-.61-3.22.8c-.721 1-1.091 2.19 0 2.781c1.6.88 4.852-.26 6.262-.34c1.411-.08 2.842.87 4.382 0a1.9 1.9 0 0 0 .81-2.651a2.34 2.34 0 0 0-2.01-.97"/></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. DesignToolLiquidGlueIcon.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.