Folder SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/1jzvTwfioBZc/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="M101 398c-8 2-16 6-18 15-2 11 16 86 19 103 9 43 17 86 25 129 5 24 15 94 23 111 2 5 5 9 9 12s9 5 14 6c12 2 27 0 40 0 31 0 63 0 95 0 103 0 206 0 309 0 51 0 103 0 155 0 24 0 82 8 96-15 6-9 7-23 9-33 18-85 37-170 54-255 17-77 23-73-58-73-52 0-103 0-154 0-103 0-206 0-309 0-73 0-146 0-218 0-27 0-66-4-91 0z" fill="#fcc816" stroke="#fcc816"/><path d="M877 370c2-16 3-96-4-106-5-7-12-9-20-10-14-1-29 0-43 0-32 0-65 0-96 0-47 0-94 0-140 0-27 0-79 4-102-1-8-2-17-7-23-14-32-33-17-63-76-63-47 0-93 0-139 0-24 0-72-10-81 21-3 11-1 25-1 38 0 30 0 62 0 93 0 14-1 30 1 45 14-26 0-62 43-63 35-1 70 0 106 0 70 0 141 0 212 0 70 0 141 0 212 0 35 0 70-1 106 0 48 1 28 34 45 60z" fill="#fcc816" stroke="#fcc816"/></g><g id="black" data-name="Black"><path d="M893 382c0-28 4-89 0-113-2-9-8-18-15-23-5-4-12-7-19-8-12-1-26 0-38 0-29 0-57 0-85 0-50 0-100 0-150 0-23 0-96 4-113-2-8-3-14-10-18-17-34-49-25-59-91-59-50 0-100 0-150 0-67 0-78 4-78 73 0 49 0 99 0 149-16 0-36-3-51 4-9 4-16 14-18 24-3 17 16 94 21 117 12 65 25 131 38 196 3 14 3 30 10 43 18 34 61 24 93 24 20 0 40 1 61 1 38 0 76 1 114 0 11 0 22-1 33-1 26 1 52 2 77 1 38-1 76 1 113 0 36-1 73-1 110 0 25 1 51 0 77 0 64 0 69-12 81-72 14-65 28-129 41-193 5-23 25-97 23-115-1-12-10-22-21-26-14-6-31-3-45-3zm-16-12c-17-26 3-59-45-60-36-1-71 0-106 0-71 0-142 0-212 0-71 0-142 0-212 0-36 0-71-1-106 0-43 1-29 37-43 63-2-15-1-31-1-45 0-31 0-63 0-93 0-13-2-27 1-38 9-31 57-21 81-21 46 0 92 0 139 0 59 0 44 30 76 63 6 7 15 12 23 14 23 5 75 1 102 1 46 0 93 0 140 0 31 0 64 0 96 0 14 0 29-1 43 0 8 1 15 3 20 10 7 10 6 90 4 106zm-14 12h-696c3-12 8-51 18-56 8-4 18-2 27-2 33 0 67 0 101 0 67 0 135 0 203 0 67 0 134 0 202 0 18 0 120-3 128 3 8 5 15 45 17 55zM101 398c25-4 64 0 91 0 72 0 145 0 218 0 103 0 206 0 309 0 51 0 102 0 154 0 81 0 75-4 58 73-17 85-36 170-54 255-2 10-3 24-9 33-14 23-72 15-96 15-52 0-104 0-155 0-103 0-206 0-309 0-32 0-64 0-95 0-13 0-28 2-40 0-5-1-10-3-14-6s-7-7-9-12c-8-17-18-87-23-111-8-43-16-86-25-129-3-17-21-92-19-103 2-9 10-13 18-15z" fill="#1a1919" stroke="#1a1919"/></g><g id="orange" data-name="Orange"><path d="M863 382c-2-10-9-50-17-55-8-6-110-3-128-3-68 0-135 0-202 0-68 0-136 0-203 0-34 0-68 0-101 0-9 0-19-2-27 2-10 5-15 44-18 56z" fill="#fc8601" stroke="#fc8601"/></g></svg>

.folder {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/1jzvTwfioBZc/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/1jzvTwfioBZc/amnt.svg") center / contain no-repeat;
}

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

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