Add icons to this collection by clicking the heart icon.
Happy icon - also known as happy, friends, emoticon, faces, friendship, and smileys. 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>
<path
d="m0 0-9.95 9.946"
transform="matrix(1.33333 0 0 -1.33333 183.51 121.023)"
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-8.73"
transform="matrix(1.33333 0 0 -1.33333 142.912 219.013)"
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 0v8.729"
transform="matrix(1.33333 0 0 -1.33333 281.52 80.434)"
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 0 9.95-9.946"
transform="matrix(1.33333 0 0 -1.33333 499.157 561.643)"
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 0h8.73"
transform="matrix(1.33333 0 0 -1.33333 539.755 463.654)"
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.729"
transform="matrix(1.33333 0 0 -1.33333 401.147 602.233)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0a145.326 145.326 0 0 0 3.606-32.264c0-79.96-64.787-144.781-144.706-144.781-79.918 0-144.705 64.821-144.705 144.781 0 79.961 64.787 144.783 144.705 144.783 21.873 0 42.612-4.856 61.2-13.548"
transform="translate(295.805 205.118)"
fill="#ffda8f"
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 0c0-79.961-64.787-144.782-144.706-144.782-79.919 0-144.705 64.821-144.705 144.782 0 79.961 64.786 144.781 144.705 144.781C-64.787 144.781 0 79.961 0 0"
transform="translate(502 339.146)"
fill="#ff9eb1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-15.846"
transform="translate(137.44 225.11)"
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-15.846"
transform="translate(215.903 225.11)"
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-17.699-17.708-46.395-17.708-64.094 0"
transform="translate(208.718 141.122)"
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-18.972-57.832-73.371-99.594-137.518-99.594-79.919 0-144.706 64.822-144.706 144.782 0 79.961 64.787 144.782 144.706 144.782 64.196 0 118.629-41.825 137.561-99.726"
transform="translate(494.813 293.957)"
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(502 339.146)"
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-15.846"
transform="translate(283.793 369.685)"
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-15.846"
transform="translate(362.256 369.685)"
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-21.949 0-39.741 17.793-39.741 39.741v4.521h79.482v-4.521C39.741 17.793 21.949 0 0 0"
transform="translate(323.024 263.041)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-21.949 0-39.741 17.793-39.741 39.741v4.521h79.482v-4.521C39.741 17.793 21.949 0 0 0Z"
transform="translate(323.024 263.041)"
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