Add icons to this collection by clicking the heart icon.
Happy icon - also known as happy, face, happy hour, emoticon, emoticons, smiley, feelings, smileys, feeling, and emoji. 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"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="511.997"
y2=".003"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffa326" />
<stop offset="1" stop-color="#fdf003" />
</linearGradient>
<radialGradient
id="b"
cx="255.998"
cy="335.535"
r="70.097"
gradientTransform="matrix(1 0 0 .6 0 134.214)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fc0300" />
<stop offset="1" stop-color="#e40d0b" />
</radialGradient>
<path
fill="url(#a)"
d="M362.2 0H149.8C67.2 0 0 67.2 0 149.8v212.4C0 444.8 67.2 512 149.8 512h212.4c82.6 0 149.8-67.2 149.8-149.8V149.8C512 67.2 444.8 0 362.2 0z"
/>
<path
fill="#402711"
d="M385.2 196.7c-8.8 0-16-7.2-16-16v-31.5c0-8.8 7.2-16 16-16s16 7.2 16 16v31.5c0 8.9-7.1 16-16 16zm-258.5 0c-8.8 0-16-7.2-16-16v-31.5c0-8.8 7.2-16 16-16s16 7.2 16 16v31.5c0 8.9-7.1 16-16 16z"
/>
<path
fill="#3d210c"
d="M352 250.8H160c-8.8 0-16 7.2-16 16 0 61.7 50.2 112 112 112s112-50.2 112-112c0-8.8-7.2-16-16-16z"
/>
<path
fill="url(#b)"
d="M345.2 334.4c-20.5 26.9-52.8 44.3-89.2 44.3-36.3 0-68.7-17.4-89.2-44.3 20.7-25.7 53-42.2 89.2-42.2 36.2.1 68.5 16.6 89.2 42.2z"
/>
</svg>
More icons in the same style and category