Add icons to this collection by clicking the heart icon.
Shampoo icon - also known as bottle, cream, beauty, hair, salon, shampoo, wellness, lotion, and moisturizer. Created in a clean 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 512 512"
>
<linearGradient
id="d"
x1="74.981"
x2="437.02"
y1="437.02"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0072ff" />
<stop offset=".246" stop-color="#279cf6" />
<stop offset=".595" stop-color="#5ad1ea" />
<stop offset=".857" stop-color="#79f2e3" />
<stop offset="1" stop-color="#85ffe0" />
</linearGradient>
<radialGradient
id="e"
cx="256"
cy="256"
r="258.6"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0056e0" stop-opacity=".7" />
<stop offset=".331" stop-color="#0090c6" stop-opacity=".468" />
<stop offset=".634" stop-color="#00beb2" stop-opacity=".256" />
<stop offset=".866" stop-color="#00dba5" stop-opacity=".094" />
<stop offset="1" stop-color="#00e5a1" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#85ffe0" />
<stop offset=".195" stop-color="#89ffe1" />
<stop offset=".375" stop-color="#94ffe4" />
<stop offset=".548" stop-color="#a6ffe8" />
<stop offset=".717" stop-color="#c1ffef" />
<stop offset=".881" stop-color="#e2fff8" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="f"
x1="202.015"
x2="826.691"
y1="396.264"
y2="-228.412"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="-355.406"
x2="397.922"
y1="833.787"
y2="80.459"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#230be0" />
<stop offset=".348" stop-color="#1561c7" />
<stop offset=".662" stop-color="#0aa9b2" />
<stop offset=".887" stop-color="#03d5a6" />
<stop offset="1" stop-color="#00e5a1" />
</linearGradient>
<linearGradient
id="h"
x1="124.376"
x2="361.153"
y1="195.676"
y2="-41.102"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="132.86"
x2="373.869"
y1="232.584"
y2="-8.425"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="256"
x2="256"
y1="144.29"
y2="66.811"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#009ed8" stop-opacity="0" />
<stop offset=".302" stop-color="#009bd8" stop-opacity=".211" />
<stop offset=".515" stop-color="#0092d9" stop-opacity=".36" />
<stop offset=".701" stop-color="#0082db" stop-opacity=".491" />
<stop offset=".87" stop-color="#006ddd" stop-opacity=".609" />
<stop offset="1" stop-color="#0056e0" stop-opacity=".7" />
</linearGradient>
<linearGradient id="c">
<stop offset="0" stop-color="#3ca1ff" />
<stop offset=".595" stop-color="#6adcec" />
<stop offset="1" stop-color="#85ffe0" />
</linearGradient>
<linearGradient
id="k"
x1="68.705"
x2="472.107"
y1="551.509"
y2="148.107"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="-22.932"
x2="328.7"
y1="539.432"
y2="187.799"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="164.149"
x2="455.518"
y1="425.631"
y2="134.262"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="13.783"
x2="360.259"
y1="464.364"
y2="117.889"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="108.887"
x2="336.703"
y1="236.401"
y2="8.584"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="p"
x1="115.237"
x2="319.875"
y1="163.774"
y2="-40.864"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="q"
x1="125.344"
x2="324.975"
y1="186.327"
y2="-13.304"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<path
fill="url(#f)"
d="M156.063 251.51c.02 56.83.611 113.66 1.771 170.49.359 16.513 14.121 31.417 30.666 32.649 45 3.251 90 3.251 135 0 16.545-1.232 30.307-16.137 30.666-32.649a8493.216 8493.216 0 0 0 1.771-170.49c-66.625.1-133.249.1-199.874 0z"
/>
<path
fill="url(#g)"
d="M256 120.898c-54.526.27-99.627 47.35-99.895 100.612-.032 10-.046 20-.042 30 .008 16.521 13.827 30.194 30.794 30.43 46.095.528 92.191.528 138.286 0 16.967-.236 30.787-13.912 30.794-30.43.004-10-.011-20-.042-30-.268-53.261-45.369-100.346-99.895-100.612z"
/>
<path
fill="url(#h)"
d="M240.742 132.23c-10.172.09-20.344.268-30.517.537.154-25.492.359-50.984.615-76.476a1016.987 1016.987 0 0 1 60.213-.892 13678.333 13678.333 0 0 1-30.311 76.831z"
/>
<path
fill="url(#i)"
d="M301.775 132.767c-20.344-.537-40.689-.716-61.033-.537.051-25.61.12-51.22.205-76.831 20.071-.297 40.142 0 60.213.892.256 25.492.461 50.984.615 76.476z"
/>
<path
fill="url(#j)"
d="M210.84 56.291c-.256 25.492-.461 50.984-.615 76.476a1733.43 1733.43 0 0 1 91.55 0c-.154-25.492-.359-50.984-.615-76.476a1016.658 1016.658 0 0 0-90.32 0z"
/>
<path
fill="url(#k)"
d="m293.822 416.942 1.984 1.087c8.568 4.688 18.258 6.839 28.155 6.23.662-47.44 1.056-94.879 1.182-142.319-28.142-9.808-56.33-20.105-84.518-30.356 17.94 55.294 35.95 110.804 53.197 165.358z"
/>
<path
fill="url(#l)"
d="M293.617 163.21a2368.595 2368.595 0 0 0-30.624-.288c10.456 39.833 21.013 79.693 31.42 119.291 10.243-.065 20.487-.157 30.73-.274.054-20.26.059-40.521.015-60.781-.053-23.891-12.682-45.289-31.541-57.948z"
/>
<path
fill="url(#m)"
d="M186.857 281.94c.126 47.44.52 94.879 1.182 142.319 9.896.609 19.587-1.542 28.155-6.23 3.832-2.095 7.67-4.215 11.512-6.357 17.478-9.733 39.109-9.733 56.587 0 3.18 1.772 6.356 3.53 9.528 5.27.328-44.91.525-89.819.591-134.729-17.911-10.099-35.85-20.382-53.788-30.63-17.936 10.241-35.868 20.431-53.767 30.357z"
/>
<path
fill="url(#n)"
d="M294.421 220.935c-.031-24.101-12.606-45.567-31.428-58.013-14.87-.044-29.74.052-44.61.288-18.859 12.66-31.488 34.056-31.541 57.948-.044 20.26-.039 40.521.015 60.781 35.852.41 71.704.501 107.556.274.03-20.425.032-40.852.008-61.278z"
/>
<path
fill="url(#o)"
d="M301 40.996c-10-.482-20-.802-30-.963.037 10.244.071 20.488.102 30.732 10.068.137 20.137.41 30.205.821 8.346.332 15.024-6.108 14.906-14.514-.118-8.403-6.935-15.672-15.213-16.076z"
/>
<path
fill="url(#p)"
d="M211 40.996c-8.278.405-15.094 7.674-15.213 16.076-.118 8.407 6.56 14.845 14.906 14.514 10.068-.411 20.137-.684 30.205-.821.031-10.244.066-20.488.102-30.732-10 .16-20 .481-30 .963z"
/>
<path
fill="url(#q)"
d="M271 40.033c-10-.161-20-.161-30 0-8.278.135-15.045 7.233-15.107 15.7-.062 8.47 6.659 15.14 15.004 15.032 10.068-.137 20.137-.137 30.205 0 8.346.108 15.066-6.562 15.004-15.032-.061-8.466-6.828-15.566-15.106-15.7z"
/>
</svg>
More icons in the same style and category