Quotation Mark Square SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/mRDLOJPrelAn/amnt.svg" alt="Quotation Mark Square" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="amber" data-name="Amber"><path d="M187 124c-66 9-54 86-54 133 0 62 0 123 0 186 0 62 0 123 0 186 0 34-5 156 3 181 13 41 55 41 91 41 18 0 36 0 55 0 62 0 123 0 186 0 83 0 167 0 251 0 38 0 80 4 119-1 67-9 54-82 54-131 0-62 0-124 0-186 0-63 0-124 0-186 0-34 5-159-3-182-15-41-52-41-88-41-19 0-39 0-57 0-62 0-124 0-186 0-86 0-171 0-256 0-34 0-84-4-115 0zM349 544c-8 3-18 2-27 1-44-5-82-35-97-78-17-52 4-110 45-145 95-80 228-25 232 100 4 107-60 202-152 254-18 10-51 28-72 28-29 0-49-32-33-57 8-11 20-14 31-20 33-18 61-46 73-83zm300 2c-14 0-27 0-41-4-104-29-106-161-31-222 97-81 226-17 229 107 2 106-65 199-156 249-19 11-52 28-73 28-30 0-50-33-31-58 8-11 22-14 34-21 31-17 58-45 69-79z" fill="#fdce02" stroke="#fdce02"/></g><g id="navy" data-name="Navy"><path d="M185 82c-20 2-40 11-56 24-48 40-39 106-39 162 0 43 0 86 0 129-1 54 0 107 0 160 0 38-2 76 0 114 2 41-4 83 0 125 4 44 35 83 80 94 33 7 71 3 105 3 46 0 92 0 138 0 94 0 188 0 282 0 45 0 92 2 137 0 49-2 93-38 101-87 5-30 1-62 1-93 0-42 1-84 0-126-1-27 0-54 1-81 1-18-1-36-1-53 0-52 1-104 1-155 0-42 3-84-2-125-5-46-45-86-93-91-31-3-63 0-94 0-47 0-95 0-141 0-95 0-190 0-284 0-45 0-92-4-136 0zm2 42c31-4 81 0 115 0 85 0 170 0 256 0 62 0 124 0 186 0 18 0 38 0 57 0 36 0 73 0 88 41 8 23 3 148 3 182 0 62 0 123 0 186 0 62 0 124 0 186 0 49 13 122-54 131-39 5-81 1-119 1-84 0-168 0-251 0-63 0-124 0-186 0-19 0-37 0-55 0-36 0-78 0-91-41-8-25-3-147-3-181 0-63 0-124 0-186 0-63 0-124 0-186 0-47-12-124 54-133z" fill="#01194d" stroke="#01194d"/><path d="M349 544c-12 37-40 65-73 83-11 6-23 9-31 20-16 25 4 57 33 57 21 0 54-18 72-28 92-52 156-147 152-254-4-125-137-180-232-100-41 35-62 93-45 145 15 43 53 73 97 78 9 1 19 2 27-1z" fill="#01194d" stroke="#01194d"/><path d="M649 546c-11 34-38 62-69 79-12 7-26 10-34 21-19 25 1 58 31 58 21 0 54-17 73-28 91-50 158-143 156-249-3-124-132-188-229-107-75 61-73 193 31 222 14 4 27 4 41 4z" fill="#01194d" stroke="#01194d"/></g></svg>

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

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

import QuotationMarkSquareSvg from "./quotation-mark-square.jsx"; // from the React tab above

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