Add icons to this collection by clicking the heart icon.
Serum icon - also known as beauty, cosmetics, essential oil, serum, skincare, moisturizer, and primer. 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="a"
x1="74.981"
x2="437.019"
y1="74.981"
y2="437.019"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#96e192" />
<stop offset="1" stop-color="#73d093" />
</linearGradient>
<linearGradient
id="b"
x1="215.834"
x2="296.166"
y1="117.522"
y2="117.522"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fdf6df" />
<stop offset="1" stop-color="#fae8ac" />
</linearGradient>
<linearGradient
id="c"
x1="192.882"
x2="319.119"
y1="209.331"
y2="209.331"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d0cdcd" />
<stop offset="1" stop-color="#b8b4b3" />
</linearGradient>
<linearGradient
id="d"
x1="158.453"
x2="353.547"
y1="405.954"
y2="405.954"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8d5d4d" />
<stop offset="1" stop-color="#6c4b41" />
</linearGradient>
<linearGradient
id="e"
x1="158.453"
x2="353.547"
y1="324.857"
y2="324.857"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d7795c" />
<stop offset="1" stop-color="#ae6e5a" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<path
fill="url(#b)"
d="M256 60.141c-22.148 0-40.166 18.018-40.166 40.166v74.595h80.333v-74.595C296.166 78.16 278.148 60.141 256 60.141z"
/>
<path fill="url(#c)" d="M192.882 151.95h126.237v114.761H192.882z" />
<path fill="url(#d)" d="M158.453 360.05h195.094v91.809H158.453z" />
<path
fill="url(#e)"
d="M158.453 243.759V360.05c0 25.312 20.593 45.904 45.904 45.904h103.285c25.312 0 45.904-20.593 45.904-45.904V243.759z"
/>
</svg>
More icons in the same style and category