Add icons to this collection by clicking the heart icon.
Speech Bubble icon - also known as interface, speech, chat, conversation, speech bubble, messages, communications, messaging, comments, bubble speech, and chat box. Created in a clean lineal color style with a white, gray, black, maroon, olive, 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="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-180c49.706 0 90 40.294 90 90S49.706 0 0 0"
transform="translate(383.497 504.496)"
fill="#ffa754"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 49.706-26.863 90-60 90-44.356 0-81.215-32.089-88.635-74.318L-180 0l31.365-15.682C-141.215-57.911-104.356-90-60-90-26.863-90 0-49.706 0 0"
transform="translate(443.497 414.496)"
fill="#ffcb63"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-44.356 0-81.215-32.089-88.635-74.318L-120-90l31.365-15.682C-81.215-147.912-44.356-180 0-180c49.706 0 90 40.294 90 90S49.706 0 0 0Z"
transform="translate(383.497 504.496)"
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 0 15-90c24.853 0 45 20.147 45 45z"
transform="translate(173.497 264.494)"
fill="#c27749"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-24.853 20.147-45 45-45v90Z"
transform="translate(143.497 219.494)"
fill="#e18f4e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-30-59.994 30-59.994L15-120v90z"
transform="translate(218.497 339.494)"
fill="#dbf4ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30l-15-30v-90l45 .012z"
transform="translate(188.497 339.494)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.046 0-20-8.955-20-20l-.006-133.536h30V0Z"
transform="translate(148.503 339.494)"
fill="#49c9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-10v-153.536h30V-20C20-8.955 11.045 0 0 0"
transform="translate(228.497 339.494)"
fill="#2dade3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h60"
transform="translate(158.497 219.494)"
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 0v-322l-30-10"
transform="translate(158.497 339.494)"
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 0v-322l30-10"
transform="translate(218.497 339.494)"
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 0a7.5 7.5 0 1 0-15 0A7.5 7.5 0 0 0 0 0"
transform="translate(195.997 309.494)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 1 0-15 0A7.5 7.5 0 0 0 0 0"
transform="translate(195.997 279.494)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 1 0-15 0A7.5 7.5 0 0 0 0 0"
transform="translate(195.997 249.494)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-80c-11.045 0-20-8.954-20-20v-133.536h29.994C-62.044-160.665-51.528-165-40-165c11.528 0 22.043 4.335 30.005 11.463l29.995.001V-20C20-8.955 11.046 0 0 0Z"
transform="translate(228.497 339.494)"
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-49.706 0-90 40.294-90 90"
transform="translate(128.503 319.494)"
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-.274 0-.542-.026-.814-.041-1.789 3.088-4.665 5.562-8.327 6.751-3.692 1.2-7.505.875-10.787-.604-2.663 2.42-6.19 3.908-10.072 3.908-3.882 0-7.408-1.488-10.072-3.908-3.281 1.479-7.094 1.804-10.786.604-3.662-1.189-6.539-3.663-8.328-6.751-.271.015-.539.041-.814.041-8.284 0-15-6.716-15-15v-64.986h90V-15C15-6.716 8.285 0 0 0"
transform="translate(218.497 494.492)"
fill="#60312c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v64.986c0 8.284-6.715 15-15 15-.274 0-.542-.027-.814-.041-1.789 3.088-4.665 5.561-8.327 6.751-3.692 1.2-7.505.875-10.787-.604C-37.591 88.512-41.118 90-45 90c-3.882 0-7.408-1.488-10.072-3.908-3.281 1.479-7.094 1.804-10.786.604-3.662-1.19-6.539-3.663-8.328-6.751-.271.014-.539.041-.814.041-8.284 0-15-6.716-15-15V0"
transform="translate(233.497 414.506)"
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 0v-100l45 45v10C45-20.14 24.85 0 0 0"
transform="translate(188.497 459.506)"
fill="#85453d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-24.86 0-45-20.14-45-45v-10l60-45v55C15-20.14 8.28 0 0 0"
transform="translate(188.497 459.506)"
fill="#a45e43"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15-65c24.85 0 45 20.15 45 45V0Z"
transform="translate(203.497 404.506)"
fill="#40211d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-20c0-24.85-6.72-45-15-45-24.86 0-45 20.15-45 45V0h30c2.45 5.87 8.24 10 15 10S-2.45 5.87 0 0"
transform="translate(203.497 404.506)"
fill="#60312c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<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(188.497 459.506)"
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 0h-30c-2.449 5.872-8.241 10-15 10S-57.551 5.872-60 0h-30"
transform="translate(233.497 404.506)"
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 0h60c8.285 0 15-6.716 15-15 0-8.285-6.715-15-15-15H30"
transform="translate(248.497 319.494)"
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