Folder SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/IVMVPtIzdfvs/amnt.svg" alt="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="M183 204c-40 5-39 40-39 72 0 17 0 34 0 51 0 53 0 107 0 161 0 53 0 107 0 161 0 51-14 104 56 104 106 0 214 0 321 0 73 0 147 0 221 0 32 0 67 3 99 0 41-4 39-40 39-70 0-18 0-35 0-52 0-54 0-108 0-161 0-32 0-64 0-95 0-14 2-28 0-41-1-6-4-13-8-18-5-7-14-13-23-16-21-5-93-1-119-1-54 0-108 0-161 0-32 0-79 9-102-20-6-7-10-16-15-24-39-62-35-51-109-51-37 0-72 0-108 0-17 0-35-2-52 0z" fill="#fcc00e" stroke="#fcc00e"/></g><g id="grape" data-name="Grape"><path d="M179 175c-36 4-62 35-65 70-1 13 1 26 1 38 0 22 0 43 0 65 1 34-2 68-1 103 1 56 0 112 1 168 0 21-1 42 0 63 1 34-3 61 27 85 10 8 23 13 36 15 35 4 88 0 126 0 59 0 117 0 177 0 117 0 235 0 353 0 90 0 76-87 76-149 0-43 0-86 0-128 0-37 5-161-4-188-7-19-23-36-42-43-22-8-49-5-72-5-59 0-118 0-177 0-20 0-109 4-120-4-10-6-15-22-22-32-40-62-44-58-118-58-40 0-79 0-118 0-20 0-39-2-58 0zm4 29c17-2 35 0 52 0 36 0 71 0 108 0 74 0 70-11 109 51 5 8 9 17 15 24 23 29 70 20 102 20 53 0 107 0 161 0 26 0 98-4 119 1 9 3 18 9 23 16 4 5 7 12 8 18 2 13 0 27 0 41 0 31 0 63 0 95 0 53 0 107 0 161 0 17 0 34 0 52 0 30 2 66-39 70-32 3-67 0-99 0-74 0-148 0-221 0-107 0-215 0-321 0-70 0-56-53-56-104 0-54 0-108 0-161 0-54 0-108 0-161 0-17 0-34 0-51 0-32-1-67 39-72z" fill="#042563" stroke="#042563"/></g></svg>

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

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

import FolderSvg from "./folder.jsx"; // from the React tab above

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