Add icons to this collection by clicking the heart icon.
Happy Face icon - also known as emoticon, smiley, expression, happy face, smileys, smile emoticon, 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.226"
x2="253.568"
y1="98.003"
y2="417.983"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="319.734"
x2="316.076"
y1="98.718"
y2="418.698"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="317.756"
x2="314.098"
y1="98.695"
y2="418.675"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="196.77"
x2="193.112"
y1="97.312"
y2="417.292"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="198.712"
x2="195.054"
y1="97.334"
y2="417.314"
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 299.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 341.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="M317.5 167.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(#e)"
d="M338.5 220.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(#f)"
d="M194.5 167.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(#g)"
d="M219.4 220.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