Rainy Night SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="steel" data-name="Steel"><path d="M750 477c-2-74-64-133-137-136-57-2-111 30-135 82-6 14-8 28-12 42-20 0-39-1-57 5-59 19-95 87-68 145 28 59 86 54 142 54 31 0 64 0 96 0 40 0 80 0 120 0 29 0 61 4 89-4 19-5 35-17 47-31 47-55 21-149-54-158-10-1-21-2-31 1z" fill="#8ba3bc" stroke="#8ba3bc"/></g><g id="navy" data-name="Navy"><path d="M446 440c-9 0-41 7-45 5-4-1-11-12-14-16-12-16-21-34-27-53-13-43-6-91 16-131 19-34 47-60 80-80 12-7 23-14 22-29-3-32-64-23-84-20-171 24-310 198-231 368 16 35 42 66 73 89 16 12 32 22 50 30 8 3 21 5 27 11 3 4 10 21 15 28 40 57 97 52 160 52 36 0 72 0 109 0 35 0 70 0 106 0 63 0 121 4 160-55 37-56 24-139-35-173-17-10-36-17-55-16-5-13-7-26-13-39-26-57-85-92-147-95-71-3-155 49-167 124zm2-300c-17 12-36 24-52 39-62 57-86 150-51 228 8 19 21 34 32 50-44 20-78 80-69 128-114-41-170-168-126-280 34-89 119-148 211-163 18-3 38-7 55-2zM750 477c10-3 21-2 31-1 75 9 101 103 54 158-12 14-28 26-47 31-28 8-60 4-89 4-40 0-80 0-120 0-32 0-65 0-96 0-56 0-114 5-142-54-27-58 9-126 68-145 18-6 37-5 57-5 4-14 6-28 12-42 24-52 78-84 135-82 73 3 135 62 137 136z" fill="#091f4e" stroke="#091f4e"/><path d="M673 707c-25 4-70 73-86 94-19 25-53 58-22 88 8 9 21 12 33 10 6-1 12-3 17-7 14-10 56-69 69-87 10-13 26-28 32-44 12-29-13-58-43-54zm2 25c5-1 11 0 15 4 5 4 5 11 2 17-3 10-30 39-38 50s-50 69-58 71c-5 2-11 1-14-3-3-3-5-8-5-12 1-9 33-46 40-55 8-10 50-70 58-72z" fill="#091f4e" stroke="#091f4e"/><path d="M513 707c-25 4-69 73-86 95-10 13-28 29-32 46-9 29 14 56 44 51 6-1 11-3 16-7 16-12 55-68 70-87 10-13 25-28 31-44 12-29-13-58-43-54zm3 25c5-1 11 0 14 4 4 4 5 9 4 14-2 9-33 44-40 53-9 12-50 70-59 71-5 1-10 0-13-3s-5-8-5-12c1-9 33-46 40-55 9-11 50-70 59-72z" fill="#091f4e" stroke="#091f4e"/></g><g id="lemon" data-name="Lemon"><path d="M448 140c-17-5-37-1-55 2-92 15-177 74-211 163-44 112 12 239 126 280-9-48 25-108 69-128-11-16-24-31-32-50-35-78-11-171 51-228 16-15 35-27 52-39z" fill="#fce07a" stroke="#fce07a"/></g><g id="blue" data-name="Blue"><path d="M675 732c-8 2-50 62-58 72-7 9-39 46-40 55 0 4 2 9 5 12 3 4 9 5 14 3 8-2 50-60 58-71s35-40 38-50c3-6 3-13-2-17-4-4-10-5-15-4z" fill="#339bfb" stroke="#339bfb"/><path d="M516 732c-9 2-50 61-59 72-7 9-39 46-40 55 0 4 2 9 5 12s8 4 13 3c9-1 50-59 59-71 7-9 38-44 40-53 1-5 0-10-4-14-3-4-9-5-14-4z" fill="#339bfb" stroke="#339bfb"/></g></svg>

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

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

import RainyNightSvg from "./rainy-night.jsx"; // from the React tab above

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