Navigate Before SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="grape" data-name="Grape"><path d="M390 505c70-70 141-139 211-209 25-26 52-52 78-77 9-9 18-17 26-26 44-50-16-118-73-97-26 9-87 77-109 99-35 35-71 68-105 103-35 35-71 68-105 103-17 16-77 71-85 85-6 10-6 21-2 31 5 15 83 90 101 108 34 35 67 71 102 106 35 34 68 70 103 105 21 22 59 68 82 83 9 7 21 10 32 11 61 4 101-67 55-112-35-35-69-70-103-105-70-69-138-140-208-208z" fill="#011e5b" stroke="#011e5b"/></g><g id="midnight" data-name="Midnight"><path d="M411 504c71-72 145-142 217-214 23-24 93-85 102-112 22-61-44-115-101-96-8 2-15 6-22 11-19 13-35 32-51 49-49 49-98 100-150 147-37 34-72 71-108 107-19 19-76 67-85 88-5 11-5 23-2 34 7 24 81 92 102 114 35 36 71 72 106 109 35 36 71 72 106 109 18 19 65 72 85 84 10 6 22 9 34 10 59 5 112-57 84-114-12-25-80-87-104-110-71-72-142-145-213-216zm-21 1c70 68 138 139 208 208 34 35 68 70 103 105 46 45 6 116-55 112-11-1-23-4-32-11-23-15-61-61-82-83-35-35-68-71-103-105-35-35-68-71-102-106-18-18-96-93-101-108-4-10-4-21 2-31 8-14 68-69 85-85 34-35 70-68 105-103 34-35 70-68 105-103 22-22 83-90 109-99 57-21 117 47 73 97-8 9-17 17-26 26-26 25-53 51-78 77-70 70-141 139-211 209z" fill="#010b2a" stroke="#010b2a"/></g></svg>

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

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

import NavigateBeforeSvg from "./navigate-before.jsx"; // from the React tab above

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