Menu

Beta
Sign in
Beta
Quotation Marks Pair SVG element, flat

Quotation Marks Pair SVG element, flat

Opening double marks occupy the upper left, while closing double marks sit at the lower right. Use them to frame a customer review or a quotation on an event poster.

Free · from Quotation Marks, Flat

Similar SVGs

More from Quotation Marks, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/p2iN1coMmyGH/amnt.svg" alt="Quotation Marks Pair" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="currentColor"><path d="M8 29V19c0-7 4-12 11-15l2 4c-4 2-6 4-7 8h7v13H8Zm17 0V19c0-7 4-12 11-15l2 4c-4 2-6 4-7 8h7v13H25Zm18 6h13v10c0 7-4 12-11 15l-2-4c4-2 6-4 7-8h-7V35Zm-17 0h13v10c0 7-4 12-11 15l-2-4c4-2 6-4 7-8h-7V35Z"/></svg>
CSS background-image
.quotation-marks-pair {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/p2iN1coMmyGH/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.quotation-marks-pair {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/p2iN1coMmyGH/amnt.svg") center / contain no-repeat;
}
React
import QuotationMarksPairSvg from "./quotation-marks-pair.jsx"; // from the React tab above

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

Tags

quotationpairpunctuationquoteselementflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Quotation Marks Pair: Opening double marks at the upper left and closing double marks at the lower right. 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