Quotation Mark Brackets SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="navy" data-name="Navy"><path d="M176 328c21 0 37 5 38-21 0-12 4-47-6-53-6-4-105-5-113-1-4 1-8 6-9 11-3 16 0 76 0 97 0 39 0 78 0 117s0 78 0 117c0 21-3 77 0 95 1 5 4 10 9 12 9 3 108 2 113-2 8-5 8-54 6-63-1-3-5-8-8-9-8-3-21-1-30-1zm-62-49h72v21c-9 0-22-2-31 2-13 5-8 53-8 67 0 36 0 71 0 108 0 36 0 72 0 108 0 14-6 64 10 68 8 3 20 1 29 1v22h-72z" fill="#01225a" stroke="#01225a"/><path d="M589 626c-9 0-23-2-32 3-10 5-10 64-1 71 2 2 5 3 9 4 8 1 98 0 103-2 5-1 9-7 10-12 3-17 0-74 0-95 0-39 0-78 0-117 0-40 0-79 0-118 0-22 3-78 0-96-1-6-5-10-10-12-8-3-97-3-106-1-3 1-5 2-7 4-7 6-8 63 0 69 6 6 25 4 34 4zm61-347v397h-72v-22c9 0 21 2 29-1 16-5 10-53 10-67 0-36 0-72 0-108 0-37 0-72 0-108 0-14 5-63-8-68-9-4-22-2-31-2v-21z" fill="#01225a" stroke="#01225a"/><path d="M457 471c10-29 25-54 50-72 7-6 19-10 23-17 3-5 3-10 1-15-8-19-29-8-41-2-52 26-97 80-106 138-9 53 14 107 75 109 15 0 30-3 43-11 63-39 40-130-45-130z" fill="#01225a" stroke="#01225a"/><path d="M289 471c2-29 27-56 49-72 7-6 18-9 23-17 3-4 3-10 1-15-7-20-30-8-42-2-52 27-95 80-106 138-9 53 14 107 73 109 16 1 31-3 44-11 64-40 37-130-42-130z" fill="#01225a" stroke="#01225a"/><path d="M767 484c0 25-24 50-42 64-5 5-17 9-20 15-6 11 2 24 14 24 7 0 16-5 22-9 45-24 84-71 91-123 6-46-11-97-65-98-14 0-27 3-39 10-52 34-34 116 39 117z" fill="#01225a" stroke="#01225a"/><path d="M912 483c-1 25-22 50-41 64-5 5-16 9-19 15-6 12 4 24 16 23 7-1 15-6 20-9 46-26 81-72 88-124 6-43-12-92-60-96-15-1-29 2-41 10-54 35-28 120 37 117z" fill="#01225a" stroke="#01225a"/></g><g id="amber" data-name="Amber"><path d="M650 279h-72v21c9 0 22-2 31 2 13 5 8 54 8 68 0 36 0 71 0 108 0 36 0 72 0 108 0 14 6 62-10 67-8 3-20 1-29 1v22h72z" fill="#fcc12e" stroke="#fcc12e"/><path d="M114 279v397h72v-22c-9 0-21 2-29-1-16-4-10-54-10-68 0-36 0-72 0-108 0-37 0-72 0-108 0-14-5-62 8-67 9-4 22-2 31-2v-21z" fill="#fcc12e" stroke="#fcc12e"/></g></svg>

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

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

import QuotationMarkBracketsSvg from "./quotation-mark-brackets.jsx"; // from the React tab above

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