Add icons to this collection by clicking the heart icon.
Happy icon - also known as cloud, nature, happy, sky, emoticon, happiness, smileys, and miscellaneous. Created in a clean lineal color style with a white, black, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c37.677 6.524 66.332 39.374 66.332 78.916v.001c0 44.234-35.859 80.095-80.095 80.095h-10.352c-6.181 55.656-53.376 98.938-110.682 98.938-32.559 0-61.855-13.972-82.219-36.248"
transform="translate(404.066 244.05)"
fill="#ccf5fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-10.354c-6.179 55.656-53.375 98.938-110.68 98.938-61.507 0-111.367-49.86-111.367-111.367 0-7.565.755-14.954 2.192-22.094h-2.48c-34.703 0-62.833-28.132-62.833-62.833 0-34.703 28.13-62.833 62.833-62.833H0c44.234 0 80.095 35.859 80.095 80.094C80.095-35.86 44.234 0 0 0"
transform="translate(337.124 369.926)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c33.062 9.86 57.167 40.498 57.167 76.766 0 44.234-35.86 80.094-80.095 80.094h-10.353c-6.18 55.657-53.376 98.939-110.681 98.939-61.507 0-111.367-49.861-111.367-111.367 0-7.566.755-14.954 2.192-22.095h-2.48c-34.702 0-62.833-28.132-62.833-62.833 0-34.702 28.131-62.833 62.833-62.833h8.31"
transform="translate(360.052 213.065)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c3.224 40.571 37.168 72.49 78.568 72.49 43.531 0 78.819-35.288 78.819-78.818s-35.288-78.819-78.819-78.819c-13.908 0-26.975 3.602-38.319 9.925"
transform="translate(225.514 160.113)"
fill="#fff7c0"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-8.626"
transform="translate(282.713 174.12)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-8.626"
transform="translate(325.451 174.12)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-9.64-9.641-25.271-9.641-34.911 0"
transform="translate(321.537 128.398)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-43.53-35.288-78.818-78.818-78.818-43.531 0-78.819 35.288-78.819 78.818s35.288 78.818 78.819 78.818C-35.288 78.818 0 43.53 0 0"
transform="translate(262.73 88.818)"
fill="#fff3a0"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-8.626"
transform="translate(162.543 109.153)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-8.626"
transform="translate(205.28 109.153)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-9.641-9.641-25.271-9.641-34.911 0"
transform="translate(201.367 63.432)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-24.02"
transform="translate(244.49 209.736)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-20.794"
transform="translate(130.058 209.736)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(175.447 209.736)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category