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="d"
x1="281.73"
x2="305.27"
y1="212.537"
y2="173.359"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".001" stop-color="#ff9ea4" />
<stop offset=".44" stop-color="#f43340" />
<stop offset="1" stop-color="#c4252d" />
</linearGradient>
<linearGradient id="a">
<stop offset=".23" stop-color="#0084db" />
<stop offset="1" stop-color="#73c6ff" />
</linearGradient>
<linearGradient
id="e"
x1="340.835"
x2="385.391"
y1="315.094"
y2="346.293"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="112.873"
x2="167.408"
y1="180.487"
y2="218.672"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M416 181v150c0 46.9-38.1 85-85 85H181c-46.9 0-85-38.1-85-85V181c0-46.9 38.1-85 85-85h150c46.9 0 85 38.1 85 85z"
/>
<path
fill="url(#c)"
d="M181 106h150c41.4 0 75 33.6 75 75v150c0 41.4-33.6 75-75 75H181c-41.4 0-75-33.6-75-75V181c0-41.4 33.6-75 75-75z"
/>
<path
fill="#ef790f"
d="M334 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.8 30.6-79.5 36.4c4.1-3.7 8.7-6.6 13.8-8.7-27.8.6-23.6 24.3-23.6 24.3 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.7-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.9 246c5.4 26.7-4.9 68.2-50.9 94.8s-87.1 14.7-107.5-3.3c-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.2 8 20.7 20.6 23.6 34.9z"
/>
<path
fill="url(#d)"
d="M345.9 301c-8.2 14.5-21.3 28.5-40.9 39.8s-38.3 15.7-55 15.5c-5.7-5.8-8-13.6-4.5-23 12-31.8 42.5-21.8 42.5-21.8s6.6-31.4 40.2-25.9c9.9 1.6 15.5 7.5 17.7 15.4z"
/>
<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="M315.9 225.1c4.6 33-35 56.2-42.7 60.6s-47.5 27.2-73.8 6.7c20.8-8.5 41-18.5 60.5-29.7 19.4-11.3 38.2-23.8 56-37.6z"
/>
<path
fill="url(#e)"
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(#f)"
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