Menu

Speech Bubble Quotes SVG element, flat

Speech Bubble Quotes SVG element, flat

Two overlapping speech bubbles each contain a large quotation mark. They suit a conversation section in a blog post or participant comments in a survey summary.

Similar SVGs

More from Quotation Marks, Flat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/p9KOk9rphb6y/amnt.svg" alt="Speech Bubble Quotes" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="currentColor"><path d="M25 7h23c6 0 10 4 10 10v16c0 6-4 10-10 10h-4v-4h4c3.5 0 6-2.5 6-6V17c0-3.5-2.5-6-6-6H25c-3.5 0-6 2.5-6 6v3h-4v-3C15 11 19 7 25 7Z"/><path d="M39 17c-5 2-8 6-8 12h9v-8h-4c.7-1.5 1.8-2.7 4-4h-1Z"/><path d="M15 22h23c6 0 10 4 10 10v16c0 6-4 10-10 10H20l-9 5 1.5-6C8 56 5 52 5 48V32c0-6 4-10 10-10Zm0 4c-3.5 0-6 2.5-6 6v16c0 3.2 2.1 5.5 5.2 5.9l3 .4-.8 2.3 2.5-2.6H38c3.5 0 6-2.5 6-6V32c0-3.5-2.5-6-6-6H15Z"/><path d="M29 32c-5 2-8 6-8 12h9v-8h-4c.7-1.5 1.8-2.7 4-4h-1Z"/></svg>
CSS background-image
.speech-bubble-quotes {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/p9KOk9rphb6y/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.speech-bubble-quotes {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/p9KOk9rphb6y/amnt.svg") center / contain no-repeat;
}
React
import SpeechBubbleQuotesSvg from "./speech-bubble-quotes.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT SVG 1.1 drew this from the words Speech Bubble Quotes: Two overlapping speech bubbles, each containing one large quotation mark. as part of the pack Quotation Marks, Flat. 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