Rain Cloud SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="baby-blue" data-name="Baby Blue"><path d="M314 271h-12c-70-1-152 69-148 141v17c-1 15 4 32 10 46 25 58 77 83 138 83 92 0 184 0 277 0 40 0 80 0 120 0 26 0 54 2 80-3 18-4 35-12 50-23 46-35 62-105 24-152-8-10-21-20-34-24 13-77-62-126-130-103-41-165-255-199-337-52-12 23-17 46-22 70z" fill="#b6e3fb" stroke="#b6e3fb"/></g><g id="navy" data-name="Navy"><path d="M706 225c-9-14-13-31-23-46-39-61-112-99-186-93-75 6-141 50-173 119-6 14-8 29-14 42-129-7-224 144-158 255 52 89 135 79 225 79 51 0 103 0 155 0 46 0 94 0 141 0 66 0 128 7 181-40 17-16 30-37 37-59 13-43 5-90-26-122-4-5-20-15-21-18-4-7-2-19-3-27-10-47-50-83-97-90-13-2-25 1-38 0zM154 412c-4-72 78-142 148-141h12 16c5-24 10-47 22-70 82-147 296-113 337 52 68-23 143 26 130 103 13 4 26 14 34 24 38 47 22 117-24 152-15 11-32 19-50 23-26 5-54 3-80 3-40 0-80 0-120 0-93 0-185 0-277 0-61 0-113-25-138-83-6-14-11-31-10-46z" fill="#022561" stroke="#022561"/><path d="M558 600c-10 1-20 7-26 14-10 10-16 25-23 36-21 33-41 65-61 98-12 19-62 93-64 110-1 12 4 25 14 33 8 6 18 10 28 9s20-7 26-14c13-15 22-35 32-51 17-28 35-56 52-83 12-19 62-93 64-109 1-13-4-26-14-35-8-6-18-9-28-8zm-1 21c11-2 23 6 23 18-1 11-56 93-66 109-11 17-76 128-86 130-14 4-25-7-23-21 2-10 56-90 65-105 19-31 39-62 58-93 6-10 12-24 20-32 2-3 6-5 9-6z" fill="#022561" stroke="#022561"/><path d="M377 600c-10 1-19 7-25 14-11 12-18 28-26 41-20 31-39 62-59 94-12 19-61 92-63 109-1 12 4 24 13 32 8 7 19 11 30 10 9-1 18-6 23-12 10-10 17-25 24-37 21-33 41-67 62-100 14-21 63-92 64-112 0-11-4-22-13-30-8-7-19-10-30-9zm0 21c13-2 24 8 22 21-2 8-57 93-66 107-10 17-75 127-86 130-14 3-24-9-22-22 2-10 56-91 65-106 19-30 37-59 56-89 7-11 12-25 21-34 3-3 6-6 10-7z" fill="#022561" stroke="#022561"/><path d="M737 600c-9 1-18 7-24 14-11 11-17 27-25 39-21 32-40 64-60 96-12 20-60 88-63 105-2 13 2 26 12 36 9 8 20 11 32 9 9-1 17-6 23-13 11-12 18-29 27-42 20-31 39-63 59-94 13-20 62-91 63-111 0-10-4-21-11-28-9-9-21-12-33-11zm1 21c13-2 24 8 22 21-2 12-56 91-66 107-18 30-37 59-55 88-7 11-13 25-22 35-3 4-6 6-11 7-12 3-22-8-21-20 2-11 56-92 66-108 19-30 37-61 57-91 6-10 12-23 20-32 2-3 6-6 10-7z" fill="#022561" stroke="#022561"/></g><g id="blue" data-name="Blue"><path d="M557 621c-3 1-7 3-9 6-8 8-14 22-20 32-19 31-39 62-58 93-9 15-63 95-65 105-2 14 9 25 23 21 10-2 75-113 86-130 10-16 65-98 66-109 0-12-12-20-23-18z" fill="#0085fc" stroke="#0085fc"/><path d="M738 621c-4 1-8 4-10 7-8 9-14 22-20 32-20 30-38 61-57 91-10 16-64 97-66 108-1 12 9 23 21 20 5-1 8-3 11-7 9-10 15-24 22-35 18-29 37-58 55-88 10-16 64-95 66-107 2-13-9-23-22-21z" fill="#0085fc" stroke="#0085fc"/><path d="M377 621c-4 1-7 4-10 7-9 9-14 23-21 34-19 30-37 59-56 89-9 15-63 96-65 106-2 13 8 25 22 22 11-3 76-113 86-130 9-14 64-99 66-107 2-13-9-23-22-21z" fill="#0085fc" stroke="#0085fc"/><path d="M154 429v-17z" fill="#0085fc" stroke="#0085fc"/><path d="M302 271h12z" fill="#0085fc" stroke="#0085fc"/></g></svg>

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

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

import RainCloudSvg from "./rain-cloud.jsx"; // from the React tab above

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