Curly Quotation Marks SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Ph7BBvj-WUbn/amnt.svg" alt="Curly Quotation Marks" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="grape" data-name="Grape"><path d="M300 195c-25 2-53 17-74 29-93 51-166 137-187 243-21 104 18 231 132 260 36 9 74 5 106-11 110-56 107-216-10-261-27-10-57-12-85-4-25 7-35 25-30-9 3-18 8-36 14-52 13-30 31-58 53-80 22-23 48-42 76-58 12-6 29-12 36-24 14-21-14-34-31-33z" fill="#02246a" stroke="#02246a"/><path d="M723 195c-10 1-20 6-26 13-21 24 19 37 35 46 28 15 53 34 75 58 22 22 40 51 52 81 6 17 11 35 14 53 0 3 3 14 0 16-2 1-22-9-34-12-26-7-54-5-80 5-119 45-124 205-11 262 31 15 67 19 101 11 118-27 157-157 135-263-13-65-46-125-93-172-31-31-125-100-168-98z" fill="#02246a" stroke="#02246a"/></g><g id="black" data-name="Black"><path d="M164 444c9-69 55-127 110-165 22-16 77-32 73-65-1-7-5-14-10-18-23-23-58-10-83 1-129 55-227 177-233 320-4 103 61 216 172 226 42 4 84-8 117-34 137-106 23-322-146-265zM300 195c17-1 45 12 31 33-7 12-24 18-36 24-28 16-54 35-76 58-22 22-40 50-53 80-6 16-11 34-14 52-5 34 5 16 30 9 28-8 58-6 85 4 117 45 120 205 10 261-32 16-70 20-106 11-114-29-153-156-132-260 21-106 94-192 187-243 21-12 49-27 74-29z" fill="#010102" stroke="#010102"/><path d="M860 444c-15-3-30-9-46-10-57-3-113 29-141 79-37 65-18 150 41 196 29 23 64 35 102 35 117 0 192-118 187-226-6-145-103-263-232-321-26-12-56-22-80 0-6 5-10 10-12 18-8 31 47 48 71 64 44 31 81 73 100 124 5 13 7 27 10 41zM723 195c43-2 137 67 168 98 47 47 80 107 93 172 22 106-17 236-135 263-34 8-70 4-101-11-113-57-108-217 11-262 26-10 54-12 80-5 12 3 32 13 34 12 3-2 0-13 0-16-3-18-8-36-14-53-12-30-30-59-52-81-22-24-47-43-75-58-16-9-56-22-35-46 6-7 16-12 26-13z" fill="#010102" stroke="#010102"/></g></svg>

.curly-quotation-marks {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Ph7BBvj-WUbn/amnt.svg");
  background-size: contain;
}

.curly-quotation-marks {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Ph7BBvj-WUbn/amnt.svg") center / contain no-repeat;
}

import CurlyQuotationMarksSvg from "./curly-quotation-marks.jsx"; // from the React tab above

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