Target SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="navy" data-name="Navy"><path d="M298 238c-2-3-7-6-8-9-4-13 8-57 3-72-2-5-7-9-11-12-19-20-38-39-57-58-9-9-39-43-48-47-5-2-11-1-15 4-5 6-8 93-8 106-11-1-99 6-104 9-6 3-7 9-6 15 2 7 38 40 46 47 18 19 37 38 56 57 3 3 6 7 11 8 19 6 56-3 73 4 3 1 6 5 8 7-24 33-46 66-60 104-60 157-16 328 109 438 159 139 397 125 546-23 150-150 143-391 5-546-113-128-303-164-455-88-29 14-63 31-85 56zM180 73c23 22 45 45 67 68 5 5 22 18 24 24 1 5-1 12-1 18-1 15 3 48-9 59-21-22-43-43-64-64-5-6-18-14-20-21-4-9 3-70 3-84zm66 184c-3 3-6 8-10 9-5 2-64 1-70-1-8-3-16-15-22-20-22-23-45-45-67-67 11-2 76-8 83-6 5 2 75 75 86 85zm20 69l60 60c-15 28-32 55-41 87-27 100 9 213 90 278 112 90 267 80 369-22 29-30 50-67 64-107 18-57 16-120-5-176-66-177-265-232-418-121l-59-60c9-6 17-13 26-19 21-15 44-27 67-36 134-56 294-22 390 87 126 142 125 353-5 491-129 137-346 142-488 23-114-95-152-255-102-392 13-34 32-63 52-93zm16-74c14 9 27 25 39 38 25 25 51 50 76 75 19 18 38 38 57 57 6 6 35 38 42 38 6 0 16-14 18-19l26 94-94-23 18-18c-7-13-35-36-47-47-55-55-110-110-165-164zm72 161l62 61c-13 23-18 51-16 77 10 129 166 191 256 92 115-126-33-318-183-232l-60-59c28-24 67-37 102-43 220-35 354 240 201 393-85 85-218 99-314 21-71-57-103-153-79-241 7-25 20-46 31-69zm84 117l77 20c0 3 3 9 5 12 24 33 73 2 59-34-7-19-20-14-26-21-4-4-5-15-6-20-6-19-9-39-17-57 105-20 168 112 98 187-52 57-148 42-180-27-9-20-10-40-10-60z" fill="#012555" stroke="#012555"/></g><g id="white" data-name="White"><path d="M266 326c-20 30-39 59-52 93-50 137-12 297 102 392 142 119 359 114 488-23 130-138 131-349 5-491-96-109-256-143-390-87-23 9-46 21-67 36-9 6-17 13-26 19l59 60c153-111 352-56 418 121 21 56 23 119 5 176-14 40-35 77-64 107-102 102-257 112-369 22-81-65-117-178-90-278 9-32 26-59 41-87z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M354 413c-11 23-24 44-31 69-24 88 8 184 79 241 96 78 229 64 314-21 153-153 19-428-201-393-35 6-74 19-102 43l60 59c150-86 298 106 183 232-90 99-246 37-256-92-2-26 3-54 16-77z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M438 530c0 20 1 40 10 60 32 69 128 84 180 27 70-75 7-207-98-187 8 18 11 38 17 57 1 5 2 16 6 20 6 7 19 2 26 21 14 36-35 67-59 34-2-3-5-9-5-12z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="red" data-name="Red"><path d="M282 252l-30 31c55 54 110 109 165 164 12 11 40 34 47 47l-18 18 94 23-26-94c-2 5-12 19-18 19-7 0-36-32-42-38-19-19-38-39-57-57-25-25-51-50-76-75-12-13-25-29-39-38z" fill="#fd222c" stroke="#fd222c"/><path d="M246 257c-11-10-81-83-86-85-7-2-72 4-83 6 22 22 45 44 67 67 6 5 14 17 22 20 6 2 65 3 70 1 4-1 7-6 10-9z" fill="#fd222c" stroke="#fd222c"/><path d="M180 73c0 14-7 75-3 84 2 7 15 15 20 21 21 21 43 42 64 64 12-11 8-44 9-59 0-6 2-13 1-18-2-6-19-19-24-24-22-23-44-46-67-68z" fill="#fd222c" stroke="#fd222c"/></g></svg>

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

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

import TargetSvg from "./target.jsx"; // from the React tab above

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