Add icons to this collection by clicking the heart icon.
Emoticons icon - also known as message, chat, happy, messenger, speech bubble, emoticons, communications, reaction, 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="512"
height="512"
viewBox="0 0 60 60"
>
<g fill="none" fill-rule="evenodd">
<g transform="translate(1 1)">
<path
fill="#02a9f4"
d="M34 6v16c0 .335-.03.67-.09 1A5.99 5.99 0 0 1 28 28H16.38a1 1 0 0 0-.66.25l-7.06 6.5A1 1 0 0 1 7 34v-5a1 1 0 0 0-1-1 6 6 0 0 1-6-6V6a6 6 0 0 1 6-6h22a6 6 0 0 1 6 6z"
/>
<path
fill="#0377bc"
d="M28 0h-3a6 6 0 0 1 6 6v16c0 .335-.03.67-.09 1A5.99 5.99 0 0 1 25 28h3a5.99 5.99 0 0 0 5.91-5c.06-.33.09-.665.09-1V6a6 6 0 0 0-6-6zM12.72 28.25 7 33.516V34a1 1 0 0 0 1.66.75l7.06-6.5a1 1 0 0 1 .66-.25h-3a1 1 0 0 0-.66.25z"
/>
<path
fill="#ffdf00"
d="M58 29v16a6 6 0 0 1-6 6 1 1 0 0 0-1 1v5a1 1 0 0 1-1.66.75l-7.06-6.5a1 1 0 0 0-.66-.25H30a6 6 0 0 1-6-6V29c0-.335.03-.67.09-1H28a5.99 5.99 0 0 0 5.91-5H52a6 6 0 0 1 6 6z"
/>
<path
fill="#fec108"
d="M52 23h-3a6 6 0 0 1 6 6v16a6 6 0 0 1-6 6 1 1 0 0 0-1 1v4.516l1.34 1.234A1 1 0 0 0 51 57v-5a1 1 0 0 1 1-1 6 6 0 0 0 6-6V29a6 6 0 0 0-6-6z"
/>
<circle cx="41" cy="37" r="10" fill="#f44335" />
<path
fill="#c81e1e"
d="M41 27c-.502.004-1.004.046-1.5.125a9.986 9.986 0 0 1 0 19.75A9.995 9.995 0 1 0 41 27z"
/>
<circle cx="17" cy="14" r="10" fill="#ffdf00" />
<path
fill="#fec108"
d="M17 4c-.502.004-1.004.046-1.5.125a9.986 9.986 0 0 1 0 19.75A9.995 9.995 0 1 0 17 4z"
/>
<g fill="#f5f5f5">
<circle cx="13" cy="13" r="2" />
<circle cx="21" cy="13" r="2" />
<circle cx="37" cy="36" r="2" />
<circle cx="45" cy="36" r="2" />
</g>
</g>
<g fill="#000">
<path
d="M8 6a1 1 0 1 0 0-2H7a3 3 0 0 0-3 3v1a1 1 0 1 0 2 0V7a1 1 0 0 1 1-1zM32 23v-1a1 1 0 0 0-2 0v1a1 1 0 0 1-1 1h-1a1 1 0 0 0 0 2h1a3 3 0 0 0 3-3z"
/>
<path
fill-rule="nonzero"
d="M53 23H36V7a7.008 7.008 0 0 0-7-7H7a7.008 7.008 0 0 0-7 7v16a7.008 7.008 0 0 0 7 7v5a1.977 1.977 0 0 0 1.18 1.824c.724.33 1.575.196 2.162-.342L17.38 30H24v16a7.008 7.008 0 0 0 7 7l11.6-.015 7.075 6.515c.362.323.83.501 1.316.5.285 0 .566-.062.826-.179A1.978 1.978 0 0 0 53 58v-5a7.008 7.008 0 0 0 7-7V30a7.008 7.008 0 0 0-7-7zm-36.961 5.516L9 35v-5a2 2 0 0 0-2-2 5.006 5.006 0 0 1-5-5V7a5.006 5.006 0 0 1 5-5h22a5.006 5.006 0 0 1 5 5v16a5.006 5.006 0 0 1-5 5H17.38a2 2 0 0 0-1.341.516zM58 46a5.006 5.006 0 0 1-5 5 2 2 0 0 0-2 2l.017 5.015-7.072-6.515a1.987 1.987 0 0 0-1.325-.5H31a5.006 5.006 0 0 1-5-5V30h3a7.01 7.01 0 0 0 6.7-5H53a5.006 5.006 0 0 1 5 5z"
/>
<path
d="M55 44a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 0 0 2h1a3 3 0 0 0 3-3v-1a1 1 0 0 0-1-1z"
/>
<g fill-rule="nonzero">
<path
d="M42 27c-6.075 0-11 4.925-11 11s4.925 11 11 11 11-4.925 11-11c-.007-6.072-4.928-10.993-11-11zm0 20a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9zM18 4C11.925 4 7 8.925 7 15s4.925 11 11 11 11-4.925 11-11c-.007-6.072-4.928-10.993-11-11zm0 20a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9z"
/>
<path
d="M17 14a3 3 0 1 0-6 0 3 3 0 0 0 6 0zm-3 1a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM22 11a3 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 2zM41 37a3 3 0 1 0-6 0 3 3 0 0 0 6 0zm-3 1a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM46 34a3 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 2z"
/>
</g>
<path
d="M21.469 18.114a1 1 0 0 0-1.345.429A2.758 2.758 0 0 1 18 20a2.716 2.716 0 0 1-2.106-1.424 1 1 0 0 0-1.784.9A4.686 4.686 0 0 0 18 22a4.725 4.725 0 0 0 3.907-2.548 1 1 0 0 0-.438-1.338zM42 41a4.686 4.686 0 0 0-3.89 2.52 1 1 0 0 0 1.781.91A2.718 2.718 0 0 1 42 43c.906.105 1.701.65 2.126 1.457a1 1 0 0 0 1.781-.909A4.725 4.725 0 0 0 42 41z"
/>
</g>
</g>
</svg>
More icons in the same style and category