Door SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="orange" data-name="Orange"><path d="M318 132v94c26 0 21 8 21 31 0 8 2 42-3 47-4 4-13 2-18 2v396c26 0 21 7 21 30 0 8 3 42-2 47-4 5-14 3-19 3v124h388v-774zm55 46c7-3 134 0 153 0 25 0 51 0 77 0 8 0 49-2 52 3 3 4 1 16 1 21 0 49 0 99 0 149 0 16 2 145-3 149s-134 1-151 1c-26 0-52 0-77 0-9 0-51 2-55-2s-2-14-2-18c0-51 0-103 0-153 0-18-3-139 0-145 1-3 2-4 5-5zM661 502c44-6 54 59 12 65-44 7-54-59-12-65zM372 570c6-3 124 0 141 0 16 0 136-3 140 1 5 4 3 122 3 139s2 134-4 138c-6 3-124 0-140 0s-137 2-141-1c-5-3-3-123-3-138 0-18-2-135 4-139z" fill="#cb7319" stroke="#cb7319"/><path d="M663 515c-25 5-18 44 8 39 25-4 17-43-8-39z" fill="#cb7319" stroke="#cb7319"/></g><g id="caramel" data-name="Caramel"><path d="M381 191v297h262v-297z" fill="#a25b21" stroke="#a25b21"/><path d="M381 583v252h262v-252z" fill="#a25b21" stroke="#a25b21"/><path d="M719 914l1-781z" fill="#a25b21" stroke="#a25b21"/><path d="M252 77h520z" fill="#a25b21" stroke="#a25b21"/><path d="M772 118h-520z" fill="#a25b21" stroke="#a25b21"/><path d="M252 118v-41z" fill="#a25b21" stroke="#a25b21"/><path d="M772 118v-41z" fill="#a25b21" stroke="#a25b21"/><path d="M291 917l13-1z" fill="#a25b21" stroke="#a25b21"/></g><g id="black" data-name="Black"><path d="M773 133c4 0 9-1 12-5 2-3 2-56 0-60-1-3-3-4-7-5-11-3-72 0-88 0-60 0-119 0-178 0-60 0-119 0-178 0-16 0-79-3-89 0-4 2-5 3-7 7-1 5-1 55 2 59 2 3 7 3 11 3 0 146 0 292 0 439 0 73 0 146 0 219 0 36 0 72 0 109 0 27-7 31 24 31 11 0 43 6 44-10h386c2 17 33 10 46 10 29 0 22-6 22-32 0-37 0-73 0-109 0-73 0-146 0-219 0-146 1-292 0-437zm-455-1h388v774h-388v-124c5 0 15 2 19-3 5-5 2-39 2-47 0-23 5-30-21-30v-396c5 0 14 2 18-2 5-5 3-39 3-47 0-23 5-31-21-31zm0 106c3 1 5 1 8 0v55l-8 1zm0 478h8v53l-8 1zM252 118v-41h520v41zM719 914l1-781 40-1v785c-7 0-39 2-41-3zm-428 3h-27v-785h41l-1 784z" fill="#192226" stroke="#192226"/><path d="M373 178c-3 1-4 2-5 5-3 6 0 127 0 145 0 50 0 102 0 153 0 4-2 14 2 18s46 2 55 2c25 0 51 0 77 0 17 0 146 3 151-1s3-133 3-149c0-50 0-100 0-149 0-5 2-17-1-21-3-5-44-3-52-3-26 0-52 0-77 0-19 0-146-3-153 0zm8 13h262v297h-262z" fill="#192226" stroke="#192226"/><path d="M372 570c-6 4-4 121-4 139 0 15-2 135 3 138 4 3 125 1 141 1s134 3 140 0c6-4 4-121 4-138s2-135-3-139c-4-4-124-1-140-1-17 0-135-3-141 0zm9 13h262v252h-262z" fill="#192226" stroke="#192226"/><path d="M661 502c-42 6-32 72 12 65 42-6 32-71-12-65zm2 13c25-4 33 35 8 39-26 5-33-34-8-39z" fill="#192226" stroke="#192226"/></g><g id="sand" data-name="Sand"><path d="M304 916l1-784h-41v785h27z" fill="#f4dbac" stroke="#f4dbac"/><path d="M720 133l-1 781c2 5 34 3 41 3v-785z" fill="#f4dbac" stroke="#f4dbac"/><path d="M772 77h-520v41h520z" fill="#f4dbac" stroke="#f4dbac"/><path d="M318 238v56l8-1v-55c-3 1-5 1-8 0z" fill="#f4dbac" stroke="#f4dbac"/><path d="M318 716v54l8-1v-53z" fill="#f4dbac" stroke="#f4dbac"/></g></svg>

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

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

import DoorSvg from "./door.jsx"; // from the React tab above

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