Instant Photo Frame SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/0DsX1thn4daC/amnt.svg" alt="Instant 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="ivory" data-name="Ivory"><path d="M150 43c-4 1-7 4-8 8-3 11 0 72 0 89 0 34 0 69 0 104 0 69 0 138 0 208 0 138 0 277 0 416 0 16-3 78 0 89 1 4 3 6 7 8 11 5 85 1 103 1 69 0 138 0 208 0 69 0 138 0 208 0 25 0 197 3 207-1 4-1 7-5 8-9 3-13 0-69 0-86 0-35 0-70 0-104 0-70 0-139 0-208 0-139 0-278 0-416 0-18 3-76 0-89-1-3-4-7-7-9-9-4-86-1-102-1-70 0-139 0-208 0-70 0-139 0-208 0-27 0-197-3-208 0zm32 35c4-2 149 0 167 0 55 0 111 0 167 0 55 0 111 0 167 0 27 0 55 0 83 0 11 0 77-2 80 4 2 3 0 149 0 167 0 55 0 111 0 167 0 55 0 111 0 167 0 27 0 55 0 83 0 11 2 77-4 80-3 2-149 0-166 0-56 0-112 0-167 0-56 0-112 0-167 0-28 0-56 0-83 0-12 0-78 2-81-4-2-3 0-149 0-166 0-56 0-112 0-167 0-56 0-112 0-167 0-28 0-56 0-83 0-12-2-77 4-81z" fill="#fcf8ef" stroke="#fcf8ef"/></g><g id="black" data-name="Black"><path d="M152 35c-6 1-12 5-15 10-5 10-3 64-3 79 0 35 0 71 0 107 0 71 0 143 0 215 0 142 0 285 0 428 0 16-3 73 2 86 1 5 5 10 10 12 11 5 29 2 42 1 18-1 36 1 55 1 67 0 136 1 204-1 50-2 101 0 152 0 17 0 35 2 53 1 35-1 70 0 104 0 31 0 62-2 93-1 54 3 41-21 41-65 0-36 0-72 0-107 0-72 0-144 0-215 0-144 0-287 0-430 0-22 4-92-1-107-1-5-5-10-10-12-14-6-65-2-83-2-72 0-144 0-215 0-103 0-206 0-308 0-29 0-57 0-85 0-12 0-25-2-36 0zm-2 8c11-3 181 0 208 0 69 0 138 0 208 0 69 0 138 0 208 0 16 0 93-3 102 1 3 2 6 6 7 9 3 13 0 71 0 89 0 138 0 277 0 416 0 69 0 138 0 208 0 34 0 69 0 104 0 17 3 73 0 86-1 4-4 8-8 9-10 4-182 1-207 1-70 0-139 0-208 0-70 0-139 0-208 0-18 0-92 4-103-1-4-2-6-4-7-8-3-11 0-73 0-89 0-139 0-278 0-416 0-70 0-139 0-208 0-35 0-70 0-104 0-17-3-78 0-89 1-4 4-7 8-8z" fill="#242524" stroke="#242524"/><path d="M182 78c-6 4-4 69-4 81 0 27 0 55 0 83 0 55 0 111 0 167 0 55 0 111 0 167 0 17-2 163 0 166 3 6 69 4 81 4 27 0 55 0 83 0 55 0 111 0 167 0 55 0 111 0 167 0 17 0 163 2 166 0 6-3 4-69 4-80 0-28 0-56 0-83 0-56 0-112 0-167 0-56 0-112 0-167 0-18 2-164 0-167-3-6-69-4-80-4-28 0-56 0-83 0-56 0-112 0-167 0-56 0-112 0-167 0-18 0-163-2-167 0zm657 8v652l-654 1v-653z" fill="#242524" stroke="#242524"/></g></svg>

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

.instant-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/0DsX1thn4daC/amnt.svg") center / contain no-repeat;
}

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

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