Block Quote Mark SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/hJmEP0BxXwlC/amnt.svg" alt="Block Quote Mark" 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="M182 311c-34 5-30 41-30 67 0 17 0 34 0 51 0 48 0 97 0 146s0 98 0 147c0 34-14 110 43 102 34-5 30-40 30-65 0-18 0-35 0-52 0-49 0-98 0-146 0-50 0-98 0-147 0-35 14-111-43-103z" fill="#012573" stroke="#012573"/><path d="M317 446c-22 4-29 34-12 47 14 11 56 6 74 6 52 0 104 0 157 0 75 0 150 0 226 0 23 0 68 3 88 0 23-4 29-34 12-47-14-11-56-6-73-6-53 0-105 0-157 0-75 0-151 0-225 0-25 0-68-4-90 0z" fill="#012573" stroke="#012573"/><path d="M319 579c-20 3-31 26-18 43 12 17 41 10 60 10 46 0 94-2 140 0 44 2 89 2 134 0 46-2 93 1 140 0 20 0 39-14 29-37-8-21-37-16-55-16-48 0-96 0-143 0-67 0-135 0-201 0-27 0-60-4-86 0z" fill="#012573" stroke="#012573"/><path d="M319 706c-28 5-33 44-5 52 8 3 16 1 24 1 36 0 72 0 109 1 74 1 148 1 222-1 8 0 16 1 23-2 28-13 14-49-13-51-40-3-81 0-120 0-56 0-112 0-168 0-24 0-49-3-72 0z" fill="#012573" stroke="#012573"/></g><g id="navy" data-name="Navy"><path d="M317 432c-42 5-49 68-7 79 9 3 18 2 27 2 56 0 114 0 171 0 79 0 157 0 237 0 31 0 75 4 105 0 40-6 49-64 10-78-10-4-20-3-29-3-57 0-115 0-171 0-79 0-158 0-236 0-34 0-74-4-107 0zm0 14c22-4 65 0 90 0 74 0 150 0 225 0 52 0 104 0 157 0 17 0 59-5 73 6 17 13 11 43-12 47-20 3-65 0-88 0-76 0-151 0-226 0-53 0-105 0-157 0-18 0-60 5-74-6-17-13-10-43 12-47z" fill="#011646" stroke="#011646"/><path d="M181 297c-56 8-43 79-43 119 0 53 0 106 0 160 0 53 0 107 0 161 0 31-9 76 24 94 11 6 22 8 34 7 56-7 43-79 43-118 0-54 0-107 0-160 0-54 0-108 0-161 0-21 3-46-1-66-6-25-33-39-57-36zm1 14c57-8 43 68 43 103 0 49 0 97 0 147 0 48 0 97 0 146 0 17 0 34 0 52 0 25 4 60-30 65-57 8-43-68-43-102 0-49 0-98 0-147s0-98 0-146c0-17 0-34 0-51 0-26-4-62 30-67z" fill="#011646" stroke="#011646"/><path d="M319 565c-50 6-50 77 0 81 16 1 33 0 50 0 35 0 70 0 106 0 69 0 137 0 207 0 33 0 67 2 100 0 50-3 52-73 3-80-17-3-35-1-51-1-35 0-70 0-104 0-71 0-142 0-212 0-33 0-67-3-99 0zm0 14c26-4 59 0 86 0 66 0 134 0 201 0 47 0 95 0 143 0 18 0 47-5 55 16 10 23-9 37-29 37-47 1-94-2-140 0-45 2-90 2-134 0-46-2-94 0-140 0-19 0-48 7-60-10-13-17-2-40 18-43z" fill="#011646" stroke="#011646"/><path d="M319 692c-37 4-54 55-20 75 19 11 98 6 125 6 59 0 118 0 177 0 27 0 55 2 82 0 38-3 51-54 19-74-20-13-97-7-123-7-59 0-118 0-177 0-28 0-56-3-83 0zm0 14c23-3 48 0 72 0 56 0 112 0 168 0 39 0 80-3 120 0 27 2 41 38 13 51-7 3-15 2-23 2-74 2-148 2-222 1-37-1-73-1-109-1-8 0-16 2-24-1-28-8-23-47 5-52z" fill="#011646" stroke="#011646"/><path d="M508 254c3-32 48-36 52-53 2-6-1-12-4-18-12-28-26-21-50-9-51 23-82 70-82 127 0 15 0 29 7 43 17 40 68 56 105 31 52-36 32-110-28-121zm30-77c3 5 8 14 8 21-19 11-38 20-48 41-20 38 13 23 34 39 43 35 10 100-42 95-64-6-61-94-37-135 13-22 32-38 54-49 10-5 20-11 31-12z" fill="#011646" stroke="#011646"/><path d="M358 254c6-32 50-37 53-52 2-8-1-14-4-20-12-28-27-19-50-8-51 24-82 71-82 128 0 39 20 79 62 84 18 2 36-1 50-11 53-38 32-110-29-121zm41-56c-20 11-39 20-50 41-20 39 14 21 38 42 42 40-3 106-56 90-52-16-49-88-29-128 14-28 40-47 68-60 5-1 14-7 19-5s8 16 10 20z" fill="#011646" stroke="#011646"/></g><g id="amber" data-name="Amber"><path d="M538 177c-11 1-21 7-31 12-22 11-41 27-54 49-24 41-27 129 37 135 52 5 85-60 42-95-21-16-54-1-34-39 10-21 29-30 48-41 0-7-5-16-8-21z" fill="#fdb603" stroke="#fdb603"/><path d="M399 198c-2-4-5-18-10-20s-14 4-19 5c-28 13-54 32-68 60-20 40-23 112 29 128 53 16 98-50 56-90-24-21-58-3-38-42 11-21 30-30 50-41z" fill="#fdb603" stroke="#fdb603"/></g></svg>

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

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

import BlockQuoteMarkSvg from "./block-quote-mark.jsx"; // from the React tab above

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