Add icons to this collection by clicking the heart icon.
Lotion icon - also known as fashion, beauty, makeup, beauty salon, lipstick, wellness, lotion, and grooming. 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc473" />
<stop offset="1" stop-color="#e67700" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="221.36"
x2="290.64"
y1="385.843"
y2="385.843"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff0ae" />
<stop offset="1" stop-color="#ffd829" />
</linearGradient>
<path d="M221.36 117.74h69.28v20.834h-69.28z" fill="url(#b)" />
<linearGradient
id="c"
x1="142.942"
x2="369.057"
y1="229.47"
y2="229.47"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#ffefab" />
</linearGradient>
<path
d="M301.612 434h-91.225c-37.095 0-67.445-30.35-67.445-67.445v-164.05c0-37.095 30.35-67.445 67.445-67.445h91.225c37.095 0 67.445 30.35 67.445 67.445v164.049c0 37.096-30.35 67.446-67.445 67.446z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="179.8"
x2="332.2"
y1="229.47"
y2="229.47"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff0ae" />
<stop offset="1" stop-color="#ffd829" />
</linearGradient>
<circle cx="256" cy="284.53" r="76.2" fill="url(#d)" />
<linearGradient
id="e"
x1="212.914"
x2="299.087"
y1="421.61"
y2="421.61"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00f7fe" />
<stop offset="1" stop-color="#00a7ae" />
</linearGradient>
<path
d="M287.087 121.114h-62.173c-6.6 0-12-5.4-12-12V75.667c0-6.6 5.4-12 12-12h62.173c6.6 0 12 5.4 12 12v33.447c0 6.6-5.4 12-12 12z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="192.97"
x2="319.03"
y1="229.47"
y2="229.47"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00cb8e" />
<stop offset="1" stop-color="#00864c" />
</linearGradient>
<circle cx="256" cy="284.53" r="63.03" fill="url(#f)" />
</svg>
More icons in the same style and category