Add icons to this collection by clicking the heart icon.
Happy Face icon - also known as happy, kids, emoticons, baby, heads, happy face, and kid and baby. Created in a clean flat style with a white, gray, black, maroon, yellow, olive, teal, orange, 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="512"
height="512"
viewBox="0 0 58 59"
>
<g fill="none" fill-rule="nonzero" transform="translate(-1 -1)">
<path
fill="#805333"
d="M4.48 44.4c-.645.11-1.255.37-1.78.76a4.762 4.762 0 0 0-.63 6.69 4.766 4.766 0 0 0 6.59 1.34 4.09 4.09 0 0 0 1.16-1.33zM55.46 44.53a4.083 4.083 0 0 1 1.84.76 5.029 5.029 0 0 1-5.96 8.03 3.986 3.986 0 0 1-1.2-1.42z"
/>
<path
fill="#a56a43"
d="M30 7.022C45.462 7.005 58 18.865 58 33.5S45.46 60 30 60 2 48.14 2 33.5 14.53 7.013 30 7z"
/>
<path
fill="#f0c419"
d="M12.111 15.186c-1.055 1.7-2.816 3.947-5.069 4.682-3.052 1-4.553-1.576-4.074-3.752a2.283 2.283 0 0 0-.725-2.225C.573 12.416.27 9.454 3.322 8.459c2.253-.735 5 .042 6.854.794zM14.93 7.7C15.985 6 17.745 3.756 20 3.022c3.052-1 4.553 1.576 4.074 3.752-.186.82.093 1.674.726 2.226 1.67 1.475 1.973 4.437-1.079 5.432-2.253.735-5-.042-6.854-.794z"
/>
<path fill="#000" d="M49.29 15.29h-.01a1 1 0 1 1 .01 0z" />
<g fill="#f29c1f">
<path
d="M6.244 12.713a1 1 0 0 1-.116-1.993l4.772-.562a1 1 0 0 1 .235 1.987l-4.773.562c-.04.004-.079.006-.118.006zM7.486 16.516a1 1 0 0 1-.492-1.871l4.5-2.538a1 1 0 0 1 .982 1.743l-4.5 2.537a.99.99 0 0 1-.49.129zM15.734 10.527a1 1 0 0 1-.492-1.871L19.064 6.5a1 1 0 1 1 .982 1.742L16.224 10.4a1 1 0 0 1-.49.127zM15.969 12.744a1 1 0 0 1-.115-1.993l4.825-.568a1 1 0 1 1 .233 1.986l-4.825.568a.945.945 0 0 1-.118.007z"
/>
</g>
<path
fill="#603e26"
d="M13.738 10.34a1 1 0 0 1-.61-.208A22.6 22.6 0 0 1 9.34 6.576a3.433 3.433 0 0 1-.9-2.8 3.7 3.7 0 0 1 3.1-2.755 2.685 2.685 0 0 1 3.06 2.338 1 1 0 0 1-1.972.336c-.088-.516-.368-.744-.833-.688a1.716 1.716 0 0 0-1.381 1.13c-.007.44.166.865.48 1.175a20.679 20.679 0 0 0 3.458 3.235 1 1 0 0 1-.61 1.793z"
/>
<path
fill="#f0c419"
d="M49.824 9.253c1.854-.752 4.6-1.529 6.854-.794 3.052 1 2.749 3.957 1.079 5.432a2.283 2.283 0 0 0-.725 2.225c.479 2.176-1.022 4.747-4.074 3.752-2.253-.735-4.014-2.981-5.069-4.682zM43.136 13.636c-1.855.752-4.6 1.529-6.854.794-3.052-.995-2.749-3.957-1.082-5.43.632-.552.91-1.406.725-2.224C35.449 4.6 36.95 2.026 40 3.022 42.255 3.756 44.015 6 45.07 7.7z"
/>
<path
fill="#f29c1f"
d="M53.756 12.713c-.04 0-.079-.002-.118-.006l-4.657-.549a1 1 0 1 1 .235-1.986l4.656.548a1 1 0 0 1-.116 1.993zM52.514 16.516a1 1 0 0 1-.491-.129l-4.5-2.537a1 1 0 1 1 .982-1.743l4.5 2.538a1 1 0 0 1-.492 1.871zM44.266 10.527a1 1 0 0 1-.49-.129l-3.822-2.154a1 1 0 0 1 .982-1.744l3.822 2.154a1 1 0 0 1-.492 1.871zM44.031 12.744a.945.945 0 0 1-.118-.007l-4.825-.568a1 1 0 1 1 .233-1.986l4.825.568a1 1 0 0 1-.115 1.993z"
/>
<path
fill="#603e26"
d="M46.262 10.34a1 1 0 0 1-.61-1.793A19.992 19.992 0 0 0 49.1 5.321c.318-.312.494-.742.486-1.188a1.714 1.714 0 0 0-1.376-1.125c-.47-.063-.748.172-.837.687a1 1 0 1 1-1.973-.336 2.68 2.68 0 0 1 3.06-2.336 3.7 3.7 0 0 1 3.1 2.749 3.443 3.443 0 0 1-.906 2.813 21.834 21.834 0 0 1-3.779 3.547 1 1 0 0 1-.613.208z"
/>
<circle cx="13.52" cy="11.445" r="4" fill="#f3d55b" />
<circle cx="46.48" cy="11.445" r="4" fill="#f3d55b" />
<path
fill="#603e26"
d="M16.14 25a1 1 0 0 1-.948-1.313c.05-.151 1.27-3.684 4.949-3.684a1 1 0 0 1 0 2 3.438 3.438 0 0 0-3.053 2.322c-.14.403-.52.674-.948.675zM44.141 25a1 1 0 0 1-.948-.678A3.437 3.437 0 0 0 40.141 22a1 1 0 0 1 0-2c3.678 0 4.9 3.533 4.948 3.684A1 1 0 0 1 44.141 25z"
/>
<path
fill="#805333"
d="M33.141 34a1 1 0 0 1-1-1c-.011-.143-.16-1-2-1s-1.99.857-2 1.029c-.045.537-.493.95-1.031.952a.983.983 0 0 1-.969-.981c0-1.038.836-3 4-3s4 1.962 4 3a1 1 0 0 1-1 1z"
/>
<path
fill="#35495e"
d="M24.142 30a1 1 0 0 1-.8-.4 3.089 3.089 0 0 0-2.2-.6 2.993 2.993 0 0 0-2.225.631c-.359.404-.97.46-1.395.126a.983.983 0 0 1-.18-1.357c.107-.143 1.127-1.4 3.8-1.4s3.692 1.257 3.8 1.4a1 1 0 0 1-.8 1.6zM42.142 30a1 1 0 0 1-.8-.4 3.089 3.089 0 0 0-2.2-.6 2.993 2.993 0 0 0-2.225.631c-.359.404-.97.46-1.395.126a.983.983 0 0 1-.18-1.357c.107-.143 1.127-1.4 3.8-1.4s3.692 1.257 3.8 1.4a1 1 0 0 1-.8 1.6z"
/>
<path
fill="#802d40"
d="M30 56c5.258 0 11.224-2.029 15.054-5.717 3.241-3.12 4.238-8.631 1.154-12.25a5.546 5.546 0 0 0-5.452-1.775c-1.779.4-3.4 1.423-5.169 1.93A20.872 20.872 0 0 1 30 39c-1.89-.016-3.77-.29-5.587-.812-1.767-.507-3.39-1.528-5.169-1.93a5.546 5.546 0 0 0-5.452 1.775c-3.084 3.619-2.087 9.13 1.154 12.25C18.776 53.971 24.742 56 30 56z"
/>
<path
fill="#ff5364"
d="M36.84 54.93A23.381 23.381 0 0 1 30 56a23.381 23.381 0 0 1-6.84-1.07 4.383 4.383 0 0 1 1.02-1.71A8.006 8.006 0 0 1 30 51a8.006 8.006 0 0 1 5.82 2.22c.467.484.816 1.07 1.02 1.71z"
/>
<path
fill="#fb7b76"
d="M35.82 53.22a22.1 22.1 0 0 1-11.64 0A8.006 8.006 0 0 1 30 51a8.006 8.006 0 0 1 5.82 2.22z"
/>
<path
fill="#ecf0f1"
d="M33 38.76V41a2.006 2.006 0 0 1-2 2h-2a2.006 2.006 0 0 1-2-2v-2.24c.993.15 1.996.23 3 .24 1.004-.01 2.007-.09 3-.24z"
/>
</g>
</svg>
More icons in the same style and category