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="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="317.753"
x2="317.753"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="194.247"
x2="194.247"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="317.49"
x2="317.49"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="330.53"
x2="330.53"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="194.51"
x2="194.51"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="209.47"
x2="209.47"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M331 96H181c-46.9.1-84.9 38.1-85 85v150c.1 46.9 38.1 84.9 85 85h150c46.9-.1 84.9-38.1 85-85V181c-.1-46.9-38.1-84.9-85-85zm75 235c0 41.4-33.6 75-75 75H181c-41.4 0-75-33.6-75-75V181c0-41.4 33.6-75 75-75h150c41.4 0 75 33.6 75 75z"
/>
<path
fill="url(#b)"
d="m310.6 310.4 12.6.7s-13.4 23.5-67.1 23.5-67.1-23.5-67.1-23.5l12.6-.7c-18.8-13.4-25.1 9.3-25.1 9.3 2.2-3 5.1-5.4 8.5-7 0 0 11.5 44.4 71.2 44.4s71.2-44.4 71.2-44.4c3.4 1.6 6.3 4.1 8.5 7-.2 0-6.5-22.7-25.3-9.3zM256 352.6c-57.8 0-68.9-39.8-69.2-41 .5.9 13.5 25.4 69.2 25.4s68.7-24.5 69.2-25.4c-.3 1.2-11.4 41-69.2 41z"
/>
<path
fill="url(#c)"
d="M356.1 172.5c.2-1-.8-2.8-.8-2.8s-10.6-13.7-26.1-20.2c-15.5-6.6-26.7-6.6-34.8-3.5-8.4 3.2-18.6 10.9-13.9 23.2 2.5 6.4 8.5 3.9 15 2.4s26.5-8.2 56.1 2.1c3.3 1 4.3 0 4.5-1.2z"
/>
<path
fill="url(#d)"
d="M155.9 172.5c-.2-1 .8-2.8.8-2.8s10.6-13.7 26.1-20.2c15.5-6.6 26.7-6.6 34.8-3.5 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.3 1-4.3 0-4.5-1.2z"
/>
<path
fill="url(#e)"
d="M317.5 178.5c-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.5zm-.7 101.3c-24.5 0-44.3-21.6-44.3-48.2s19.8-48.2 44.3-48.2 44.3 21.6 44.3 48.2-19.8 48.2-44.3 48.2z"
/>
<path
fill="url(#f)"
d="M353.5 214.6c0 13.2-10.3 23.8-23 23.8s-23-10.7-23-23.8c0-13.2 10.3-23.9 23-23.9 4.8 0 9.6 1.6 13.4 4.5-.8-.2-1.7-.4-2.5-.4-4.8 0-8.7 3.9-8.7 8.7s3.9 8.7 8.7 8.7 8.7-3.9 8.7-8.7c0-.5-.1-1.1-.2-1.6 2.4 3.9 3.6 8.2 3.6 12.7z"
/>
<path
fill="url(#g)"
d="M194.5 178.5c-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.5zm.7 101.3c-24.5 0-44.3-21.6-44.3-48.2s19.8-48.2 44.3-48.2 44.3 21.6 44.3 48.2-19.8 48.2-44.3 48.2z"
/>
<path
fill="url(#h)"
d="M232.4 214.6c0 13.2-10.3 23.8-23 23.8s-23-10.7-23-23.8c0-13.2 10.3-23.9 23-23.9 4.8 0 9.6 1.6 13.4 4.5-.8-.2-1.7-.4-2.5-.4-4.8 0-8.7 3.9-8.7 8.7s3.9 8.7 8.7 8.7 8.7-3.9 8.7-8.7c0-.5-.1-1.1-.2-1.6 2.5 3.9 3.7 8.2 3.6 12.7z"
/>
</svg>
More icons in the same style and category