Add icons to this collection by clicking the heart icon.
Smile-beam icon - also known as happy, smiling, emoticon, smiley, happy face, feelings, smileys, smiling face, smile emoticon, emoji, and smile-beam. 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 500 500"
>
<linearGradient id="a">
<stop offset="0" stop-color="#5653ff" />
<stop offset="1" stop-color="#00c2ff" />
</linearGradient>
<linearGradient
id="b"
x1="250.016"
x2="250.016"
y1="92"
y2="412.009"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="250"
x2="250"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="293.866"
x2="293.866"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="206.135"
x2="206.135"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="294.833"
x2="294.833"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="205.167"
x2="205.167"
y1="92"
y2="412"
gradientTransform="matrix(1 0 0 -1 0 502)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M414.2 209.3c-4.7-14.6-17.3-25.3-32.5-27.4l-66-9.6-29.5-59.8c-9.8-19.9-34-28.1-53.9-18.3-7.9 3.9-14.4 10.3-18.3 18.3l-29.5 59.8-66 9.6c-22 3.2-37.2 23.6-34.1 45.6 1.3 8.8 5.4 16.9 11.7 23l47.8 46.6-11.3 65.8c-2.1 11.6 1.1 23.6 8.8 32.6 7.7 9.2 19 14.5 30.9 14.5 6.5 0 13-1.6 18.7-4.7l59.1-31 59.1 31c5.8 3.1 12.2 4.7 18.7 4.7 11.9 0 23.2-5.3 30.9-14.5 7.7-9 10.9-21 8.8-32.6l-11.3-65.8 47.8-46.6c10.9-10.6 14.9-26.7 10.1-41.2zm-68.7 84.3 12.2 70.9c4.2 24.7-21.7 43.6-43.9 31.9L250 363l-63.7 33.5c-22.2 11.7-48.1-7.2-43.9-31.9l12.2-70.9-51.6-50.3c-18-17.5-8.1-48 16.8-51.6l71.2-10.3 31.9-64.5c11.1-22.5 43.2-22.5 54.3 0l31.9 64.5 71.2 10.3c24.8 3.6 34.7 34.1 16.8 51.6z"
/>
<path
fill="url(#c)"
d="m291.8 292.2 9.6.5s-10.2 18-51.4 18-51.4-18-51.4-18l9.6-.5c-14.4-10.3-19.2 7.1-19.2 7.1 1.7-2.3 3.9-4.1 6.5-5.4 0 0 8.8 33.9 54.5 33.9s54.5-33.9 54.5-33.9c2.6 1.3 4.8 3.1 6.5 5.4 0 0-4.8-17.4-19.2-7.1zM250 324.5c-44.2 0-52.7-30.4-52.9-31.4.4.7 10.3 19.5 52.9 19.5s52.6-18.8 52.9-19.5c-.2.9-8.7 31.4-52.9 31.4z"
/>
<path
fill="url(#d)"
d="M269.3 237.4c-1 1.2.1 3.7 1.9 3.5 16.3-2.5 32.9.1 47.7 7.4 0 0-6.5-10.6-18.3-15.5-9.6-4.2-23.9-4-31.3 4.6z"
/>
<path
fill="url(#e)"
d="M230.7 237.4c1 1.2-.1 3.7-1.9 3.5-16.3-2.5-32.9.1-47.7 7.4 0 0 6.5-10.6 18.3-15.5 9.6-4.2 23.9-4 31.3 4.6z"
/>
<path
fill="url(#f)"
d="M321.1 211c0-.7-.2-1.4-.5-2 0 0-7.1-9.6-17.6-14.4s-18.3-5-23.9-3c-5.8 2.1-13 7.2-9.9 15.7 1.6 4.5 5.8 2.8 10.3 1.9s18.4-5.2 38.5 2.4c2.2.9 2.9.2 3.1-.6z"
/>
<path
fill="url(#g)"
d="M178.9 211c0-.7.2-1.4.5-2 0 0 7.1-9.6 17.6-14.4s18.3-5 23.9-3c5.8 2.1 13 7.2 9.9 15.7-1.6 4.5-5.8 2.8-10.3 1.9s-18.4-5.2-38.5 2.4c-2.2.9-2.9.2-3.1-.6z"
/>
<path
fill="url(#c)"
d="M250 353.5c-15.2 0-34-21.5-21.9-33.5s21.9 1.3 21.9 1.3 9.9-13.4 21.9-1.3c12.1 12-6.7 33.5-21.9 33.5z"
/>
</svg>
More icons in the same style and category