IconSearch logoIconsearch
Home/Libraries/Material Symbols (Iconify)/bath-soak
← Back to Search
Material Symbols (Iconify)

BathSoak

License: Apache-2.0Commercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M4 22q-.825 0-1.412-.587T2 20v-9h1.25q.125-.325.35-.575t.55-.45Q4.925 9.5 5.8 9.85T7.2 11H22v9q0 .825-.587 1.413T20 22zM3.5 9q-.85 0-1.425-.575T1.5 7q0-.825.575-1.412T3.5 5q.825 0 1.413.588T5.5 7q0 .85-.587 1.425T3.5 9M4 20h16v-2H8.475q-1.075 0-2.013-.525T5 16l-1-1.8zm5.425-5.5L20 15.85V13H8.475zM9.95 9q.1-.275.138-.513T10.1 8q-.05-.725-.35-1.187t-.675-.888q-.55-.65-.775-1.162T8.025 3.6q-.025-.35.013-.725T8.15 2h2q-.075.475-.112.788t-.013.587q.05.625.35 1.013t.65.812q.5.575.725 1.163t.275 1.312q.025.3 0 .625t-.075.7zm3.975 0q.1-.275.138-.513T14.075 8q-.05-.725-.337-1.187t-.663-.888q-.55-.65-.775-1.162T12.025 3.6q-.025-.35 0-.725t.1-.875h2q-.075.475-.1.788t0 .587q.05.625.338 1.013T15 5.2q.5.575.738 1.163t.287 1.312q.025.3-.012.625t-.088.7zm3.95 0q.1-.275.15-.513T18.05 8q-.05-.725-.35-1.187t-.675-.888q-.55-.65-.775-1.162T15.975 3.6q-.025-.35.013-.725T16.1 2h2q-.075.475-.112.788t-.013.587q.05.625.338 1.013t.637.812q.5.575.738 1.163t.287 1.312q.025.3-.012.625t-.088.7z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. BathSoakIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.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.

Related Icons in Material Symbols (Iconify)

Browse all Material Symbols (Iconify) icons →
10k
10k
10k-outline
10k-outline
10k-outline-rounded
10k-outline-rounded
10k-outline-sharp
10k-outline-sharp
10k-rounded
10k-rounded
10k-sharp
10k-sharp
10mp
10mp
10mp-outline
10mp-outline
10mp-outline-rounded
10mp-outline-rounded
10mp-outline-sharp
10mp-outline-sharp
10mp-rounded
10mp-rounded
10mp-sharp
10mp-sharp