Edit SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="black" data-name="Black"><path d="M203 922c52-37 108-68 162-104 20-13 43-24 61-39 8-6 14-16 21-23 19-22 38-44 57-65 42-46 81-94 123-139 43-47 85-94 126-142s83-95 125-142c15-16 29-33 43-49 32-37 58-69 15-113-14-14-29-26-43-38-50-42-74-45-119 5-41 46-84 93-125 139-83 94-166 189-251 282-42 47-83 94-125 141-3 4-8 8-11 13-9 18-15 47-22 67-12 38-25 76-37 114-6 16-35 90-31 101 7 23 92 20 111 18 75-8 147-41 224-41 9 0 19 1 28 2 9 2 21 8 29 7 11-1 14-12 7-19-5-5-17-7-24-8-39-9-81-4-119 4-56 12-174 52-225 29zM889 234c-16-38-97-101-134-117 27-27 57-84 102-59 14 8 26 21 38 32 53 45 66 60 16 117-7 9-17 17-22 27zm-11 9l-19 24c-31-50-82-91-135-117 4-3 17-20 21-21 11-2 54 32 64 40 26 22 48 47 69 74zm-26 31l-28 32c-19-44-92-95-132-119 4-5 20-26 25-27 11-3 52 28 62 36 31 26 48 48 73 78zM682 199l35 19c-30 30-56 65-85 96-42 46-83 92-123 140-34 39-68 79-104 117-12 14-63 76-73 82-14 9-39 9-52-2 12-20 45-52 62-71 47-51 93-103 138-155 39-46 79-90 119-134 28-30 54-63 83-92zm41 24c21 15 39 32 57 50-12 20-39 45-55 63-50 55-101 112-149 169-34 39-68 78-103 116-10 11-70 82-76 85-13 7-35 4-45-6-10-9-17-30-13-42 2-6 67-77 77-87 34-38 69-77 102-116 43-49 86-98 130-147 24-26 50-61 75-85zm63 56c10 10 23 25 28 39l-395 445c-15-7-22-37-15-52 2-6 61-69 70-79 35-39 70-78 104-117 49-57 99-113 149-169 19-22 41-43 59-67zM274 660c23 9 32 7 56 5-1 37 27 58 63 51 0 22 3 38 19 54l-132 84c-7-23-31-42-55-41zM194 909c-2-9 22-77 28-87 16-1 54 21 47 39-1 3-7 5-10 7-17 11-48 35-65 41z" fill="#1e2225" stroke="#1e2225"/></g><g id="amber" data-name="Amber"><path d="M723 223c-25 24-51 59-75 85-44 49-87 98-130 147-33 39-68 78-102 116-10 10-75 81-77 87-4 12 3 33 13 42 10 10 32 13 45 6 6-3 66-74 76-85 35-38 69-77 103-116 48-57 99-114 149-169 16-18 43-43 55-63-18-18-36-35-57-50z" fill="#fdc302" stroke="#fdc302"/><path d="M786 279c-18 24-40 45-59 67-50 56-100 112-149 169-34 39-69 78-104 117-9 10-68 73-70 79-7 15 0 45 15 52l395-445c-5-14-18-29-28-39z" fill="#fdc302" stroke="#fdc302"/><path d="M682 199c-29 29-55 62-83 92-40 44-80 88-119 134-45 52-91 104-138 155-17 19-50 51-62 71 13 11 38 11 52 2 10-6 61-68 73-82 36-38 70-78 104-117 40-48 81-94 123-140 29-31 55-66 85-96z" fill="#fdc302" stroke="#fdc302"/></g><g id="sand" data-name="Sand"><path d="M274 660l-49 153c24-1 48 18 55 41l132-84c-16-16-19-32-19-54-36 7-64-14-63-51-24 2-33 4-56-5z" fill="#fcdaae" stroke="#fcdaae"/><path d="M852 274c-25-30-42-52-73-78-10-8-51-39-62-36-5 1-21 22-25 27 40 24 113 75 132 119z" fill="#fcdaae" stroke="#fcdaae"/><path d="M878 243c-21-27-43-52-69-74-10-8-53-42-64-40-4 1-17 18-21 21 53 26 104 67 135 117z" fill="#fcdaae" stroke="#fcdaae"/></g><g id="coral" data-name="Coral"><path d="M889 234c5-10 15-18 22-27 50-57 37-72-16-117-12-11-24-24-38-32-45-25-75 32-102 59 37 16 118 79 134 117z" fill="#fb656a" stroke="#fb656a"/></g><g id="charcoal" data-name="Charcoal"><path d="M194 909c17-6 48-30 65-41 3-2 9-4 10-7 7-18-31-40-47-39-6 10-30 78-28 87z" fill="#393c44" stroke="#393c44"/></g></svg>

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

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

import EditSvg from "./edit.jsx"; // from the React tab above

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