Add icons to this collection by clicking the heart icon.
Happy Face icon - also known as happy, smiling, happy face, smileys, laughing, emoticion, smiling face, smile emoticon, emoji, and laugh-beam. 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="306.545"
x2="306.545"
y1="108"
y2="408"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="205.455"
x2="205.455"
y1="108"
y2="408"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<g fill="url(#b)">
<path
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-35.7 18.4c7.6-1.9 17.6-.5 30.7 7.1 13 7.6 20.9 21 20.9 21 .3.8.5 1.7.4 2.6-.4 1-1.4 1.8-4.1.5-25.1-12.6-43.7-8.9-49.8-8.3s-11.6 2.2-13.1-3.8c-2.8-11.5 7.2-17.1 15-19.1zm13.2 30.9c25.7 0 46.6 23.1 46.6 51.5s-20.9 51.5-46.6 51.5-46.6-23.1-46.6-51.5 20.9-51.5 46.6-51.5zm-143.4-2.7s7.9-13.4 20.9-21 23.1-8.9 30.7-7.1c7.8 1.9 17.8 7.6 15 19-1.5 6-7.1 4.4-13.1 3.9s-24.6-4.3-49.8 8.3c-2.7 1.4-3.7.5-4.1-.5 0-.9.1-1.8.4-2.6zm38.4 2.7c25.8 0 46.6 23.1 46.6 51.5s-20.9 51.5-46.6 51.5-46.6-23.1-46.6-51.5 20.9-51.5 46.6-51.5zm145.3 116.6c.5.8 12 20.8 3.5 46.2-5.2 15.4-16.2 29.8-30.9 40.4-1.9 1.3-3.8 2.6-5.7 3.8-.1.3-.2.5-.3.8-7.3 20.3-35.5 38.7-59.3 38.7s-52.1-18.5-59.3-38.7c-.1-.3-.2-.5-.3-.8-2-1.2-3.9-2.5-5.8-3.8-14.7-10.6-25.7-25-30.9-40.4-8.5-25.3 3-45.3 3.5-46.2l.4-.7c-4.1 1.5-7.9 3.9-11 7 0 0 8.2-22.7 32.6-9.3-5.4-.7-10.9-.4-16.3.7 19.9 4.9 55.7 8.3 87 8.3s67.1-3.4 87.1-8.3c-5.3-1.1-10.8-1.4-16.3-.7 24.4-13.4 32.6 9.3 32.6 9.3-3.1-3.1-6.9-5.5-11-7z"
/>
<path
d="M256 396.9c-33.2 0-74-38.4-47.7-60s47.7 2.3 47.7 2.3 21.4-23.9 47.7-2.3-14.5 60-47.7 60zM323.3 278.4c-12.5 30.9-58.4 31.1-67.3 31.1s-54.8-.2-67.3-31.1c22.3 3 44.8 4.5 67.3 4.5s45-1.5 67.3-4.5z"
/>
</g>
<path
fill="url(#c)"
d="M329.5 208.4c0 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.8 1.4 5.6 1.4 8.4z"
/>
<path
fill="url(#d)"
d="M228.4 208.4c0 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.8 1.4 5.6 1.4 8.4z"
/>
</svg>
More icons in the same style and category