Add icons to this collection by clicking the heart icon.
Happy Face icon - also known as emoticon, happy face, smileys, laughing, smiling face, smile emoticon, emoji, and laugh-beam. Created in a clean blue 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.745"
x2="254.316"
y1="108.039"
y2="407.961"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="257.517"
x2="254.087"
y1="108.008"
y2="407.988"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="256.683"
x2="253.254"
y1="107.998"
y2="407.978"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="308.788"
x2="305.358"
y1="108.594"
y2="408.574"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="207.721"
x2="204.291"
y1="107.438"
y2="407.418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M362.1 149.9c-58.6-58.6-153.5-58.5-212.1 0S91.5 303.4 150 362s153.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.1zm-66.8-25.5c7.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-17.8 12.8-40.4 19.6-65.3 19.6s-47.6-6.8-65.3-19.6c-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.1 8.3s67.1-3.4 87-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
fill="url(#c)"
d="M344.2 274.5c-1.7 4.5-15.3 51-88.2 51-72.8 0-86.5-46.5-88.2-51 20.9 5.1 57 8.4 88.2 8.4s67.3-3.3 88.2-8.4z"
/>
<path
fill="url(#d)"
d="M328.3 346.2c-5.7 5.6-12.2 10.4-19.2 14.2-14 7.7-31.6 12.7-53 12.7s-39.1-5-53-12.7c-7-3.8-13.5-8.6-19.2-14.2 24.3-20.5 63.1-20.6 72.3-20.6s47.8.1 72.1 20.6z"
/>
<path
fill="url(#e)"
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(#f)"
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