Speech Bubble SVG illustration, flat

Free
Speech Bubble SVG illustration, flat

Three small dots sit inside a rounded speech bubble with a pointed tail. Use it to mark chat features in an app or conversations in a worksheet.

Sign in to download. Free SVGs are free with any account.

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/pIoGeSnbVRE8/amnt.svg" alt="Speech Bubble" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><ellipse cx="198" cy="257" rx="105" ry="10" fill="#DCE5E9" opacity=".55"/><path d="M112 53H288C316 53 337 74 337 102V167C337 195 316 216 288 216H168L111 249L121 216H112C84 216 63 195 63 167V102C63 74 84 53 112 53Z" fill="#91B7CB"/><path d="M112 53H288C316 53 337 74 337 102V157C337 185 316 206 288 206H165L116 235L125 206H112C84 206 63 185 63 157V102C63 74 84 53 112 53Z" fill="#B7D6E5"/><path d="M89 96C89 85 98 76 109 76H143C147 76 150 79 150 83C150 87 147 90 143 90H110C106 90 103 93 103 97C103 101 100 104 96 104C92 104 89 100 89 96Z" fill="#E0EEF4"/><circle cx="150" cy="134" r="12" fill="#55798E"/><circle cx="200" cy="134" r="12" fill="#55798E"/><circle cx="250" cy="134" r="12" fill="#55798E"/></svg>
CSS background-image
.speech-bubble {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/pIoGeSnbVRE8/amnt.svg");
  background-size: contain;
}
React
import SpeechBubbleSvg from "./speech-bubble.jsx"; // from the React tab above

<SpeechBubbleSvg width={48} height={48} />

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Speech Bubble: A rounded speech bubble with a pointed tail and three small dots inside. as part of the pack Everyday Doodles, Flat. Want one like it? Make your own in the SVG studio.

Rest of Everyday Doodles, Flat

Similar SVGs

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence