Home/Libraries/OpenMoji (Iconify)/pouring-liquid

OpenMoji (Iconify)

PouringLiquid

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 72 72"><path fill="#92d3f5" d="M52.22 43.35a2.05 2.05 0 1 1-1.7 3.72a8.43 8.43 0 0 1-3.03-3.26s-.36-.52.24-.61a8.85 8.85 0 0 1 4.5.15"/><path fill="#61b2e4" d="M47.6 44a5.62 5.62 0 0 1 3.79-.25a1.7 1.7 0 0 1 1.07 2.32S51.24 44.3 47.6 44"/><path fill="#92d3f5" d="M32.74 45.44a9.1 9.1 0 0 1 4.17-2.03c.6-.18.48.47.48.47a8.7 8.7 0 0 1-1.48 4.34a2.11 2.11 0 1 1-3.17-2.78"/><path fill="#61b2e4" d="M37 44c-3.2 1.76-3.59 3.87-3.59 3.87a1.71 1.71 0 0 1 .03-2.55A5.62 5.62 0 0 1 37 44"/><path fill="#d0cfce" d="M39 40L11 28.4L16 15l30 7z"/><path fill="#92d3f5" d="M20.13 32.3a2.81 2.81 0 0 1 2.89-.77c1.59.64 2.52.43 3.82.94a50 50 0 0 0 4.83 2.14c1.8.53 2.5 1.21 3.9 1.63a28 28 0 0 1 3.87 1.44a9.23 9.23 0 0 1 3.45 3.27c1.06 1.45 1 2.3 1.59 3.93a20.7 20.7 0 0 1 .42 3.64c.39 2.15-.25 1.6.48 2.4c.41.45 1.33-.18 2.11-.13a26.5 26.5 0 0 1 4.08.59c2.01.37 5.46 1.47 5.64 2.89c.13 1-1.53 2.83-2.13 2.95c-7.06 1.46-22.38 1.16-23.79-.8c-1.58-2.2 1.01-3.53 2.21-4.08a22.6 22.6 0 0 1 7.38-1.55c.72-.07.47-1.04.48-1.53a11.3 11.3 0 0 0-.48-3.52a23.4 23.4 0 0 0-.88-3.2a4.85 4.85 0 0 0-2.37-2.74z"/><path fill="#61b2e4" d="M34.38 57.21s9.97.38 14.84-.45a13.7 13.7 0 0 0 6.84-2.98s1.84-.08.87 2.09c-.46 1.04-2.94 2.01-4.41 2.31c-1.48.3-8.88.92-8.88.92l-3.51-.62l-5.49-1.04zm1.44-20.63a41 41 0 0 1 3.74 2.37a8.6 8.6 0 0 1 3.02 3.45c.69 1.58 1.35 7.46 1.61 8.47c1 3.84 1.77 3.42 1.77 3.42s-1.65-10.04-2.02-11.32a7.3 7.3 0 0 0-1.93-3.28c-.76-.63-2.98-2.68-3.8-2.79s-2.4-.31-2.4-.31z"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M45.29 50.68c6.92.14 12.06 1.96 12.06 4.2c0 2.33-5.92 4.22-13.23 4.22s-13.23-1.89-13.23-4.22c0-2.11 3.86-3.98 10.55-4.18"/><path d="M45.97 53.77c-1.1-2.68-1.24-9.34-2.33-11.67a9.62 9.62 0 0 0-4.2-4.42c-1.75-.92-5.72-2.24-7.38-2.88s-6.74-2.58-9.04-3.27a3.1 3.1 0 0 0-2.89.77s13.15 5.59 17.52 7.5a5.08 5.08 0 0 1 2.53 3.63c.72 3.1 1.73 8.32 1.23 10.33"/><path d="M38 40L11 28.4L16 15l29 7l-4.3 11m11.52 10.35a2.05 2.05 0 1 1-1.7 3.72a8.43 8.43 0 0 1-3.03-3.26s-.36-.52.24-.61a8.85 8.85 0 0 1 4.5.15m-19.49 2.09a9.1 9.1 0 0 1 4.17-2.03c.6-.18.48.47.48.47a8.7 8.7 0 0 1-1.48 4.34a2.11 2.11 0 1 1-3.17-2.78"/></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. PouringLiquidIcon.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-SA-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.