Add icons to this collection by clicking the heart icon.
Happy icon - also known as happy, emoticons, feelings, smileys, and emoji. Created in a clean lineal style with a black 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 0c-8.25 0-15-6.75-15-15v-45c0-8.25 6.75-15 15-15s15 6.75 15 15v45C15-6.75 8.25 0 0 0Z"
transform="translate(339.5 405.8)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-8.25 0-15-6.75-15-15v-45c0-8.25 6.75-15 15-15s15 6.75 15 15v45C15-6.75 8.25 0 0 0Z"
transform="translate(172.5 405.797)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-30c0-8.25 6.75-15 15-15h107c8.25 0 15 6.75 15 15V0"
transform="translate(187.5 300.797)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-164.979"
transform="translate(338.712 202.3)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-137c-16.5 0-30-13.5-30-30v-13.763c0-54.312 43.442-99.331 97.753-99.734C-14.504-143.902 30-99.648 30-45v15C30-13.5 16.5 0 0 0Z"
transform="translate(324.5 300.797)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(248.5 127.297)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-38.885-43.858-62.508-101.555-62.508-164.778 0-137.243 111.257-248.5 248.5-248.5s248.5 111.257 248.5 248.5-111.257 248.5-248.5 248.5c-63.224 0-120.921-23.623-164.779-62.508"
transform="translate(70.008 420.778)"
fill="none"
stroke="#000"
stroke-width="15"
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