Warning SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="yellow" data-name="Yellow"><path d="M509 113c-7 1-13 5-17 11-8 9-14 22-20 33-15 26-31 51-46 77-25 42-50 84-76 127-51 84-101 168-152 253-25 42-51 83-77 126-9 15-18 30-27 45-7 11-17 22-20 34-9 28 15 35 37 35 134 0 270 0 405 0 90 0 181 0 272 0 44 0 89 2 134 0 16-1 32-10 30-29-2-14-43-75-53-91-25-42-50-84-76-126-51-83-102-168-152-252-26-43-51-85-76-127-11-19-55-98-65-108-6-6-14-9-21-8zm-5 174c14-1 28 2 41 9 37 21 31 63 29 100-1 19-2 39-3 58-2 27-8 151-15 168-5 14-20 26-36 28-64 8-58-64-60-105-2-25-4-50-5-74-2-25-4-50-5-75-2-32-8-67 18-91 10-10 22-16 36-18zm6 387c84-3 88 125 4 127s-88-124-4-127z" fill="#fde903" stroke="#fde903"/></g><g id="charcoal" data-name="Charcoal"><path d="M512 51c-21 0-41 9-56 23-22 19-34 51-49 75-33 55-66 110-99 165-58 97-116 194-175 291-22 36-116 181-121 212-5 35 14 69 45 85 10 5 21 9 32 10 20 2 42 0 63 0 42 0 86 0 129 0 77 0 154 0 232 0 77 0 155 0 233 0 43 0 86 0 130 0 20 0 40 2 60 0 11-1 23-5 32-10 29-15 47-46 45-78-1-9-3-19-7-28-9-22-26-44-39-65-26-42-51-85-77-128-59-96-116-194-175-291-34-56-67-113-102-170-14-23-26-52-47-70-15-13-35-21-54-21zm-3 62c7-1 15 2 21 8 10 10 54 89 65 108 25 42 50 84 76 127 50 84 101 169 152 252 26 42 51 84 76 126 10 16 51 77 53 91 2 19-14 28-30 29-45 2-90 0-134 0-91 0-182 0-272 0-135 0-271 0-405 0-22 0-46-7-37-35 3-12 13-23 20-34 9-15 18-30 27-45 26-43 52-84 77-126 51-85 101-169 152-253 26-43 51-85 76-127 15-26 31-51 46-77 6-11 12-24 20-33 4-6 10-10 17-11z" fill="#282c2e" stroke="#282c2e"/><path d="M504 287c-14 2-26 8-36 18-26 24-20 59-18 91 1 25 3 50 5 75 1 24 3 49 5 74 2 41-4 113 60 105 16-2 31-14 36-28 7-17 13-141 15-168 1-19 2-39 3-58 2-37 8-79-29-100-13-7-27-10-41-9z" fill="#282c2e" stroke="#282c2e"/><path d="M510 674c-84 3-80 129 4 127s80-130-4-127z" fill="#282c2e" stroke="#282c2e"/></g></svg>

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

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

import WarningSvg from "./warning.jsx"; // from the React tab above

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