Mirror Frame SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ASI1GHSsE4CW/amnt.svg" alt="Mirror Frame" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="baby-blue" data-name="Baby Blue"><path d="M503 54c-59 4-112 48-122 107-6 36-2 75-2 112 0 52 0 104 0 156 0 48 0 96 0 144 0 34-3 70 2 104 11 68 75 110 140 107 60-3 113-49 123-109 5-33 1-75 1-109 0-52 0-104 0-156 0-48 0-95 0-142 0-36 5-76-2-111-13-64-77-107-140-103z" fill="#b2def9" stroke="#b2def9"/></g><g id="amber" data-name="Amber"><path d="M498 30c-72 6-135 62-144 135-4 35-1 73-1 109 0 53 0 105 0 159 0 38 1 77 1 115 0 48-8 105 5 150 20 71 93 115 164 111 68-5 133-55 145-124 7-37 2-79 2-117 0-54 0-108 0-161s0-106 0-158c0-34 4-71-4-104-19-75-93-120-168-115zm2 18c63-5 127 34 146 96 10 35 5 75 5 112 0 50 0 100 0 151 0 53 0 106 0 159 0 34 3 70 0 104-6 64-64 116-127 120-67 4-133-37-148-105-8-36-3-76-3-112 0-47 0-95 0-141 0-54 0-106 0-159 0-37-5-78 2-114 11-60 65-106 125-111z" fill="#f2b21a" stroke="#f2b21a"/><path d="M482 884c-16-1-167 15-130 51 29 27 123 30 162 30 35 0 135-4 160-32 33-36-115-49-131-49v9c10 6 18 7 17 21-2 30-94 28-96 0-1-13 8-16 18-21z" fill="#f2b21a" stroke="#f2b21a"/><path d="M488 883v24c8 4 43 8 48-1 4-6 1-73 1-85l-8 2c10 8 3 34-12 27-3 6-11 31-13 33-3 4-8 5-11 10-1-1-1-1-2 0z" fill="#f2b21a" stroke="#f2b21a"/></g><g id="black" data-name="Black"><path d="M543 821c16-5 32-8 47-15 49-24 85-71 93-125 5-32 2-66 2-98 0-60 0-121 0-180 0-52 0-104 0-155 0-34 3-70-4-103-18-77-90-130-168-130-83 0-158 58-172 141-5 29-2 59-2 89 0 52 0 105 0 158 0 52 0 104 0 157 0 42-4 86 3 127 11 66 72 126 138 133 2 7 3 53 1 58-27-1-124 13-138 37-6 9-6 26-3 36 8 40 140 45 172 45 31 0 164-6 172-44 3-10 3-29-3-38-17-26-109-37-138-36zM496 21c80-6 157 42 178 121 9 35 5 74 5 111 0 50 0 101 0 152 0 53 0 105 0 159 0 42 5 88-4 129-16 69-82 121-152 124-77 4-152-44-173-121-9-34-4-72-4-107 0-52-1-103-1-154 0-53 1-105 1-157 0-41-6-85 2-125 14-71 77-126 148-132zM482 884v9c-10 5-19 8-18 21 2 28 94 30 96 0 1-14-7-15-17-21v-9c16 0 164 13 131 49-25 28-125 32-160 32-39 0-133-3-162-30-37-36 114-52 130-51zm0 16c0 2-1 8 1 10 7 11 62 13 60-10 6 2 12 5 12 12 1 17-31 17-42 17-12 0-43 0-43-16 0-9 5-10 12-13zM346 938c36 31 122 33 167 33 39 0 138-3 166-34 0 6 1 12-3 18-16 30-133 34-163 34-29 0-154-5-166-35-2-5-1-11-1-16zM529 823l8-2c0 12 3 79-1 85-5 9-40 5-48 1v-24-62c13 3 27 2 41 2z" fill="#241914" stroke="#241914"/><path d="M500 48c-60 5-114 51-125 111-7 36-2 77-2 114 0 53 0 105 0 159 0 46 0 94 0 141 0 36-5 76 3 112 15 68 81 109 148 105 63-4 121-56 127-120 3-34 0-70 0-104 0-53 0-106 0-159 0-51 0-101 0-151 0-37 5-77-5-112-19-62-83-101-146-96zm3 6c63-4 127 39 140 103 7 35 2 75 2 111 0 47 0 94 0 142 0 52 0 104 0 156 0 34 4 76-1 109-10 60-63 106-123 109-65 3-129-39-140-107-5-34-2-70-2-104 0-48 0-96 0-144 0-52 0-104 0-156 0-37-4-76 2-112 10-59 63-103 122-107z" fill="#241914" stroke="#241914"/></g><g id="mustard" data-name="Mustard"><path d="M496 21c-71 6-134 61-148 132-8 40-2 84-2 125 0 52-1 104-1 157 0 51 1 102 1 154 0 35-5 73 4 107 21 77 96 125 173 121 70-3 136-55 152-124 9-41 4-87 4-129 0-54 0-106 0-159 0-51 0-102 0-152 0-37 4-76-5-111-21-79-98-127-178-121zm2 9c75-5 149 40 168 115 8 33 4 70 4 104 0 52 0 105 0 158s0 107 0 161c0 38 5 80-2 117-12 69-77 119-145 124-71 4-144-40-164-111-13-45-5-102-5-150 0-38-1-77-1-115 0-54 0-106 0-159 0-36-3-74 1-109 9-73 72-129 144-135z" fill="#d49304" stroke="#d49304"/><path d="M346 938c0 5-1 11 1 16 12 30 137 35 166 35 30 0 147-4 163-34 4-6 3-12 3-18-28 31-127 34-166 34-45 0-131-2-167-33z" fill="#d49304" stroke="#d49304"/><path d="M488 883l3 10c1-1 1-1 2 0 3-5 8-6 11-10 2-2 10-27 13-33 15 7 22-19 12-27-14 0-28 1-41-2z" fill="#d49304" stroke="#d49304"/><path d="M482 900c-7 3-12 4-12 13 0 16 31 16 43 16 11 0 43 0 42-17 0-7-6-10-12-12 2 23-53 21-60 10-2-2-1-8-1-10z" fill="#d49304" stroke="#d49304"/></g></svg>

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

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

import MirrorFrameSvg from "./mirror-frame.jsx"; // from the React tab above

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