Add icons to this collection by clicking the heart icon.
Shampoo icon - also known as beauty, liquid soap, shampoo, soap dispenser, and hygiene products. Created in a clean flat gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="20.886"
x2="44.296"
y1="61.479"
y2="20.931"
>
<stop offset="0" stop-color="#d81b61" />
<stop offset="1" stop-color="#f06392" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
x1="29.701"
x2="34.299"
y1="18.982"
y2="11.018"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-3"
gradientUnits="userSpaceOnUse"
x1="30.634"
x2="33.366"
y1="12.366"
y2="7.634"
>
<stop offset="0" stop-color="#f06392" />
<stop offset="1" stop-color="#f8bbcf" />
</linearGradient>
<linearGradient
id="linear-gradient-4"
x1="24.567"
x2="32.433"
y1="12.946"
y2="-.678"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-5"
x1="24.67"
x2="39.33"
y1="54.696"
y2="29.304"
href="#linear-gradient-3"
/>
<linearGradient
id="linear-gradient-6"
gradientUnits="userSpaceOnUse"
x1="54.268"
x2="57.732"
y1="11"
y2="5"
>
<stop offset="0" stop-color="#fcb316" />
<stop offset="1" stop-color="#ffd54f" />
</linearGradient>
<linearGradient
id="linear-gradient-7"
x1="46.268"
x2="49.732"
y1="45"
y2="39"
href="#linear-gradient-6"
/>
<linearGradient
id="linear-gradient-8"
x1="6.268"
x2="9.732"
y1="51"
y2="45"
href="#linear-gradient-6"
/>
<linearGradient
id="linear-gradient-9"
x1="22.268"
x2="25.732"
y1="35"
y2="29"
href="#linear-gradient-6"
/>
<path
d="m44 42a3.9946 3.9946 0 0 0 4-4v-8a12 12 0 0 0 -12-12h-8a12 12 0 0 0 -12 12v26.8235a3.1765 3.1765 0 0 0 3.1765 3.1765h25.647a3.1765 3.1765 0 0 0 3.1765-3.1765v-10.8235a3.9946 3.9946 0 0 0 -4-4z"
fill="url(#linear-gradient)"
/>
<path d="m28 12h8v6h-8z" fill="url(#linear-gradient-2)" />
<path d="m30 8h4v4h-4z" fill="url(#linear-gradient-3)" />
<path
d="m16 4h24a2 2 0 0 1 2 2 2 2 0 0 1 -2 2h-24a0 0 0 0 1 0 0v-4a0 0 0 0 1 0 0z"
fill="url(#linear-gradient-4)"
/>
<path
d="m28 32a3.9946 3.9946 0 0 0 -4 4 3.9946 3.9946 0 0 0 -4-4v20h24v-20z"
fill="url(#linear-gradient-5)"
/>
<path
d="m56 4a3.9989 3.9989 0 0 1 -4 4 3.9989 3.9989 0 0 1 4 4 3.9989 3.9989 0 0 1 4-4 3.9989 3.9989 0 0 1 -4-4z"
fill="url(#linear-gradient-6)"
/>
<path
d="m48 38a3.9989 3.9989 0 0 1 -4 4 3.9989 3.9989 0 0 1 4 4 3.9989 3.9989 0 0 1 4-4 3.9989 3.9989 0 0 1 -4-4z"
fill="url(#linear-gradient-7)"
/>
<path
d="m8 44a3.9989 3.9989 0 0 1 -4 4 3.9989 3.9989 0 0 1 4 4 3.9989 3.9989 0 0 1 4-4 3.9989 3.9989 0 0 1 -4-4z"
fill="url(#linear-gradient-8)"
/>
<path
d="m24 28a3.9989 3.9989 0 0 1 -4 4 3.9989 3.9989 0 0 1 4 4 3.9989 3.9989 0 0 1 4-4 3.9989 3.9989 0 0 1 -4-4z"
fill="url(#linear-gradient-9)"
/>
</svg>
More icons in the same style and category