Menu

Beta
Sign in
Closing Quotation Mark SVG element, flat

Closing Quotation Mark SVG element, flat

At the lower right of an open quote area, one curved mark signals the end of a quotation. It suits article pull quotes and printed event programmes.

Free · from Quotation Marks, Flat · Set 2

Similar SVGs

More from Quotation Marks, 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/4Ek-SYHV75T5/amnt.svg" alt="Closing Quotation Mark" 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="charcoal" data-name="Charcoal"><path d="M859 765c-12 55-33 86-87 107-31 12-30 49-2 53 19 3 52-16 70-26 84-49 143-141 147-238 3-77-45-146-126-146-30 0-59 11-82 30-64 55-55 159 18 202 19 11 40 15 62 18z" fill="#323131" stroke="#323131"/></g></svg>
CSS background-image
.closing-quotation-mark {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4Ek-SYHV75T5/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.closing-quotation-mark {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4Ek-SYHV75T5/amnt.svg") center / contain no-repeat;
}
React
import ClosingQuotationMarkSvg from "./closing-quotation-mark.jsx"; // from the React tab above

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

Tags

closingquotationpunctuationquoteselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Closing Quotation Mark: One curved mark at the lower right of a broad empty quote area. A flat element. as part of the pack Quotation Marks, 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