Photo Frame SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="cream" data-name="Cream"><path d="M161 223v347c72-50 145-136 205-201 14-16 33-31 55-27 37 7 124 133 158 164 11-12 25-22 37-33 50-43 70-28 115 10 29 25 59 52 87 78 14 13 29 29 45 38v-376zm552 32c104-5 111 149 10 155-103 6-112-149-10-155z" fill="#fcf0d5" stroke="#fcf0d5"/><path d="M924 800c-8-7-49-49-54-51-10-4-109-1-127-1-77 0-155 0-231 0-78 0-154 0-231 0-19 0-117-3-127 1-6 2-46 44-53 51z" fill="#fcf0d5" stroke="#fcf0d5"/><path d="M924 154h-823c7 7 48 49 53 51 10 4 109 1 128 1 77 0 154 0 231 0s154 0 231 0c18 0 116 3 126-1 5-2 46-44 54-51z" fill="#fcf0d5" stroke="#fcf0d5"/><path d="M937 164c-7 7-54 49-56 54-3 10 0 60 0 75 0 61 0 122 0 184 0 61 0 122 0 184 0 15-3 64 0 75 2 5 49 47 56 55z" fill="#fcf0d5" stroke="#fcf0d5"/><path d="M87 164v627c7-8 54-51 56-55 3-11 0-60 0-75 0-62 0-123 0-184 0-62 0-123 0-184 0-15 3-64 0-75-2-4-49-47-56-54z" fill="#fcf0d5" stroke="#fcf0d5"/></g><g id="black" data-name="Black"><path d="M453 136c-65 0-130 1-195 1-39 0-78 0-117 0-16 0-34-2-49 0-7 1-14 6-18 12-3 3-4 8-5 12-2 16 0 35 0 53 0 42 0 84 0 127 0 65 0 130 0 196 0 65 0 130 0 196 0 19-3 41 0 60 2 9 8 18 16 21 14 7 76 3 96 3 130 0 260 0 391 0 65 0 130 0 196 0 39 0 78 0 117 0 15 0 32 2 47 0 8-2 15-7 18-13 10-16 5-162 5-191 0-66 0-131 0-196 0-66 0-131 0-196 0-20 3-41 0-60-2-10-9-19-18-22-16-6-74-2-94-2-130 0-260-1-390-1zm471 18c-8 7-49 49-54 51-10 4-108 1-126 1-77 0-154 0-231 0s-154 0-231 0c-19 0-118 3-128-1-5-2-46-44-53-51zm13 10v627c-7-8-54-50-56-55-3-11 0-60 0-75 0-62 0-123 0-184 0-62 0-123 0-184 0-15-3-65 0-75 2-5 49-47 56-54zM87 164c7 7 54 50 56 54 3 11 0 60 0 75 0 61 0 122 0 184 0 61 0 122 0 184 0 15 3 64 0 75-2 4-49 47-56 55zm74 59h702v376c-16-9-31-25-45-38-28-26-58-53-87-78-45-38-65-53-115-10-12 11-26 21-37 33-34-31-121-157-158-164-22-4-41 11-55 27-60 65-133 151-205 201zM674 627c-105 43-157 3-254-21-91-23-173-15-259 24 0-10-3-34 0-42 2-4 43-35 49-40 24-21 46-42 68-64 24-24 46-49 68-73 15-16 29-35 46-47 7-6 15-9 23-8s15 4 20 9c20 16 35 37 51 56 19 24 40 46 60 69 40 47 83 93 128 137zm189 5c-38-20-88-25-129-19-15 2-30 7-45 10-26-27-52-53-77-80-8-9-17-17-24-27 12-12 27-24 40-35 11-8 22-20 36-21 25-2 55 31 72 47 33 28 65 57 98 86 5 5 26 18 28 23s1 11 1 16zm0 14v85h-702c0-11-2-80 1-85 2-4 16-8 20-10 29-13 60-22 91-27 69-10 136 6 201 28 29 9 59 21 90 23 29 2 58-4 87-12 84-23 127-35 212-2zm61 154h-823c7-7 47-49 53-51 10-4 108-1 127-1 77 0 153 0 231 0 76 0 154 0 231 0 18 0 117-3 127 1 5 2 46 44 54 51z" fill="#21292a" stroke="#21292a"/><path d="M713 255c-102 6-93 161 10 155 101-6 94-160-10-155zm-5 15c85-10 100 113 20 124-84 13-100-114-20-124z" fill="#21292a" stroke="#21292a"/></g><g id="steel" data-name="Steel"><path d="M674 627c-45-44-88-90-128-137-20-23-41-45-60-69-16-19-31-40-51-56-5-5-12-8-20-9s-16 2-23 8c-17 12-31 31-46 47-22 24-44 49-68 73-22 22-44 43-68 64-6 5-47 36-49 40-3 8 0 32 0 42 86-39 168-47 259-24 97 24 149 64 254 21z" fill="#6291b4" stroke="#6291b4"/></g><g id="olive" data-name="Olive"><path d="M863 646c-85-33-128-21-212 2-29 8-58 14-87 12-31-2-61-14-90-23-65-22-132-38-201-28-31 5-62 14-91 27-4 2-18 6-20 10-3 5-1 74-1 85h702z" fill="#95aa6e" stroke="#95aa6e"/></g><g id="sky" data-name="Sky"><path d="M863 632c0-5 1-11-1-16s-23-18-28-23c-33-29-65-58-98-86-17-16-47-49-72-47-14 1-25 13-36 21-13 11-28 23-40 35 7 10 16 18 24 27 25 27 51 53 77 80 15-3 30-8 45-10 41-6 91-1 129 19z" fill="#8ab2cf" stroke="#8ab2cf"/></g><g id="amber" data-name="Amber"><path d="M708 270c-80 10-64 137 20 124 80-11 65-134-20-124z" fill="#fbc02a" stroke="#fbc02a"/></g></svg>

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

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

import PhotoFrameSvg from "./photo-frame.jsx"; // from the React tab above

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