Add icons to this collection by clicking the heart icon.
Happy Face icon - also known as happy face, smileys, laughing, emoticion, smiling face, smile emoticon, emoji, and laugh-squint. Created in a clean lineal color gradient style with a white, black, and orange finish, 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="b"
x1="256"
x2="256"
y1="98"
y2="418"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" />
<stop offset=".56" stop-color="#404040" />
<stop offset="1" stop-color="#404040" />
</linearGradient>
<linearGradient
id="c"
x1="256"
x2="256"
y1="108"
y2="408"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ef790f" />
<stop offset=".56" stop-color="#fd0" />
<stop offset="1" stop-color="#ffec70" />
</linearGradient>
<linearGradient id="a">
<stop offset=".23" stop-color="#0084db" />
<stop offset="1" stop-color="#73c6ff" />
</linearGradient>
<linearGradient
id="d"
x1="321.389"
x2="395.553"
y1="324.354"
y2="324.354"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="112.621"
x2="159.696"
y1="204.221"
y2="204.221"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="160" fill="url(#b)" />
<path
fill="url(#c)"
d="M256 106c82.8 0 150 67.2 150 150s-67.2 150-150 150-150-67.2-150-150 67.2-150 150-150z"
/>
<path
fill="#ef790f"
d="M333.9 206.4c4.3-.8 8.8-.6 13.1.6 0 0-18.5-15.6-32.9 8.3 4.4-3.3 9.2-5.9 14.5-7.6-14.8 14.2-44.1 35-71.3 50.7s-59.9 30.6-79.5 36.4c4.1-3.7 8.7-6.6 13.8-8.7-27.8.6-23.6 24.4-23.6 24.4 1.1-4.3 3.2-8.2 6-11.6v.8c0 1 0 24 20.1 41.7 12.2 10.8 28.9 17.7 47 19.6 21.8 2.2 44.8-3.2 66.4-15.7s37.8-29.7 46.8-49.6c7.4-16.6 9.8-34.5 6.5-50.5-5.3-26.2-25.2-37.8-26.1-38.2z"
/>
<path
fill="#1e1e1e"
d="M355.8 246c5.4 26.7-4.9 68.3-50.9 94.8-46 26.6-87.2 14.7-107.6-3.3-11-9.6-17.6-23.3-18.4-37.9 20.7-6 53.7-21.2 80.8-36.9s56.8-36.6 72.4-51.6c12.4 8 20.9 20.6 23.7 34.9z"
/>
<g fill="#1e1e1e">
<path
d="M279.4 156.3c-7.9 6.2-14 14.4-17.7 23.7 0 0 19.5-20 41.5-20.4 0 0-22.9 12.5-27.4 18.9 0 0 23.4-8.3 36.8-4 0 0-34.3 8.2-58.8 22.8-1.4.8-3.1.4-4-1-.3-.5-.5-1.1-.4-1.7.7-9.5 5.3-28.9 30-38.3zM158 226.4c9.3-3.7 19.5-4.9 29.4-3.5 0 0-27.1 6.9-38.4 25.7 0 0 22.3-13.6 30-14.3 0 0-18.9 16.1-21.9 29.9 0 0 24.2-25.6 49.1-39.5 1.4-.8 1.9-2.5 1.1-3.9-.3-.5-.7-1-1.3-1.2-8.4-4.1-27.6-9.9-48 6.8z"
/>
</g>
<g fill="#1e1e1e">
<path
d="M293.5 146.3c-.2-.9-.5-1.7-1.1-2.4 0 0-11.3-10.7-25.9-14.3-14.6-3.7-24.7-2.1-31.4 1.8-7 4-15 12.2-9.1 22.5 3.1 5.4 8.1 2.3 13.7 0s22.4-11 50.1-5.9c2.9.5 3.6-.6 3.7-1.7zM142.4 233.6c-.8-.4-1.4-1.2-1.6-2.1-7.6-36 10.9-51.9 17.8-56 7-4 18.1-6.9 24 3.4 3.1 5.4-2.1 8.1-6.8 11.9s-20.7 13.9-30.2 40.4c-1 2.8-2.3 2.9-3.2 2.4z"
/>
</g>
<path
fill="#fff"
d="M332 211.3c.8 4.7 12.3 51.8-50.9 88.3-63.1 36.4-98.2 3-101.9-.1 20.7-6 53.6-21.2 80.6-36.8s56.6-36.5 72.2-51.4zM354 281.4c-2.2 7.7-5.4 15.1-9.6 21.9-8.2 13.7-21 26.8-39.6 37.6s-36.4 15.2-52.3 15.5c-8 .2-16-.7-23.8-2.7 10.8-29.9 44.4-49.5 52.3-54s41.7-23.9 73-18.3z"
/>
<path
fill="url(#d)"
d="M365.8 212.5c-12.6-3.4-44.4-41.4-44.4-41.4s44-7.7 56.6-4.3 20.1 16.3 16.7 29c-3.3 12.6-16.3 20.1-28.9 16.7z"
/>
<path
fill="url(#e)"
d="M159.1 331.8c3.4-12.6-9.3-61.6-9.3-61.6s-33 36.8-36.4 49.4 4.1 25.6 16.7 29c12.7 3.3 25.6-4.2 29-16.8z"
/>
</svg>
More icons in the same style and category