Empty Folder SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="amber" data-name="Amber"><path d="M58 566c-12 2-21 10-19 23 2 11 30 57 36 70 18 32 34 65 51 97 15 28 17 46 53 46 16 0 33 0 50 0 49 0 97 0 147 0 98 0 196 0 295 0 49 0 98 0 148 0 12 0 27 2 39 0 23-4 37-43 46-61 17-33 34-65 51-97 7-12 28-45 29-57 1-7-3-15-10-18-9-5-22-3-31-3-99 0-197 0-295 0-99 0-197 0-295 0-70 0-138 0-207 0-27 0-63-4-88 0z" fill="#fcc21d" stroke="#fcc21d"/><path d="M873 310c5-15 14-59 2-71-4-5-11-7-17-8-15-2-33 0-48 0-37 0-74 0-110 0-53 0-106 0-158 0-24 0-50 2-73 0-10-1-21-6-29-12-29-21-28-61-72-64-42-3-88 0-130 0-31 1-101-14-101 33 0 14 4 29 6 43 4 25 6 50 10 76 4-6 77-4 89-4 30 0 60 0 91 0 60 0 121 0 182 0 60 0 122 0 183 0 30 0 60 0 91 0 12 0 70-3 78 0 2 1 4 5 6 7z" fill="#fcc21d" stroke="#fcc21d"/><path d="M92 557c-4-8 26-94 31-109 5-16 30-102 38-106l-3-21-78 236z" fill="#fcc21d" stroke="#fcc21d"/><path d="M863 342c7 1 33 92 38 106 5 16 31 92 32 103 0 2-1 4-2 6h12l-76-238z" fill="#fcc21d" stroke="#fcc21d"/></g><g id="tangerine" data-name="Tangerine"><path d="M859 312h-693l46 245h600z" fill="#d69203" stroke="#d69203"/><path d="M92 557h110l-41-215c-8 4-33 90-38 106-5 15-35 101-31 109z" fill="#d69203" stroke="#d69203"/><path d="M931 557c1-2 2-4 2-6-1-11-27-87-32-103-5-14-31-105-38-106l-41 215z" fill="#d69203" stroke="#d69203"/></g><g id="chocolate" data-name="Chocolate"><path d="M958 552c-8-14-12-32-17-48-11-37-23-75-35-112-5-14-20-52-21-65 0-5 2-11 3-17 4-25 19-64-5-84-5-5-13-8-21-9-18-2-37 0-55 0-42 0-83 0-124 0-48 0-96 0-143 0-22 0-45 2-66 0-30-3-40-29-55-50-20-28-49-26-79-26-41 0-81 0-121 0-18 0-38-2-55 0-9 1-18 5-24 10-9 7-15 18-17 29-3 21 11 92 14 117 1 9 4 19 3 29-2 11-8 23-11 34-13 41-27 82-40 123-3 8-20 67-23 68-3 2-9 1-13 2-17 2-30 17-29 34 1 11 8 21 12 29 24 46 49 92 73 138 8 15 15 34 26 47 6 8 15 13 25 15 26 4 69 0 97 0 69 0 139 0 209 0s140 0 210 0c42 0 86 0 129 0 18 0 38 2 56 0 6-1 12-4 18-7 18-12 62-108 76-134 9-17 40-68 43-83 4-26-17-40-40-40zM873 310c-2-2-4-6-6-7-8-3-66 0-78 0-31 0-61 0-91 0-61 0-123 0-183 0-61 0-122 0-182 0-31 0-61 0-91 0-12 0-85-2-89 4-4-26-6-51-10-76-2-14-6-29-6-43 0-47 70-32 101-33 42 0 88-3 130 0 44 3 43 43 72 64 8 6 19 11 29 12 23 2 49 0 73 0 52 0 105 0 158 0 36 0 73 0 110 0 15 0 33-2 48 0 6 1 13 3 17 8 12 12 3 56-2 71zm-14 2l-47 245h-600l-46-245zM58 566c25-4 61 0 88 0 69 0 137 0 207 0 98 0 196 0 295 0 98 0 196 0 295 0 9 0 22-2 31 3 7 3 11 11 10 18-1 12-22 45-29 57-17 32-34 64-51 97-9 18-23 57-46 61-12 2-27 0-39 0-50 0-99 0-148 0-99 0-197 0-295 0-50 0-98 0-147 0-17 0-34 0-50 0-36 0-38-18-53-46-17-32-33-65-51-97-6-13-34-59-36-70-2-13 7-21 19-23zM161 342l41 215h-110-12l78-236zM931 557h-109l41-215 4-23 76 238z" fill="#452405" stroke="#452405"/></g></svg>

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

import EmptyFolderSvg from "./empty-folder.jsx"; // from the React tab above

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