Menu

Beta
Sign in
Ellipsis Bubble SVG element, flat

Ellipsis Bubble SVG element, flat

Three close-set dots at the centre of a long oval suggest a pause before speaking. It works in a comic sequence or a presentation slide about conversation.

Free · from Speech Bubbles, Flat · Set 2

Similar SVGs

More from Speech Bubbles, Flat · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/DaIR2WGb4Q8k/amnt.svg" alt="Ellipsis Bubble" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="ivory" data-name="Ivory"><path d="M182 702c37-5 82-32 111-53 5-4 11-10 18-11 3 0 98 17 114 19 99 9 198 4 293-21 69-18 168-59 192-133 28-88-60-153-129-184-157-70-388-67-544 6-71 33-156 97-119 187 14 36 44 64 78 84 6 4 16 7 19 14 8 18-21 77-33 92zM420 431c42-7 51 55 12 61-41 6-50-54-12-61zm86 0c39-7 52 53 13 60-41 8-51-53-13-60zm86 0c42-7 51 54 12 61-41 6-51-54-12-61z" fill="#fcf9ef" stroke="#fcf9ef"/></g><g id="charcoal" data-name="Charcoal"><path d="M193 623c-5 8-7 20-11 29-6 14-21 34-24 48-4 22 15 28 34 24 42-9 81-33 117-57 2-1 5-4 8-4 5-1 57 11 67 13 24 3 48 5 72 7 56 4 112 3 166-4 88-11 186-35 256-93 78-65 81-160 6-230-132-122-399-129-562-86-80 21-172 58-217 131-37 61-17 135 33 181 17 16 37 26 55 41zm-11 79c12-15 41-74 33-92-3-7-13-10-19-14-34-20-64-48-78-84-37-90 48-154 119-187 156-73 387-76 544-6 69 31 157 96 129 184-24 74-123 115-192 133-95 25-194 30-293 21-16-2-111-19-114-19-7 1-13 7-18 11-29 21-74 48-111 53z" fill="#323232" stroke="#323232"/><path d="M592 431c-39 7-29 67 12 61 39-7 30-68-12-61z" fill="#323232" stroke="#323232"/><path d="M420 431c-38 7-29 67 12 61 39-6 30-68-12-61z" fill="#323232" stroke="#323232"/><path d="M506 431c-38 7-28 68 13 60 39-7 26-67-13-60z" fill="#323232" stroke="#323232"/></g></svg>
CSS background-image
.ellipsis-bubble {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/DaIR2WGb4Q8k/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.ellipsis-bubble {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/DaIR2WGb4Q8k/amnt.svg") center / contain no-repeat;
}
React
import EllipsisBubbleSvg from "./ellipsis-bubble.jsx"; // from the React tab above

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

Tags

ellipsispauseconversationspeech bubbleselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Ellipsis Bubble: Long oval speech bubble containing three small dots close together at its centre. A flat element. as part of the pack Speech Bubbles, Flat · Set 2. Want one like it? Make your own in the SVG studio.

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

Settings