Menu

Beta
Sign in
Beta
Opening Double Quote SVG element, flat

Opening Double Quote SVG element, flat

Two curved marks hang from the upper left, with their tails pointing upward. Place them before an interview excerpt in a newsletter or a quotation on a 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/iyOHJHDccjqC/amnt.svg" alt="Opening Double Quote" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="currentColor"><path d="M25 12C15 18 9 28 9 40c0 8 5 13 12 13s12-5 12-12-5-12-12-12c1-6 4-10 10-14l-6-3Zm26 0C41 18 35 28 35 40c0 8 5 13 12 13s12-5 12-12-5-12-12-12c1-6 4-10 10-14l-6-3Z"/></svg>
CSS background-image
.opening-double-quote {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/iyOHJHDccjqC/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.opening-double-quote {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/iyOHJHDccjqC/amnt.svg") center / contain no-repeat;
}
React
import OpeningDoubleQuoteSvg from "./opening-double-quote.jsx"; // from the React tab above

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

Tags

openingdoublequotationquoteselementflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Opening Double Quote: Two curved marks hanging from the upper left, with tails pointing upward. 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