Opening Double Quote SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/gq975r9p5TeV/amnt.svg" alt="Opening Double Quote" 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="M866 134c-2 7-1 15-2 21-4 24-15 47-31 64-20 21-44 36-69 51-48 30-96 60-135 102-84 87-137 236-63 346 73 107 239 113 311 2 36-54 38-128 0-182-30-41-79-64-129-61-14 1-26 7-38 8 3-51 96-114 131-149 56-57 71-134 25-202zm7 57c9 63-82 114-125 145-53 37-100 84-128 143-38 81-49 188 26 253 27 22 59 37 95 39 21 1 41-4 62-8-42 21-89 26-134 11-124-41-140-182-95-288 35-84 105-141 180-188 32-20 67-38 93-67 11-12 18-26 26-40zM664 521c36-6 44 45 12 51-33 7-45-45-12-51zm-30 55c27-5 17 23 16 38-1 14 0 30 4 44 3 11 8 22 14 31 3 5 20 24 20 27 0 6-5 6-10 5-7-1-14-8-19-12-31-26-47-72-39-113 2-8 4-18 14-20z" fill="#022146" stroke="#022146"/><path d="M441 131c-3 28-9 54-27 76-34 43-95 69-140 101-25 18-49 38-71 61-84 84-135 238-65 345s237 120 310 8c36-55 36-128-1-183-26-39-75-64-122-62-15 1-28 6-42 8 5-58 93-112 131-152 41-44 67-104 46-164-4-13-10-28-19-38zm6 57c9 62-84 115-126 145-54 38-99 86-128 146-37 80-48 188 25 251 21 18 44 31 71 37 30 6 62 6 90-6-6 7-22 11-30 14-66 21-140 0-183-54-54-66-50-159-19-234 34-83 101-143 175-189 39-25 86-48 112-87 5-7 8-15 13-23zM238 521c33-6 46 44 13 51-34 7-46-44-13-51zm-30 55c31-6 15 34 15 50 0 10 2 20 4 30 4 12 8 23 15 33 2 4 20 24 20 27 0 6-5 6-9 5-7-1-15-8-20-12-32-26-46-72-39-112 1-8 3-19 14-21z" fill="#022146" stroke="#022146"/></g><g id="cream" data-name="Cream"><path d="M447 188c-5 8-8 16-13 23-26 39-73 62-112 87-74 46-141 106-175 189-31 75-35 168 19 234 43 54 117 75 183 54 8-3 24-7 30-14-28 12-60 12-90 6-27-6-50-19-71-37-73-63-62-171-25-251 29-60 74-108 128-146 42-30 135-83 126-145z" fill="#fbe8c5" stroke="#fbe8c5"/><path d="M873 191c-8 14-15 28-26 40-26 29-61 47-93 67-75 47-145 104-180 188-45 106-29 247 95 288 45 15 92 10 134-11-21 4-41 9-62 8-36-2-68-17-95-39-75-65-64-172-26-253 28-59 75-106 128-143 43-31 134-82 125-145z" fill="#fbe8c5" stroke="#fbe8c5"/><path d="M634 576c-10 2-12 12-14 20-8 41 8 87 39 113 5 4 12 11 19 12 5 1 10 1 10-5 0-3-17-22-20-27-6-9-11-20-14-31-4-14-5-30-4-44 1-15 11-43-16-38z" fill="#fbe8c5" stroke="#fbe8c5"/><path d="M208 576c-11 2-13 13-14 21-7 40 7 86 39 112 5 4 13 11 20 12 4 1 9 1 9-5 0-3-18-23-20-27-7-10-11-21-15-33-2-10-4-20-4-30 0-16 16-56-15-50z" fill="#fbe8c5" stroke="#fbe8c5"/><path d="M238 521c-33 7-21 58 13 51 33-7 20-57-13-51z" fill="#fbe8c5" stroke="#fbe8c5"/><path d="M664 521c-33 6-21 58 12 51 32-6 24-57-12-51z" fill="#fbe8c5" stroke="#fbe8c5"/></g></svg>

.opening-double-quote {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/gq975r9p5TeV/amnt.svg");
  background-size: contain;
}

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

import OpeningDoubleQuoteSvg from "./opening-double-quote.jsx"; // from the React tab above

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