Home/Libraries/Freehand free icons (Iconify)/office-water-dispenser

Freehand free icons (Iconify)

OfficeWaterDispenser

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" d="m3.452 14.499l-.13.43a1.94 1.94 0 0 0-.07 1.308c.28.72 1.5.72 1.999.35s.48-1 .39-2.049h1.408a7 7 0 0 0-.08.65c-.15 1.109.21 1.998 1.329 1.868s1.479-.999 1.189-2.118l-.07-.45a15 15 0 0 0 1.509-.15c.699-.07.6-.639 0-.699c-4.307-.21-5.266-.49-9.262.19c-.63.13-.62.72 0 .72c.48-.04 1.339-.08 1.788-.05m4.257 0h.819c-.06.3.23.719 0 1.248c-.05.11-.16.13-.33.15a.19.19 0 0 1-.22-.13a3.7 3.7 0 0 1-.27-1.269m-3.577 0H4.9c-.05.29-.14.849-.18.999s-.63.719-.7-.29c-.02.01.17-.62.11-.67z"/><path fill="#818cf8" d="M11.995 11.112a.73.73 0 0 0-.44-.45c-.07 0-.52-.1-.88-.15c-.359-.05-.589.44-.269.55s.73 0 .94.28c.469.689.519 6.803.27 8.072a5.2 5.2 0 0 1-1 2.708c-.08.08-7.543 1.299-9.172 0c-.39-.3-1.089-9.132-.07-10.241c.35-.21.46-.36.66-.34c.679-.1.43-.76-.09-.73a1.78 1.78 0 0 0-1.619 1.67a36.7 36.7 0 0 0 .12 9.9a1.54 1.54 0 0 0 .83.93c1.848.749 6.074.38 7.992.1c1.11-.17 2.348.28 2.918-1.789c.303-1.466.467-2.958.49-4.456a29 29 0 0 0-.68-6.055"/><path fill="#818cf8" d="M5.51 11.611a.303.303 0 0 0 .02-.596a.3.3 0 0 0-.12-.003c-.12-.02-1.328-.02-1.408-.09c-1.339-.22-1.739-1.859-1.799-3.217a45 45 0 0 0 7.794-.16a8.5 8.5 0 0 1-.59 2.607a5.4 5.4 0 0 1-2.807.84a.35.35 0 0 0 0 .689a5.9 5.9 0 0 0 2.997-.76c.269-.179.5-.41.68-.679a9.8 9.8 0 0 0 .719-2.777a.34.34 0 0 0 0-.63c.065-.831.065-1.666 0-2.497a.34.34 0 0 0-.09-.67C10.456.671 8.468-.328 5.47.091A4.86 4.86 0 0 0 1.874 2.09a3.9 3.9 0 0 0-.46 1.778c-.31 0-.65 0-.65.34s.36.31.61.33c0 .909-.13 1.418-.11 2.477c-.2 0-.5 0-.5.32s.33.31.54.33c0 1.137.388 2.24 1.1 3.127c.649.58 1.188.949 3.107.819M2.514 3.548c.04-.3.135-.592.28-.859C3.723 1.32 6.08 1 7.509 1.25c1.139.19 1.888.69 2.268 2.348c-1.77-.1-3.545-.1-5.316 0c-2.268.12-2.018.24-1.968-.05zm-.12 1a43.5 43.5 0 0 0 7.554-.16q.169 1.152.14 2.317a40 40 0 0 0-7.903.15c.02-.939.11-1.299.19-2.268zm2.297 13.627c-.53 0-2.138.25-2.947.24s-.48.6 0 .68c.72.06 2.488.21 3.557.18c.45 0 4.236-.21 5.545-.41c.75-.1.44-.77 0-.74a61 61 0 0 0-6.155.05m15.806-7.783a6.16 6.16 0 0 0-4.316 1.18a4.056 4.056 0 0 0-.66 6.114a3.9 3.9 0 0 0 1.999 1.069a.31.31 0 0 0 .36-.24c.11-.55-.71-.14-1.779-1.339a3.158 3.158 0 0 1 .81-4.696a5.2 5.2 0 0 1 3.496-.939c1.998.21 3.277 4.146 2.398 5.285c-.72.93-1.838 1-1.838 1.529c0 .24.15.48.55.34a10 10 0 0 0 1.918-1.36c1.358-1.638-.07-6.543-2.938-6.943"/><path fill="#818cf8" d="M21.047 19.684c-2.158-.3-1.16.929-.94-2.618a14.5 14.5 0 0 0-.19-2.817a.31.31 0 0 0-.609 0c-.05.33-.19.999-.29 1.788a3.3 3.3 0 0 0-1.328-1.129a.31.31 0 0 0-.44.43a3.56 3.56 0 0 0 1.678 1.998v1.908c0 .21-.09.42 0 .44l-1.148.05a.35.35 0 0 0 0 .7l1.928.09q.474-.026.949 0c0 .359-.16.998-.27 1.518c-.24 1.219.09.74-.56.79c-.68.062-1.366.062-2.047 0c-.36-1.41-.18-2.149-.67-2.06c-.49.09-.22 2.089-.09 2.569s2.048.639 2.398.659c.6 0 1.449 0 1.778-.48c.325-1.005.504-2.051.53-3.107c.03-.43-.16-.66-.68-.73"/></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. OfficeWaterDispenserIcon.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.