Add icons to this collection by clicking the heart icon.
Happy Face icon - also known as happy, smiling, smiley, expression, happy face, feelings, smileys, emoticion, smiling face, and emoji. 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#5653ff" />
<stop offset="1" stop-color="#00c2ff" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="108"
y2="408"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="330.53"
x2="330.53"
y1="108"
y2="408"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="209.473"
x2="209.473"
y1="108"
y2="408"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M331 106H181c-41.4 0-75 33.6-75 75v150c0 41.4 33.6 75 75 75h150c41.4 0 75-33.6 75-75V181c0-41.4-33.6-75-75-75zm-36.5 39.9c8.1-3.1 19.4-3.1 34.8 3.4 15.5 6.6 26.1 20.2 26.1 20.2.5.9.8 1.8.8 2.8-.3 1.2-1.2 2.2-4.4 1.1-29.6-10.4-49.5-3.6-56.1-2.1s-12.6 4.1-15-2.4c-4.9-12.1 5.4-19.7 13.8-23zm-137.8 23.7s10.6-13.7 26-20.2c15.5-6.6 26.7-6.6 34.8-3.4 8.4 3.2 18.6 10.9 13.9 23.2-2.5 6.4-8.5 3.9-15 2.4s-26.5-8.2-56.1 2.1c-3.2 1.1-4.2.1-4.4-1.1 0-1.1.3-2.1.8-3zm-8.8 60.4c0-28.5 20.9-51.5 46.6-51.5s46.6 23.1 46.6 51.5-20.9 51.5-46.6 51.5-46.6-23-46.6-51.5zm179.3 82.7s-11.5 44.4-71.2 44.4-71.2-44.4-71.2-44.4c-3.4 1.6-6.3 4.1-8.5 7 0 0 6.3-22.7 25.1-9.3l-12.6.7s13.4 23.5 67.1 23.5 67.1-23.5 67.1-23.5l-12.6-.7c18.8-13.4 25.1 9.3 25.1 9.3-2-3-4.9-5.4-8.3-7zm-9.7-31.2c-25.7 0-46.6-23.1-46.6-51.5s20.9-51.5 46.6-51.5 46.6 23.1 46.6 51.5-20.9 51.5-46.6 51.5z"
/>
<path
fill="url(#c)"
d="M353.5 214.6c0 13.2-10.3 23.9-23 23.9s-23-10.7-23-23.9 10.3-23.9 23-23.9c3.1 0 6.2.7 9.1 1.9-5.3 1.7-8.2 7.4-6.5 12.8 1.7 5.3 7.4 8.2 12.8 6.5 2.8-.9 5.1-3 6.2-5.7.9 2.7 1.4 5.6 1.4 8.4z"
/>
<path
fill="url(#d)"
d="M232.4 214.6c0 13.2-10.3 23.9-23 23.9s-23-10.7-23-23.9 10.3-23.9 23-23.9c3.1 0 6.2.7 9.1 1.9-5.3 1.7-8.2 7.4-6.5 12.8 1.7 5.3 7.4 8.2 12.8 6.5 2.8-.9 5.1-3 6.2-5.7 1 2.7 1.5 5.6 1.4 8.4z"
/>
</svg>
More icons in the same style and category