Menu

Beta
Sign in
Shout Bubble SVG element, flat

Shout Bubble SVG element, flat

Jagged edges and a long pointed tail convey a loud outburst. Use this bubble in an action comic panel or on a poster about vocal expression.

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/I4zBuHySxojn/amnt.svg" alt="Shout 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="white" data-name="White"><path d="M522 63l-74 121-83-49 13 89-174-75 70 131-162 38 126 64-107 109 140-6-48 104 144-53-16 112 165-78c-10 52-34 103-56 150-9 19-64 131-64 142l231-284 61 40-16-94 151 56-59-96 110-3-94-74 132-65-147-41 94-116-174 44 28-127-134 94z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="black" data-name="Black"><path d="M524 22l-82 136-101-58 13 93c-13-2-27-11-39-16-28-12-57-24-85-37-22-10-44-23-68-30l83 157-188 44 150 76-121 124c51 0 103-1 154-6 0 9-47 101-54 118l157-58-16 114 158-73c-1 27-67 158-82 192-11 23-85 178-85 189l314-383 81 53-16-103 170 62-68-114 125-4-109-88 150-74c-36-12-75-21-112-31-16-4-39-6-54-15l108-138-196 51 30-143-153 106zm-2 41l57 133 134-94-28 127 174-44-94 116 147 41-132 65 94 74-110 3 59 96-151-56 16 94-61-40-231 284c0-11 55-123 64-142 22-47 46-98 56-150l-165 78 16-112-144 53 48-104-140 6 107-109-126-64 162-38-70-131 174 75-13-89 83 49z" fill="#262625" stroke="#262625"/></g></svg>
CSS background-image
.shout-bubble {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/I4zBuHySxojn/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.shout-bubble {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/I4zBuHySxojn/amnt.svg") center / contain no-repeat;
}
React
import ShoutBubbleSvg from "./shout-bubble.jsx"; // from the React tab above

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

Tags

shoutyellloudspeech bubbleselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Shout Bubble: Jagged starburst bubble with a long pointed tail extending from its lower edge. 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