Quotation Marks Pair SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UOjqg_wjItU8/amnt.svg" alt="Quotation Marks Pair" 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="M608 716c0 40-30 76-58 101-8 7-43 29-44 37-3 29 39 3 49-2 66-36 128-98 141-176 10-62-12-134-83-142-24-3-50 3-69 17-62 45-52 159 33 167 10 1 21-1 31-2z" fill="#012261" stroke="#012261"/><path d="M863 716c0 40-31 77-59 102-8 7-42 28-43 37-1 28 40 2 49-3 67-37 128-99 141-177 10-62-12-132-82-141-25-3-50 3-70 17-35 25-50 72-35 112 11 29 37 52 69 55 9 1 21-3 30-2z" fill="#012261" stroke="#012261"/><path d="M501 119c-9 1-21 8-29 13-58 29-111 79-134 141-22 59-19 147 48 175 19 7 39 9 59 5 89-20 106-152 14-180-34-10-52 15-40-28 5-19 15-36 27-51 10-11 19-21 31-30 8-7 30-18 35-26 6-9-1-19-11-19z" fill="#012261" stroke="#012261"/><path d="M162 271c-9-30 32-82 54-100 8-7 42-29 44-36 1-3 1-7-2-11-9-13-34 5-44 10-66 35-128 98-140 175-12 67 15 144 94 146 19 0 39-5 55-16 58-39 58-137-12-164-17-6-32-4-49-4z" fill="#012261" stroke="#012261"/></g><g id="midnight" data-name="Midnight"><path d="M589 734c-13 41-45 71-80 94-19 12-29 40-4 53 19 10 45-8 62-17 74-41 139-114 146-200 6-70-23-139-100-146-27-3-55 3-77 19-83 57-55 199 53 197zm19-18c-10 1-21 3-31 2-85-8-95-122-33-167 19-14 45-20 69-17 71 8 93 80 83 142-13 78-75 140-141 176-10 5-52 31-49 2 1-8 36-30 44-37 28-25 58-61 58-101z" fill="#010e29" stroke="#010e29"/><path d="M844 734c-14 41-45 70-80 94-20 13-28 40-3 53 19 10 45-9 62-18 73-39 138-114 146-200 6-68-25-137-100-145-27-3-56 3-78 19-82 58-55 199 53 197zm19-18c-9-1-21 3-30 2-32-3-58-26-69-55-15-40 0-87 35-112 20-14 45-20 70-17 70 9 92 79 82 141-13 78-74 140-141 177-9 5-50 31-49 3 1-9 35-30 43-37 28-25 59-62 59-102z" fill="#010e29" stroke="#010e29"/><path d="M433 254c14-43 42-71 79-96 19-12 30-39 3-52-19-9-45 8-62 18-73 41-139 115-143 203-3 72 31 144 113 144 24 0 48-6 67-21 81-60 50-198-57-196zm68-135c10 0 17 10 11 19-5 8-27 19-35 26-12 9-21 19-31 30-12 15-22 32-27 51-12 43 6 18 40 28 92 28 75 160-14 180-20 4-40 2-59-5-67-28-70-116-48-175 23-62 76-112 134-141 8-5 20-12 29-13z" fill="#010e29" stroke="#010e29"/><path d="M179 254c14-42 43-71 79-96 19-13 30-38 3-51-19-10-45 7-62 17-72 41-139 115-144 202-4 72 32 144 113 145 24 0 47-7 67-20 83-58 50-199-56-197zm-17 17c17 0 32-2 49 4 70 27 70 125 12 164-16 11-36 16-55 16-79-2-106-79-94-146 12-77 74-140 140-175 10-5 35-23 44-10 3 4 3 8 2 11-2 7-36 29-44 36-22 18-63 70-54 100z" fill="#010e29" stroke="#010e29"/></g></svg>

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

.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/UOjqg_wjItU8/amnt.svg") center / contain no-repeat;
}

import QuotationMarksPairSvg from "./quotation-marks-pair.jsx"; // from the React tab above

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