Menu

Beta
Sign in
Long Tail Bubble SVG element, flat

Long Tail Bubble SVG element, flat

An extended thin tail connects this rounded bubble to a speaker farther away. It helps clarify dialogue in a crowded comic panel or a labelled scene illustration.

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/rXWXMXHxeF0y/amnt.svg" alt="Long Tail 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="lemon" data-name="Lemon"><path d="M872 889c-12-19-35-41-49-60-46-58-133-167-120-245 1-4 0-8 3-11 1-1 65-25 75-30 25-14 50-29 72-48 46-39 77-94 83-155 5-58-14-115-49-162-119-157-392-172-565-120-108 32-228 104-252 224-27 136 67 236 186 282 64 25 132 35 200 38 25 1 51 2 76 1 18-1 56-7 71-5 18 4 38 22 49 35 27 29 50 61 74 92 38 49 78 95 122 139 7 8 14 19 24 25z" fill="#fcf37a" stroke="#fcf37a"/></g><g id="black" data-name="Black"><path d="M717 584c11-8 28-11 41-17 38-15 74-37 105-64 42-38 73-85 83-142 21-121-57-230-162-282-199-100-533-83-680 102-58 72-67 176-23 258 13 24 31 45 51 65 87 86 224 106 340 111 26 1 51 1 76 0 15-1 38-7 52-4 17 3 40 27 51 40 35 40 65 85 100 125 50 59 104 113 161 165 22 20 44 42 69 58-9-16-36-41-49-57-36-42-72-85-106-129-43-54-123-157-109-229zM872 889c-10-6-17-17-24-25-44-44-84-90-122-139-24-31-47-63-74-92-11-13-31-31-49-35-15-2-53 4-71 5-25 1-51 0-76-1-68-3-136-13-200-38-119-46-213-146-186-282 24-120 144-192 252-224 173-52 446-37 565 120 35 47 54 104 49 162-6 61-37 116-83 155-22 19-47 34-72 48-10 5-74 29-75 30-3 3-2 7-3 11-13 78 74 187 120 245 14 19 37 41 49 60z" fill="#110c0c" stroke="#110c0c"/></g></svg>
CSS background-image
.long-tail-bubble {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/rXWXMXHxeF0y/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.long-tail-bubble {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/rXWXMXHxeF0y/amnt.svg") center / contain no-repeat;
}
React
import LongTailBubbleSvg from "./long-tail-bubble.jsx"; // from the React tab above

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

Tags

speechtailspeakerspeech bubbleselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Long Tail Bubble: Rounded speech bubble with an exaggerated thin tail reaching toward the bottom corner. 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