Add icons to this collection by clicking the heart icon.
Speech Bubble icon - also known as message, speech, chat, car, conversation, speech bubble, chatting, text message, communications, and balloon speech. Created in a clean lineal color style with a gray, black, red, 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 60 60"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#ffdc00"
d="M50.424 48.677a.987.987 0 0 0-.732 1.122l1.288 8.011a1 1 0 0 1-1.71.87l-8.382-9.348a1 1 0 0 0-.744-.332H12A11 11 0 0 1 1 38V12C1 5.925 5.925 1 12 1h36c6.075 0 11 4.925 11 11v26a11.106 11.106 0 0 1-8.576 10.677z"
/>
<path
fill="#fec108"
d="M48 1h-3c6.075 0 11 4.925 11 11v26a11.106 11.106 0 0 1-8.576 10.677.986.986 0 0 0-.731 1.122l1.176 7.318 1.4 1.563a1 1 0 0 0 1.71-.87l-1.286-8.01a.986.986 0 0 1 .731-1.122A11.106 11.106 0 0 0 59 38V12A11 11 0 0 0 48 1z"
/>
<path
fill="#c81e1e"
d="M17 11v10H9.35a3.167 3.167 0 0 0 1.26-1.51l2.38-5.98A4.015 4.015 0 0 1 16.71 11z"
/>
<path fill="#02a9f4" d="M17 11h12v10H17z" />
<path fill="#0377bc" d="M26 11h3v10h-3z" />
<path
fill="#02a9f4"
d="M43.84 21H29V11h7.29c1.635 0 3.107.994 3.72 2.51l2.33 5.85c.285.71.818 1.292 1.5 1.64z"
/>
<path
fill="#0377bc"
d="m42.34 19.36-2.33-5.85A4.015 4.015 0 0 0 36.29 11h-3c1.635 0 3.107.994 3.72 2.51l2.33 5.85c.285.71.818 1.292 1.5 1.64h3a3.167 3.167 0 0 1-1.5-1.64z"
/>
<path
fill="#f44335"
d="M54 27v5a2.006 2.006 0 0 1-2 2h-5a5 5 0 0 0-10 0h-8V21h14.84c.282.152.585.26.9.32l5.26.95V26a1 1 0 0 0 1 1z"
/>
<path
fill="#c81e1e"
d="M39 29a5 5 0 0 0-5 5h3a4.984 4.984 0 0 1 3.5-4.745A4.936 4.936 0 0 0 39 29zM51 27v5a2.006 2.006 0 0 1-2 2h3a2.006 2.006 0 0 0 2-2v-5z"
/>
<path
fill="#ffdc00"
d="M54 25.66V27h-3a1 1 0 0 1-1-1v-3.73l1.38.25A3.194 3.194 0 0 1 54 25.66z"
/>
<path
fill="#f44335"
d="M29 21v13h-9a5 5 0 0 0-10 0H8a2.006 2.006 0 0 1-2-2v-7.51a3.2 3.2 0 0 1 2.42-3.09c.33-.081.644-.216.93-.4z"
/>
<path
fill="#c81e1e"
d="M12 29a4.989 4.989 0 0 0-4.973 4.735c.296.172.631.263.973.265h2a4.984 4.984 0 0 1 3.5-4.745A4.936 4.936 0 0 0 12 29zM26 21h3v13h-3z"
/>
<circle cx="15" cy="34" r="5" fill="#7f8e94" />
<path
fill="#545c60"
d="M15 29a4.936 4.936 0 0 0-1.5.255 4.966 4.966 0 0 1 0 9.49c.484.162.99.248 1.5.255a5 5 0 0 0 0-10z"
/>
<circle cx="42" cy="34" r="5" fill="#7f8e94" />
<path
fill="#545c60"
d="M42 29a4.936 4.936 0 0 0-1.5.255 4.966 4.966 0 0 1 0 9.49c.484.162.99.248 1.5.255a5 5 0 0 0 0-10z"
/>
<g fill="#000">
<path
d="M48 0H12C5.376.007.007 5.376 0 12v26c.007 6.624 5.376 11.993 12 12h28.144l8.4 9.362a1.978 1.978 0 0 0 2.361.416 1.968 1.968 0 0 0 1.062-2.126l-1.285-8.008A12.163 12.163 0 0 0 60 38V12C59.993 5.376 54.624.007 48 0zm10 38a10.146 10.146 0 0 1-7.808 9.7 1.993 1.993 0 0 0-1.487 2.254l1.31 8.055-8.383-9.349a2 2 0 0 0-1.488-.66H12c-5.52-.006-9.994-4.48-10-10V12c.006-5.52 4.48-9.994 10-10h36c5.52.006 9.994 4.48 10 10z"
/>
<path
d="m51.558 21.536-6.636-1.2a2.229 2.229 0 0 1-1.653-1.346l-2.332-5.855A4.99 4.99 0 0 0 36.29 10H16.71a4.992 4.992 0 0 0-4.649 3.14l-2.38 5.979a2.2 2.2 0 0 1-1.507 1.312A4.2 4.2 0 0 0 5 24.49V32a3 3 0 0 0 3 3h1.09a5.993 5.993 0 0 0 11.82 0h15.18a5.993 5.993 0 0 0 11.82 0H52a3 3 0 0 0 3-3v-6.34a4.2 4.2 0 0 0-3.442-4.124zM53 25.66V26h-2v-2.533l.2.036A2.2 2.2 0 0 1 53 25.66zM39.081 13.88l2.331 5.853c.037.092.085.178.128.267H30v-8h6.29a3 3 0 0 1 2.791 1.88zM18 12h10v8H18zm-4.083 1.884A2.993 2.993 0 0 1 16 12.092V20h-4.527c.021-.047.047-.092.066-.14zM15 38a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-10a6.006 6.006 0 0 0-5.91 5H8a1 1 0 0 1-1-1v-6h1a1 1 0 0 0 0-2h-.937c.073-.314.214-.609.412-.863a2.16 2.16 0 0 1 1.19-.767c.33-.085.65-.21.951-.37H28v11h-7.09A6.006 6.006 0 0 0 15 28zm27 10a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm10-5h-4.09a5.993 5.993 0 0 0-11.82 0H30V22h13.594c.31.138.635.239.969.3l4.437.8V26a2 2 0 0 0 2 2h2v4a1 1 0 0 1-1 1z"
/>
<path d="M34 25h-1a1 1 0 0 0 0 2h1a1 1 0 0 0 0-2z" />
<circle cx="15" cy="34" r="1" />
<circle cx="42" cy="34" r="1" />
</g>
</g>
</svg>
More icons in the same style and category