Add icons to this collection by clicking the heart icon.
Happy icon - also known as user, people, happy, girl, smile, face, smiley, young, happiness, and feelings. Created in a clean lineal color style with a white, silver, 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 0h-277.562v47.429c0 40.76 33.043 73.802 73.803 73.802h129.957C-33.042 121.231 0 88.189 0 47.429Z"
transform="translate(361.951 10)"
fill="#ff9eb1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-95.364c-21.164 0-38.321 17.157-38.321 38.321v140.015c0 86.734 70.312 157.046 157.047 157.046v0c86.735 0 157.047-70.312 157.047-157.046V38.321C180.409 17.157 163.252 0 142.088 0H47.489"
transform="translate(199.809 166.618)"
fill="#c193dc"
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 0c-20.354 0-39.56 9.466-52.001 25.631l-12.267 15.938-12.267-15.938C-88.976 9.466-108.181 0-128.536 0h-81.374v-109.772c0-25.489 15.448-48.415 39.021-57.912l44.615-17.973v-35.386h-23.16c0-21.209 17.193-38.402 38.402-38.402h12.154c21.209 0 38.402 17.193 38.402 38.402h-23.159v35.386l44.614 17.973C-15.448-158.187 0-135.261 0-109.773Z"
transform="translate(328.125 352.275)"
fill="#ffdcd5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-20.354 0-39.56 9.466-52.001 25.631l-12.267 15.938-12.267-15.938C-88.976 9.466-108.181 0-128.536 0h-81.374v-109.772c0-25.489 15.448-48.415 39.021-57.912l44.615-17.973v-35.386h-23.16c0-21.209 17.193-38.402 38.402-38.402h12.154c21.209 0 38.402 17.193 38.402 38.402h-23.159v35.386l44.614 17.973C-15.448-158.187 0-135.261 0-109.773Z"
transform="translate(328.125 352.275)"
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 0v37.816"
transform="translate(118.216 344.3)"
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 0v37.816"
transform="translate(328.125 344.3)"
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-14.777 0-26.756 11.979-26.756 26.757v4.207h53.513v-4.207C26.757 11.979 14.777 0 0 0"
transform="translate(223.17 209.551)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-14.777 0-26.756 11.979-26.756 26.757v4.207h53.513v-4.207C26.757 11.979 14.777 0 0 0Z"
transform="translate(223.17 209.551)"
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 0c7.149 7.173 18.74 7.173 25.889 0"
transform="translate(261.05 297.574)"
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 0c7.149 7.173 18.74 7.173 25.889 0"
transform="translate(159.403 297.574)"
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-93.574"
transform="translate(361.951 10)"
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 0h22.106c3.196 0 6.344-.203 9.432-.597"
transform="translate(266.043 131.231)"
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-93.575v47.429c0 40.76 33.042 73.802 73.803 73.802H2.546"
transform="translate(177.965 10)"
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(223.354 10)"
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(445.876 88.818)"
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(345.688 109.154)"
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(388.427 109.154)"
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.64-25.271-9.64-34.911 0"
transform="translate(384.513 63.432)"
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