Add icons to this collection by clicking the heart icon.
Happy icon - also known as happy, smile, emoticon, emoticons, happiness, feelings, smileys, laugh, emoji, and joking. 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 512 512"
>
<radialGradient
id="b"
cx="256"
cy="256"
r="272.687"
fx="254.676"
fy="25.792"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffed81" />
<stop offset=".17" stop-color="#ffea7e" />
<stop offset=".315" stop-color="#ffe273" />
<stop offset=".452" stop-color="#ffd361" />
<stop offset=".584" stop-color="#ffbf48" />
<stop offset=".71" stop-color="#ffa629" />
<stop offset=".827" stop-color="#ff8804" />
<stop offset=".852" stop-color="#ff8d0b" />
<stop offset=".887" stop-color="#ff9c1d" />
<stop offset=".928" stop-color="#ffb53c" />
<stop offset=".974" stop-color="#ffd766" />
<stop offset="1" stop-color="#ffed81" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#c98933" />
<stop offset=".585" stop-color="#985b24" />
<stop offset="1" stop-color="#7a3f1b" />
</linearGradient>
<linearGradient
id="c"
x1="256"
x2="256"
y1="318.308"
y2="439.829"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="255.999"
x2="255.999"
y1="317.847"
y2="381.179"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#c4cbff" />
<stop offset=".2" stop-color="#c4cbff" />
<stop offset=".384" stop-color="#dde1ff" />
<stop offset=".581" stop-color="#f0f2ff" />
<stop offset=".785" stop-color="#fbfcff" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="e"
x1="365.124"
x2="365.124"
y1="160.908"
y2="216.884"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="146.879"
x2="146.879"
y1="160.908"
y2="216.884"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#b)" />
<path
fill="url(#c)"
d="M256 328.5c-50.7 0-99.5-3.9-145.1-11.1-4.3-.7-8 2.6-7.1 6.4 14.8 60.9 77.4 106.6 152.3 106.6s137.4-45.7 152.3-106.6c.9-3.7-2.8-7-7.1-6.4-45.8 7.2-94.6 11.1-145.3 11.1z"
/>
<path
fill="url(#d)"
d="M401.1 317.4c-45.7 7.2-94.4 11.1-145.1 11.1s-99.5-3.9-145.1-11.1c-4.3-.7-8 2.6-7.1 6.4 2.4 9.8 6 19.3 10.8 28.1 41.6 15.5 89.9 24.3 141.5 24.3s99.9-8.9 141.5-24.3c4.7-8.9 8.4-18.3 10.8-28.1.8-3.7-3-7-7.3-6.4z"
/>
<path
fill="url(#e)"
d="M395.3 202.1c-4.4 0-8-3.6-8-8 0-12.2-9.9-22.1-22.1-22.1s-22.1 9.9-22.1 22.1c0 4.4-3.6 8-8 8s-8-3.6-8-8c0-21 17.1-38.1 38.1-38.1s38.1 17.1 38.1 38.1c0 4.4-3.6 8-8 8z"
/>
<path
fill="url(#f)"
d="M177 202.1c-4.4 0-8-3.6-8-8 0-12.2-9.9-22.1-22.1-22.1s-22.1 9.9-22.1 22.1c0 4.4-3.6 8-8 8s-8-3.6-8-8c0-21 17.1-38.1 38.1-38.1s38.1 17.1 38.1 38.1c0 4.4-3.6 8-8 8z"
/>
</svg>
More icons in the same style and category