Window Frame SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="black" data-name="Black"><path d="M139 76c-3 1-4 2-5 5-3 6 0 78 0 91 0 33 0 66 0 99 0 66 0 131 0 198 0 132 0 263 0 396 0 8-3 29 1 36 3 8 47 5 58 5 33 0 66 0 99 0 66 0 131 0 198 0 66 0 131 0 198 0 21 0 191 2 197 0 3-1 4-2 5-5 3-6 0-78 0-90 0-33 0-66 0-99 0-67 0-132 0-198 0-132 0-264 0-396 0-8 2-34-1-39-4-5-48-3-57-3-33 0-66 0-99 0-67 0-132 0-198 0-67 0-132 0-198 0-22 0-192-2-198 0zM871 87c-8 7-36 39-42 41-10 4-99 1-116 1-67 0-134 0-200 0-67 0-134 0-200 0-18 0-108 3-118-1-6-2-34-34-41-41zm8 7v794c-7-8-41-38-44-45-2-6 0-16 0-22 0-37 0-74 0-110 0-74 0-147 0-220 0-74 0-147 0-220 0-37 0-74 0-110 0-7-2-17 0-23 3-7 37-37 44-44zM145 95c6 4 42 37 44 43 3 10 0 113 0 133 0 73 0 146 0 220 0 73 0 146 0 220 0 36 0 73 0 110 0 6 2 16 0 22-3 7-37 37-44 45zm55 45h624v701h-624zM872 895h-719c7-8 35-40 43-42 12-4 95-1 115-1 66 0 134 0 201 0 66 0 134 0 201 0 17 0 105-3 115 1 6 2 37 35 44 42z" fill="#020102" stroke="#020102"/><path d="M212 149c-5 3-3 65-3 76 0 25 0 51 0 77 0 51 0 102 0 154 0 4-2 13 1 16 4 5 49 3 58 3 25 0 51 0 77 0 16 0 149 2 153-1 5-3 3-134 3-151 0-52 0-103 0-154 0-5 2-15-1-18-3-4-50-2-57-2-26 0-52 0-77 0-16 0-151-2-154 0zm153 10h52 33 40v18 239 9 9 10 20h-270v-18-53-33-53-148z" fill="#020102" stroke="#020102"/><path d="M527 149c-5 3-3 65-3 76 0 25 0 51 0 77 0 51 0 102 0 154 0 4-2 13 1 16 4 5 48 3 57 3 25 0 51 0 77 0 16 0 149 2 153-1 5-3 3-134 3-151 0-52 0-103 0-154 0-5 2-16-2-19-3-3-48-1-55-1-26 0-52 0-77 0-16 0-151-2-154 0zm182 10h51 32 12v46 259h-252-17v-41-32-52-180z" fill="#020102" stroke="#020102"/><path d="M213 498c-6 4-4 65-4 76 0 26 0 52 0 79 0 52 0 104 0 157 0 5-2 17 1 22s44 3 53 3c26 0 52 0 78 0 16 0 153 2 156 0 6-3 4-64 4-75 0-27 0-53 0-79 0-53 0-105 0-157 0-6 3-20-1-24-3-4-45-2-52-2-26 0-52 0-78 0-17 0-153-2-157 0zm7 182l1-171h268l1 16v11 14l-1 274-266 1c-3 0-3-3-3-6v-53-33z" fill="#020102" stroke="#020102"/><path d="M528 498c-6 4-4 65-4 76 0 26 0 52 0 78 0 52 0 104 0 157 0 5-2 18 1 23s43 3 52 3c26 0 51 0 78 0 16 0 152 2 156 0 6-4 4-64 4-75 0-26 0-52 0-78 0-53 0-105 0-157 0-6 3-21-1-25s-44-2-51-2c-26 0-52 0-78 0-17 0-153-2-157 0zm7 200l1-189h267l1 7v52l-1 256h-267l-1-41v-33z" fill="#020102" stroke="#020102"/></g><g id="rust" data-name="Rust"><path d="M200 140v701h624v-701zm12 9c3-2 138 0 154 0 25 0 51 0 77 0 7 0 54-2 57 2 3 3 1 13 1 18 0 51 0 102 0 154 0 17 2 148-3 151-4 3-137 1-153 1-26 0-52 0-77 0-9 0-54 2-58-3-3-3-1-12-1-16 0-52 0-103 0-154 0-26 0-52 0-77 0-11-2-73 3-76zm315 0c3-2 138 0 154 0 25 0 51 0 77 0 7 0 52-2 55 1 4 3 2 14 2 19 0 51 0 102 0 154 0 17 2 148-3 151-4 3-137 1-153 1-26 0-52 0-77 0-9 0-53 2-57-3-3-3-1-12-1-16 0-52 0-103 0-154 0-26 0-52 0-77 0-11-2-73 3-76zM213 498c4-2 140 0 157 0 26 0 52 0 78 0 7 0 49-2 52 2 4 4 1 18 1 24 0 52 0 104 0 157 0 26 0 52 0 79 0 11 2 72-4 75-3 2-140 0-156 0-26 0-52 0-78 0-9 0-50 2-53-3s-1-17-1-22c0-53 0-105 0-157 0-27 0-53 0-79 0-11-2-72 4-76zm315 0c4-2 140 0 157 0 26 0 52 0 78 0 7 0 47-2 51 2s1 19 1 25c0 52 0 104 0 157 0 26 0 52 0 78 0 11 2 71-4 75-4 2-140 0-156 0-27 0-52 0-78 0-9 0-49 2-52-3s-1-18-1-23c0-53 0-105 0-157 0-26 0-52 0-78 0-11-2-72 4-76z" fill="#9c5321" stroke="#9c5321"/><path d="M879 94c-7 7-41 37-44 44-2 6 0 16 0 23 0 36 0 73 0 110 0 73 0 146 0 220 0 73 0 146 0 220 0 36 0 73 0 110 0 6-2 16 0 22 3 7 37 37 44 45z" fill="#9c5321" stroke="#9c5321"/><path d="M145 95v793c7-8 41-38 44-45 2-6 0-16 0-22 0-37 0-74 0-110 0-74 0-147 0-220 0-74 0-147 0-220 0-20 3-123 0-133-2-6-38-39-44-43z" fill="#9c5321" stroke="#9c5321"/><path d="M872 895c-7-7-38-40-44-42-10-4-98-1-115-1-67 0-135 0-201 0-67 0-135 0-201 0-20 0-103-3-115 1-8 2-36 34-43 42z" fill="#9c5321" stroke="#9c5321"/><path d="M871 87h-717c7 7 35 39 41 41 10 4 100 1 118 1 66 0 133 0 200 0 66 0 133 0 200 0 17 0 106 3 116-1 6-2 34-34 42-41z" fill="#9c5321" stroke="#9c5321"/><path d="M221 509h172 47 37 12z" fill="#9c5321" stroke="#9c5321"/><path d="M536 509h190 46 31z" fill="#9c5321" stroke="#9c5321"/><path d="M548 824h-12
…

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

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

import WindowFrameSvg from "./window-frame.jsx"; // from the React tab above

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