Quote Frame SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/gAzb-Qb-_F2S/amnt.svg" alt="Quote Frame" 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="M713 794c-28-5-59-1-87-1-70 0-138 1-206 0-49 0-97-1-145-1-28 0-127 6-147-1-6-1-11-5-13-11-6-15-2-103-2-124 0-51 0-101 0-151 0-51 0-101 0-151 0-19 6-51-16-59-27-10-37 13-37 35 0 100 0 201 0 302 0 32 0 64 0 97 0 17-1 34 0 51 5 48 44 66 87 66 100 0 201 0 302 0 50 0 100 0 151 0 21 0 100 4 115-3 7-4 10-11 14-17 8 8 18 12 28 18-8 21-40 23-43 45-5 35 31 29 51 21 31-13 59-38 76-67 4-7 7-16 11-23 7 12 21 19 33 24-11 17-38 27-42 40-11 30 19 36 41 29 37-12 68-40 87-75 57-105-58-185-122-98-39-69-147-36-136 54zM85 310c5-1 9 3 10 7 4 10 1 107 1 126 0 48 0 96 0 145 0 48 0 96 0 145 0 28-6 72 33 77 11 1 23 0 35 0 96 0 193 0 290 0 48 0 96 0 145 0 24 0 48 0 72 0 9 0 25-3 35 1 13 6 4 17-7 18-20 3-43-1-63-1-72 0-145 1-217 1-61 0-122-1-182-1-35 0-71 4-106 1-21-2-41-15-49-35-10-24-5-166-5-201 0-49 0-97 0-145 0-21-3-119 0-130 1-4 4-7 8-8zM781 721c16-1 31 4 43 16 48 45-8 125-53 150-8 4-21 13-31 12-7 0-12-3-7-11 0 0 28-20 34-27 30-38 2-26-18-41-39-31-15-95 32-99zm127 0c14-1 29 3 40 12 57 45-7 133-55 157-7 4-16 9-24 9-7 0-14-3-9-10 2-4 27-19 34-27 31-39 4-26-17-42-39-29-16-94 31-99z" fill="#011c4c" stroke="#011c4c"/><path d="M141 138c10-16 38-28 42-40 11-31-18-36-40-29-38 12-69 41-87 75-57 107 60 186 122 98 24 59 137 49 137-44 36 3 75 0 112 0 60 0 121 2 182 0 48-2 98 0 147 0 23 0 131-4 144 3 4 2 8 7 10 11 5 13 1 106 1 128 0 49 0 98 0 148 0 49 0 99 0 149 0 12-3 27 2 39 9 21 42 22 49 0 3-7 2-14 2-21 0-99 0-199 0-297 0-32 0-63 0-94 0-18 2-36 0-53-4-45-44-66-84-66-99 0-199 0-297 0-50 0-100 0-149 0-23 0-107-4-123 2-6 1-9 6-13 10-9-9-19-13-29-19 7-22 40-23 43-45 6-35-31-28-51-20-38 15-74 49-86 89-11-10-20-17-34-24zm20-56c6 1 9 4 6 10-1 2-30 22-36 30-29 36 1 26 20 41 39 32 13 95-35 98-14 1-29-4-40-14-52-47 8-132 60-156 6-3 17-10 25-9zm127 0c6 1 8 4 6 10 0 1-30 23-35 30-29 37 0 25 20 42 40 31 11 96-37 97-15 0-30-5-40-16-48-49 11-129 59-153 6-3 19-11 27-10zm32 80c13-3 53 0 69 0 72 0 145 0 218 0s147 1 221 1c20 0 42-2 62-1 23 1 44 14 52 35 10 24 5 161 5 197 0 47 0 96 0 144 0 18 3 121 0 130-1 3-4 6-7 7-5 1-10-2-11-7-4-12-1-104-1-123 0-48 0-96 0-144s0-96 0-144c0-28 5-71-33-76-11-1-24 0-35 0-96 0-193 0-288 0-48 0-96 0-144 0-24 0-48 0-72 0-11 0-26 3-36 0-11-3-11-16 0-19z" fill="#011c4c" stroke="#011c4c"/></g><g id="amber" data-name="Amber"><path d="M85 310c-4 1-7 4-8 8-3 11 0 109 0 130 0 48 0 96 0 145 0 35-5 177 5 201 8 20 28 33 49 35 35 3 71-1 106-1 60 0 121 1 182 1 72 0 145-1 217-1 20 0 43 4 63 1 11-1 20-12 7-18-10-4-26-1-35-1-24 0-48 0-72 0-49 0-97 0-145 0-97 0-194 0-290 0-12 0-24 1-35 0-39-5-33-49-33-77 0-49 0-97 0-145 0-49 0-97 0-145 0-19 3-116-1-126-1-4-5-8-10-7z" fill="#fabd1b" stroke="#fabd1b"/><path d="M320 162c-11 3-11 16 0 19 10 3 25 0 36 0 24 0 48 0 72 0 48 0 96 0 144 0 95 0 192 0 288 0 11 0 24-1 35 0 38 5 33 48 33 76 0 48 0 96 0 144s0 96 0 144c0 19-3 111 1 123 1 5 6 8 11 7 3-1 6-4 7-7 3-9 0-112 0-130 0-48 0-97 0-144 0-36 5-173-5-197-8-21-29-34-52-35-20-1-42 1-62 1-74 0-148-1-221-1s-146 0-218 0c-16 0-56-3-69 0z" fill="#fabd1b" stroke="#fabd1b"/><path d="M161 82c-8-1-19 6-25 9-52 24-112 109-60 156 11 10 26 15 40 14 48-3 74-66 35-98-19-15-49-5-20-41 6-8 35-28 36-30 3-6 0-9-6-10z" fill="#fabd1b" stroke="#fabd1b"/><path d="M908 721c-47 5-70 70-31 99 21 16 48 3 17 42-7 8-32 23-34 27-5 7 2 10 9 10 8 0 17-5 24-9 48-24 112-112 55-157-11-9-26-13-40-12z" fill="#fabd1b" stroke="#fabd1b"/><path d="M288 82c-8-1-21 7-27 10-48 24-107 104-59 153 10 11 25 16 40 16 48-1 77-66 37-97-20-17-49-5-20-42 5-7 35-29 35-30 2-6 0-9-6-10z" fill="#fabd1b" stroke="#fabd1b"/><path d="M781 721c-47 4-71 68-32 99 20 15 48 3 18 41-6 7-34 27-34 27-5 8 0 11 7 11 10 1 23-8 31-12 45-25 101-105 53-150-12-12-27-17-43-16z" fill="#fabd1b" stroke="#fabd1b"/></g></svg>

.quote-frame {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/gAzb-Qb-_F2S/amnt.svg");
  background-size: contain;
}

.quote-frame {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/gAzb-Qb-_F2S/amnt.svg") center / contain no-repeat;
}

import QuoteFrameSvg from "./quote-frame.jsx"; // from the React tab above

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