Add icons to this collection by clicking the heart icon.
Open Mouth icon - also known as face, emoticon, open mouth, feelings, smileys, and emoji. Created in a clean lineal color style, 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 0v-497c137.243 0 248.5 111.258 248.5 248.5C248.5-111.258 137.243 0 0 0"
transform="translate(256 504.5)"
fill="#ffb35c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 137.242-97.826 248.5-218.5 248.5C-355.743 248.5-467 137.242-467 0c0-137.242 111.257-248.5 248.5-248.5C-97.826-248.5 0-137.242 0 0"
transform="translate(474.5 256)"
fill="#ffd06a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(256 80)"
fill="#ffb35c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-29.557l-14.779-63.665c24.853 0 45 20.147 45 45v11C.664-5.05.429-2.492 0 0"
transform="translate(300.336 173.665)"
fill="#cc3245"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v11c0 2.615-.078 5.173-.221 7.665h-59.115A45.126 45.126 0 0 1-60 11V0c0-24.853 20.147-45 45-45C-6.716-45 0-24.853 0 0"
transform="translate(271 155)"
fill="#ff3e3a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 14.993-44.148a130.732 130.732 0 0 1 29.343 6.813C40.696-16.136 22.238 0 0 0"
transform="translate(256 211)"
fill="#fff3da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-22.238 0-40.696-16.135-44.336-37.335C-30.484-42.295-15.559-45 0-45c5.07 0 10.072.292 14.993.852C14.841-19.69 8.189 0 0 0"
transform="translate(256 211)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-120c24.853 0 45 20.147 45 45v30C45-20.147 24.853 0 0 0"
transform="translate(181 361)"
fill="#e3f1f4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15 15L0 30c0 24.853-6.716 45-15 45-24.853 0-45-20.147-45-45V0c0-24.853 20.147-45 45-45C-6.716-45 0-24.853 0 0"
transform="translate(196 286)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15-6.716-15-15v-30h30v30C15-6.716 8.284 0 0 0"
transform="translate(181 331)"
fill="#524cb2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(181 301)"
fill="#636da4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-120c24.853 0 45 20.147 45 45v30C45-20.147 24.853 0 0 0"
transform="translate(331 361)"
fill="#e3f1f4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15 15L0 30c0 24.853-6.716 45-15 45-24.853 0-45-20.147-45-45V0c0-24.853 20.147-45 45-45C-6.716-45 0-24.853 0 0"
transform="translate(346 286)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15-6.716-15-15v-30h30v30C15-6.716 8.284 0 0 0"
transform="translate(331 331)"
fill="#524cb2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15C15-6.716 8.284 0 0 0"
transform="translate(331 301)"
fill="#636da4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-38.885-43.858-62.509-101.555-62.509-164.778 0-137.243 111.257-248.5 248.5-248.5s248.5 111.257 248.5 248.5c0 137.242-111.257 248.5-248.5 248.5-63.223 0-120.92-23.624-164.778-62.509"
transform="translate(70.009 420.778)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h15"
transform="translate(248.5 80)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c13.852-4.96 28.777-7.665 44.336-7.665C59.895-7.665 74.82-4.96 88.672 0"
transform="translate(211.664 173.665)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-24.853 0-45-20.147-45-45v-11c0-24.853 20.147-45 45-45s45 20.147 45 45v11C45-20.147 24.853 0 0 0Z"
transform="translate(256 211)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-24.853 0-45-20.147-45-45v-30c0-24.853 20.147-45 45-45s45 20.147 45 45v30C45-20.147 24.853 0 0 0Z"
transform="translate(181 361)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15v-30c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15z"
transform="translate(166 316)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-24.853 0-45-20.147-45-45v-30c0-24.853 20.147-45 45-45s45 20.147 45 45v30C45-20.147 24.853 0 0 0Z"
transform="translate(331 361)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 8.284 6.716 15 15 15 8.284 0 15-6.716 15-15v-30c0-8.284-6.716-15-15-15-8.284 0-15 6.716-15 15z"
transform="translate(316 316)"
fill="none"
stroke="#000"
stroke-width="15"
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