Add icons to this collection by clicking the heart icon.
Happy Face icon - also known as emoticon, smiley, happiness, happy face, smileys, 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="257.829"
x2="254.171"
y1="98.01"
y2="417.99"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="257.112"
x2="253.454"
y1="98.002"
y2="417.982"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="307.414"
x2="303.756"
y1="98.577"
y2="418.557"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="210.247"
x2="206.589"
y1="97.466"
y2="417.446"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="310.643"
x2="306.985"
y1="98.614"
y2="418.594"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="308.66"
x2="305.002"
y1="98.591"
y2="418.571"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="205.636"
x2="201.978"
y1="97.413"
y2="417.393"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="207.583"
x2="203.925"
y1="97.436"
y2="417.416"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M256 96c-88.2 0-160 71.8-160 160s71.8 160 160 160 160-71.8 160-160S344.2 96 256 96zm106.1 266.1c-58.6 58.6-153.5 58.5-212.1 0S91.5 208.6 150 150s153.5-58.5 212.1 0c28.1 28.1 43.9 66.3 43.9 106 .1 39.8-15.8 78-43.9 106.1z"
/>
<path
fill="url(#c)"
d="m310.6 309.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 351.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(#d)"
d="M339 173.3c0-.9-.2-1.8-.6-2.6 0 0-9.2-12.5-23-18.8-13.7-6.2-23.9-6.5-31.2-3.9-7.6 2.7-17 9.4-13 20.5 2.1 5.8 7.5 3.7 13.5 2.5 5.9-1.2 24-6.8 50.3 3.1 2.8 1.2 3.7.3 4-.8z"
/>
<path
fill="url(#e)"
d="M173 173.3c0-.9.2-1.8.6-2.6 0 0 9.2-12.5 23-18.8 13.7-6.2 23.9-6.5 31.2-3.9 7.6 2.7 17 9.4 13 20.5-2.1 5.8-7.5 3.7-13.5 2.5s-24-6.8-50.3 3.1c-2.8 1.2-3.7.3-4-.8z"
/>
<path
fill="url(#f)"
d="M308.5 177.3c-25.8 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(#g)"
d="M329.5 230.4c0 13.2-10.3 23.9-23 23.9s-23-10.7-23-23.9 10.3-23.9 23-23.9c4.8 0 9.5 1.6 13.4 4.5-.8-.2-1.6-.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-.6-.1-1.1-.2-1.6 2.4 3.9 3.6 8.3 3.6 12.7z"
/>
<path
fill="url(#h)"
d="M203.5 177.3c-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.9 48.2-44.3 48.2z"
/>
<path
fill="url(#i)"
d="M228.4 230.4c0 13.2-10.3 23.9-23 23.9s-23-10.7-23-23.9 10.3-23.9 23-23.9c4.8 0 9.6 1.6 13.4 4.5-.8-.2-1.6-.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-.6-.1-1.1-.2-1.6 2.4 3.9 3.7 8.3 3.6 12.7z"
/>
</svg>
More icons in the same style and category