Add icons to this collection by clicking the heart icon.
Face icon - also known as happy, angel, smile, face, emoticon, halo, and smileys. Created in a clean lineal color style with a white, silver, gray, black, yellow, teal, and orange 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 52 60"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#ffdc00"
d="M51 34a25 25 0 1 1-40.96-19.24A52.259 52.259 0 0 0 26 17a52.259 52.259 0 0 0 15.96-2.24A24.942 24.942 0 0 1 51 34z"
/>
<path
fill="#fec108"
d="M23 17c.506 0 1-.015 1.5-.026M41.96 14.76c-.7.235-1.467.449-2.255.653A24.988 24.988 0 0 1 24.5 58.951c.5.03 1 .049 1.5.049a25 25 0 0 0 15.96-44.24z"
/>
<path
fill="#00bcd4"
d="M26 1C13.3 1 3 4.58 3 9c0 2.26 2.7 4.3 7.04 5.76A52.259 52.259 0 0 0 26 17a52.259 52.259 0 0 0 15.96-2.24C46.3 13.3 49 11.26 49 9c0-4.42-10.3-8-23-8zm11.47 10.79A48.3 48.3 0 0 1 26 13a48.3 48.3 0 0 1-11.47-1.21C11.73 11.06 10 10.08 10 9c0-2.21 7.16-4 16-4s16 1.79 16 4c0 1.08-1.73 2.06-4.53 2.79z"
/>
<path
fill="#00838f"
d="M26 1c-.5 0-1 .008-1.5.019C36.5 1.288 46 4.756 46 9c0 2.26-2.7 4.3-7.04 5.76a50.838 50.838 0 0 1-14.46 2.214c.5.011.994.026 1.5.026a52.259 52.259 0 0 0 15.96-2.24C46.3 13.3 49 11.26 49 9c0-4.42-10.3-8-23-8z"
/>
<path
fill="#ffdc00"
d="M37.47 11.79A48.3 48.3 0 0 1 26 13a48.3 48.3 0 0 1-11.47-1.21 24.972 24.972 0 0 1 22.94 0z"
/>
<path
fill="#f5f5f5"
d="M23 28a6.958 6.958 0 0 1-2.25 5.13A9.864 9.864 0 0 0 16 32a9.864 9.864 0 0 0-4.75 1.13A7 7 0 1 1 23 28z"
/>
<path
fill="#cfd8dc"
d="M16 21c-.504 0-1.007.056-1.5.165A6.978 6.978 0 0 1 18.506 32.3c.78.178 1.535.457 2.244.83A6.992 6.992 0 0 0 16 21z"
/>
<path
fill="#f5f5f5"
d="M43 28a6.958 6.958 0 0 1-2.25 5.13 10.548 10.548 0 0 0-9.5 0A7 7 0 1 1 43 28z"
/>
<path
fill="#cfd8dc"
d="M36 21c-.504 0-1.007.056-1.5.165A6.978 6.978 0 0 1 38.506 32.3c.78.178 1.535.457 2.244.83A6.992 6.992 0 0 0 36 21z"
/>
<circle cx="16" cy="27" r="2" fill="#607d8b" />
<circle cx="36" cy="27" r="2" fill="#607d8b" />
<g fill="#000">
<path
d="M0 34a26 26 0 1 0 43.88-18.866C47.581 13.641 50 11.584 50 9c0-5.846-12.365-9-24-9S2 3.154 2 9c0 2.584 2.419 4.641 6.12 6.134A25.908 25.908 0 0 0 0 34zM4 9c0-3.311 9.035-7 22-7s22 3.689 22 7-9.035 7-22 7S4 12.311 4 9zm22 9a55.467 55.467 0 0 0 15.735-2.108 24 24 0 1 1-31.47 0A55.467 55.467 0 0 0 26 18z"
/>
<path
d="M43 9c0-3.955-11.12-5-17-5S9 5.045 9 9s11.12 5 17 5 17-1.045 17-5zm-25.134 2.425a23.927 23.927 0 0 1 16.268 0c-2.693.398-5.412.59-8.134.575a53.587 53.587 0 0 1-8.134-.575zM11 9c0-.871 5.257-3 15-3s15 2.129 15 3c0 .411-1.187 1.1-3.451 1.718a25.9 25.9 0 0 0-23.1 0C12.187 10.1 11 9.411 11 9zM9.722 32.931a5.2 5.2 0 0 0-.429.362 1 1 0 0 0 1.407 1.419A7.806 7.806 0 0 1 16 33a7.8 7.8 0 0 1 5.293 1.707 1 1 0 0 0 1.414-1.414 5.2 5.2 0 0 0-.429-.362 8 8 0 1 0-12.556 0zM16 22a5.992 5.992 0 0 1 4.528 9.925A10.978 10.978 0 0 0 16 31a10.978 10.978 0 0 0-4.528.925A5.992 5.992 0 0 1 16 22zM29.293 33.293a1 1 0 0 0 1.407 1.419A7.806 7.806 0 0 1 36 33a7.8 7.8 0 0 1 5.293 1.707 1 1 0 0 0 1.414-1.414 5.2 5.2 0 0 0-.429-.362 8 8 0 1 0-12.556 0 5.2 5.2 0 0 0-.429.362zM30 28a6 6 0 1 1 10.528 3.925 11.545 11.545 0 0 0-9.056 0A6 6 0 0 1 30 28z"
/>
<path
d="M16 30a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-4a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM39 27a3 3 0 1 0-6 0 3 3 0 0 0 6 0zm-4 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM16.813 39.132A4.976 4.976 0 0 1 18 39a1 1 0 0 0 0-2c-3.955 0-5 2.617-5 4a1 1 0 0 0 2 0c.012-.244.076-.482.187-.7a13.1 13.1 0 0 0 21.628 0c.11.225.172.47.185.719A1 1 0 0 0 39 41c0-1.383-1.045-4-5-4a1 1 0 0 0 0 2 5.1 5.1 0 0 1 1.188.129 11.1 11.1 0 0 1-18.375 0zM10 37H9a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2zM43 37h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category