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="280.989"
x2="316.75"
y1="213.124"
y2="153.607"
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.395"
x2="384.953"
y1="315.854"
y2="347.053"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="112.464"
x2="166.956"
y1="181.295"
y2="219.451"
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="M333.2 205.8c4.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.1 245.4c5.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.3 8 20.8 20.6 23.6 34.9z"
/>
<path
fill="url(#d)"
d="M316.1 360.8c-28.7 16.6-83.3 3.7-71.3-28.1s42.5-21.8 42.5-21.8 6.6-31.4 40.2-25.9c33.5 5.5 17.3 59.2-11.4 75.8z"
/>
<g fill="#1e1e1e">
<path
d="M278.6 155.7c-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.8-9.5 5.4-28.9 30-38.3zM157.3 225.8c9.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.5-4.1-27.6-9.9-48 6.8z"
/>
</g>
<g fill="#1e1e1e">
<path
d="M292.8 145.7c-.1-.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.7zM141.6 233c-.8-.4-1.4-1.2-1.6-2.1-7.6-36 10.9-52 17.8-56 7-4 18.1-6.9 24 3.4 3.1 5.4-2.1 8.1-6.8 11.9-4.7 3.7-20.7 13.9-30.2 40.4-.9 2.8-2.2 2.9-3.2 2.4z"
/>
</g>
<path
fill="#fff"
d="M315.1 224.5c4.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.5-11.3 38.2-23.8 56-37.6z"
/>
<path
fill="url(#e)"
d="M365.3 211.8c-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.5-16.2 20-28.9 16.7z"
/>
<path
fill="url(#f)"
d="M158.7 331.1c3.4-12.6-9.3-61.6-9.3-61.6s-33 36.8-36.4 49.4c-3.3 12.6 4.2 25.6 16.8 28.9s25.5-4.2 28.9-16.7z"
/>
</svg>
More icons in the same style and category