Add icons to this collection by clicking the heart icon.
Foundation icon - also known as beauty, makeup, cosmetics, lotion, foundation, serum, skincare, moisturizer, and primer. 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="b"
x1="28.884"
x2="35.116"
y1="23.397"
y2="12.603"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4e342e" />
<stop offset="1" stop-color="#6d4d42" />
</linearGradient>
<linearGradient
id="a"
x1="29.384"
x2="34.616"
y1="18.531"
y2="9.469"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6d4d42" />
<stop offset="1" stop-color="#a1887f" />
</linearGradient>
<linearGradient
id="d"
x1="20.457"
x2="43.544"
y1="59.994"
y2="20.005"
href="#a"
/>
<linearGradient
id="e"
x1="27.893"
x2="32.357"
y1="10.784"
y2="3.051"
href="#b"
/>
<linearGradient
id="f"
x1="26.152"
x2="37.848"
y1="50.129"
y2="29.871"
href="#b"
/>
<linearGradient
id="c"
x1="6.268"
x2="9.732"
y1="35"
y2="29"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcb316" />
<stop offset="1" stop-color="#ffd54f" />
</linearGradient>
<linearGradient id="g" x1="54.268" x2="57.732" y1="11" y2="5" href="#c" />
<linearGradient id="h" x1="17.268" x2="20.732" y1="59" y2="53" href="#c" />
<linearGradient id="i" x1="43.268" x2="46.732" y1="45" y2="39" href="#c" />
<path fill="url(#b)" d="M23 16h18v4H23z" />
<path fill="url(#a)" d="M25 12h14v4H25z" />
<path
fill="url(#d)"
d="M41 42a3.995 3.995 0 0 0 4-4V22a2 2 0 0 0-2-2H21a2 2 0 0 0-2 2v30a3.995 3.995 0 0 0 4 4 3.98 3.98 0 0 0-3.81 2.84A1.996 1.996 0 0 0 21 60h22a2 2 0 0 0 2-2V46a3.995 3.995 0 0 0-4-4z"
/>
<path fill="url(#e)" d="M25 4v4h5v4h4V4z" />
<path
fill="url(#f)"
d="M41 42a3.995 3.995 0 0 0 4-4v-4H19v12h26a3.995 3.995 0 0 0-4-4z"
/>
<path
fill="url(#c)"
d="M8 28a3.999 3.999 0 0 1-4 4 3.999 3.999 0 0 1 4 4 3.999 3.999 0 0 1 4-4 3.999 3.999 0 0 1-4-4z"
/>
<path
fill="url(#g)"
d="M56 4a3.999 3.999 0 0 1-4 4 3.999 3.999 0 0 1 4 4 3.999 3.999 0 0 1 4-4 3.999 3.999 0 0 1-4-4z"
/>
<path
fill="url(#h)"
d="M19 52a3.999 3.999 0 0 1-4 4 3.999 3.999 0 0 1 4 4 3.999 3.999 0 0 1 4-4 3.999 3.999 0 0 1-4-4z"
/>
<path
fill="url(#i)"
d="M45 38a3.999 3.999 0 0 1-4 4 3.999 3.999 0 0 1 4 4 3.999 3.999 0 0 1 4-4 3.999 3.999 0 0 1-4-4z"
/>
</svg>
More icons in the same style and category