Menu

Beta
Sign in
Beta

Colours and style

Every picture in the library follows these, and so does every download.

Colour of single-colour icons
Palette for colourful pictures
As drawn
100%
Comic Speech SVG element, flat

Comic Speech SVG element, flat

An uneven rounded outline and sharply angled tail give this speech bubble a comic-panel look. Use it for a character's line in a strip or a reading activity.

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/0vdBJ93FN0_B/amnt.svg" alt="Comic Speech" 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="white" data-name="White"><path d="M152 864c67-67 134-135 202-202 8-8 46-52 53-54 6-1 70 11 83 12 63 6 127 6 190-3 110-17 194-60 239-165 42-97 52-231-37-306-48-39-111-56-171-66-152-26-346-12-484 63-96 53-161 144-122 258 32 94 128 154 220 183z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="black" data-name="Black"><path d="M73 964c23-17 42-40 63-59 55-51 108-105 161-158 27-27 53-54 80-80 10-10 19-22 30-31 2-2 4-5 8-6 2 0 73 10 84 11 35 3 70 3 105 3 111-1 242-33 306-132 61-95 88-241 23-339-64-97-209-119-315-124-126-6-257 9-373 62-104 47-192 140-168 263 23 119 113 175 216 221-34 62-75 122-112 183-18 29-105 164-108 186zm79-100l173-280c-92-29-188-89-220-183-39-114 26-205 122-258 138-75 332-89 484-63 60 10 123 27 171 66 89 75 79 209 37 306-45 105-129 148-239 165-63 9-127 9-190 3-13-1-77-13-83-12-7 2-45 46-53 54-68 67-135 135-202 202z" fill="#020102" stroke="#020102"/></g></svg>
CSS background-image
.comic-speech {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/0vdBJ93FN0_B/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.comic-speech {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/0vdBJ93FN0_B/amnt.svg") center / contain no-repeat;
}
React
import ComicSpeechSvg from "./comic-speech.jsx"; // from the React tab above

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

Tags

comicspeechdialoguespeech bubbleselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Comic Speech: Irregular rounded bubble with a long, sharply angled tail. 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

Browse the library

Settings