Add icons to this collection by clicking the heart icon.
Happy icon - also known as user, people, happy, smile, face, boy, smiley, young, happiness, and feelings. 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 0h-297.941v61.504c0 40.814 33.087 73.9 73.9 73.9H-73.9c40.814 0 73.9-33.086 73.9-73.9z"
transform="translate(365.561 10)"
fill="#ccf5fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-8.182v83.34h-210.196V0h-8.182c-13.837 0-25.055-11.217-25.055-25.053 0-13.837 11.218-25.053 25.055-25.053h8.182v-24.487c0-25.521 15.469-48.476 39.074-57.985l44.675-17.996v-35.431h-23.19c0-21.236 17.216-38.451 38.454-38.451h12.171c21.237 0 38.454 17.215 38.454 38.451h-23.191v35.431l44.675 17.996c23.605 9.509 39.074 32.464 39.074 57.985v24.487H0c13.838 0 25.056 11.216 25.056 25.053C25.056-11.217 13.838 0 0 0"
transform="translate(329.87 331.41)"
fill="#ffdcd5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-8.181c-13.838 0-25.056-11.217-25.056-25.053 0-13.837 11.218-25.053 25.056-25.053H0v-24.487c0-25.521 15.469-48.476 39.075-57.985l44.675-17.996v-35.431H60.559c0-21.236 17.216-38.451 38.454-38.451h12.171c21.237 0 38.454 17.215 38.454 38.451h-23.191v35.431l44.676 17.996c23.605 9.509 39.074 32.464 39.074 57.985v24.487h8.181c13.838 0 25.056 11.216 25.056 25.053C243.434-11.217 232.216 0 218.378 0h-8.181"
transform="translate(111.492 331.41)"
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-.002c-14.797 0-26.792 11.995-26.792 26.792v4.211h53.586v-4.211C26.792 11.995 14.797 0 0 0"
transform="translate(216.592 223.824)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-.002c-14.797 0-26.792 11.995-26.792 26.792v4.211h53.586v-4.211C26.792 11.995 14.797 0 0 0Z"
transform="translate(216.592 223.824)"
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.159 7.183 18.766 7.183 25.924 0"
transform="translate(254.522 311.959)"
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.159 7.183 18.765 7.183 25.924 0"
transform="translate(152.736 311.959)"
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-103.702"
transform="translate(365.561 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 0h32.136c4.712 0 9.32-.441 13.786-1.283"
transform="translate(259.522 145.404)"
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-103.703v61.507c0 40.812 33.088 73.897 73.903 73.897H2.55"
transform="translate(171.323 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(216.774 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 0c-20.625-3.251-33.464-22.656-30.293-44.049l12.912-65.723c2.309-6.626 11.378-7.381 14.741-1.222C8.691-90.24 28.284-55.374 38.651-42.843"
transform="translate(121.423 446.564)"
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 0c10.368-12.53 29.96-47.396 41.292-68.15 3.362-6.159 12.431-5.404 14.741 1.222L68.945-1.205c1.975 13.33-1.042 25.887-10.093 34.246"
transform="translate(273.107 403.72)"
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 0c-1.649 5.11-7.585 7.59-12.274 4.975-8.94-4.989-25.559-11.419-51.825-11.419h-85.816c-33.175 0-60.07-26.892-60.07-60.065 0-14.218 11.527-25.742 25.745-25.742h137.302C-14.688-92.251 17.559-54.387 0 0"
transform="translate(330.938 495.972)"
fill="#fff3a0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.649 5.11-7.585 7.59-12.274 4.975-8.94-4.989-25.559-11.419-51.825-11.419h-85.816c-33.175 0-60.07-26.892-60.07-60.065 0-14.218 11.527-25.742 25.745-25.742h137.302C-14.688-92.251 17.559-54.387 0 0Z"
transform="translate(330.938 495.972)"
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.289-78.818-78.819-78.818S-157.637-43.53-157.637 0s35.288 78.818 78.818 78.818S0 43.53 0 0"
transform="translate(444.38 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(344.192 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(386.93 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.64-9.64-25.271-9.64-34.911 0"
transform="translate(383.017 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