Add SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="blue" data-name="Blue"><path d="M576 446c0-54 2-109 0-163-2-58 15-105-62-105s-66 41-66 102c0 55 0 110 0 166-55 0-110 0-164 0-34 0-92-9-98 38-1 9 0 19 0 29 0 8-1 18 0 26 6 48 64 39 99 39 54 0 109 0 163 0 0 57 0 113 0 170 0 33-9 91 38 98 10 1 22 0 33 0 72 0 57-55 57-107 0-54 0-107 0-161 55 0 110 0 166 0 31 0 89 9 96-36 1-10 0-21 0-31 3-75-39-65-97-65-55 0-110 0-165 0z" fill="#0082fc" stroke="#0082fc"/></g><g id="navy" data-name="Navy"><path d="M608 414c0-43 0-86 0-128 0-23 2-46 0-68-3-36-33-67-69-71-9-1-18 0-27 0s-19-1-27 0c-34 4-64 33-68 67-2 23 0 48 0 72 0 42 0 85 0 128-43 0-86 0-129 0-41 0-88-7-116 28-10 12-16 27-18 43-1 10 0 22 0 33 0 62 29 91 92 91 29 0 58-1 87 1 12 0 75-4 81 0 2 1 2 2 3 5 3 7-1 36-1 46-1 30 2 61 1 92-1 19-3 39 0 58 8 52 48 67 95 67 46 0 91-16 96-70 2-23 0-47 0-70 0-43 0-86 0-129 42 0 83 0 125 0 22 0 47 2 69 0 52-5 70-51 68-97 0-10 1-20 0-30-2-14-8-27-16-38-29-36-74-30-116-30-44 0-87 0-130 0zm-32 32c55 0 110 0 165 0 58 0 100-10 97 65 0 10 1 21 0 31-7 45-65 36-96 36-56 0-111 0-166 0 0 54 0 107 0 161 0 52 15 107-57 107-11 0-23 1-33 0-47-7-38-65-38-98 0-57 0-113 0-170-54 0-109 0-163 0-35 0-93 9-99-39-1-8 0-18 0-26 0-10-1-20 0-29 6-47 64-38 98-38 54 0 109 0 164 0 0-56 0-111 0-166 0-61-11-102 66-102s60 47 62 105c2 54 0 109 0 163z" fill="#022559" stroke="#022559"/></g></svg>

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

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

import AddSvg from "./add.jsx"; // from the React tab above

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