Check SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="green" data-name="Green"><path d="M393 642c-35-35-69-71-104-106-25-24-56-61-82-81-9-8-21-13-33-14-66-7-94 69-49 114 34 35 68 71 103 106 34 35 68 71 103 106 18 17 33 32 60 32 31 0 50-25 71-46 69-70 139-139 209-209 70-69 139-140 209-209 34-34 93-76 60-130-8-13-21-23-36-27-42-12-67 20-93 46-93 93-186 186-279 279-47 46-92 94-139 139z" fill="#098401" stroke="#098401"/></g><g id="pine" data-name="Pine"><path d="M392 611c-38-39-77-78-115-117-22-22-44-53-72-66-18-8-38-11-56-7-61 12-88 85-53 134 7 10 16 17 23 25 28 29 57 57 84 86 26 27 54 53 79 81 31 33 64 79 116 73 24-2 41-13 58-30 72-73 145-146 218-218 73-73 146-147 219-220 37-37 92-76 75-138-16-58-92-79-137-40-31 26-57 56-85 84-44 46-90 90-135 135-32 33-64 64-97 97-24 24-47 49-72 72-17 15-31 36-50 49zm1 31c47-45 92-93 139-139 93-93 186-186 279-279 26-26 51-58 93-46 15 4 28 14 36 27 33 54-26 96-60 130-70 69-139 140-209 209-70 70-140 139-209 209-21 21-40 46-71 46-27 0-42-15-60-32-35-35-69-71-103-106-35-35-69-71-103-106-45-45-17-121 49-114 12 1 24 6 33 14 26 20 57 57 82 81 35 35 69 71 104 106z" fill="#022402" stroke="#022402"/></g></svg>

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

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

import CheckSvg from "./check.jsx"; // from the React tab above

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