Scattered Clouds SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/GXTN6yvQ-Bqy/amnt.svg" alt="Scattered Clouds" 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="M741 631c1-12-3-24-6-35-21-63-81-102-146-100-61 2-112 39-141 90-7 13-11 28-18 41-38-12-80 12-95 47-2 4-3 13-7 17-3 3-10 3-14 5-25 10-44 35-46 63-3 37 27 75 65 79 21 2 44 0 66 0 30 0 60 0 91 0 100 0 201 0 302 0 20 0 40 0 60-9 43-20 73-86 32-123-8-7-17-10-26-15-1-36-39-65-73-68-15-1-29 3-44 8z" fill="#aedefb" stroke="#aedefb"/><path d="M455 286c3-127-181-138-199-11-24-11-57 1-73 21-8 10-11 20-15 31-11 4-22 8-31 17-32 32-12 88 32 94 22 3 45 1 67 1 46 0 92 0 138 0 54 0 131 14 159-45 20-42 0-97-47-108-10-2-22-4-31 0z" fill="#aedefb" stroke="#aedefb"/></g><g id="cobalt" data-name="Cobalt"><path d="M764 598c-8-13-11-29-18-42-32-57-94-88-158-86-78 2-146 55-174 128-36-2-72 17-92 46-14 19-6 21-28 33-48 24-65 86-41 133 12 23 33 41 57 49 31 11 90 4 126 5 49 1 99 0 148 0s99 0 149 0c37 0 79 5 115-6 27-8 51-26 66-50 21-35 22-86-8-117-6-7-20-13-24-18-5-6-10-24-17-33-20-27-51-42-84-43-6 0-12-1-17 1zm-23 33c15-5 29-9 44-8 34 3 72 32 73 68 9 5 18 8 26 15 41 37 11 103-32 123-20 9-40 9-60 9-101 0-202 0-302 0-31 0-61 0-91 0-22 0-45 2-66 0-38-4-68-42-65-79 2-28 21-53 46-63 4-2 11-2 14-5 4-4 5-13 7-17 15-35 57-59 95-47 7-13 11-28 18-41 29-51 80-88 141-90 65-2 125 37 146 100 3 11 7 23 6 35z" fill="#0145a3" stroke="#0145a3"/><path d="M480 257c-4-8-5-18-9-26-18-42-61-71-107-73-56-3-110 32-127 87-40-2-68 23-87 55-5 8-11 9-19 15-23 16-37 43-36 72 2 40 34 74 75 78 17 1 34 0 52 0 25 0 51 0 77 0 37 0 74 0 112 0 25 0 52 3 76-3 22-6 42-19 56-36 39-46 30-123-24-155-12-7-26-9-39-14zm-25 29c9-4 21-2 31 0 47 11 67 66 47 108-28 59-105 45-159 45-46 0-92 0-138 0-22 0-45 2-67-1-44-6-64-62-32-94 9-9 20-13 31-17 4-11 7-21 15-31 16-20 49-32 73-21 18-127 202-116 199 11z" fill="#0145a3" stroke="#0145a3"/></g></svg>

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

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

import ScatteredCloudsSvg from "./scattered-clouds.jsx"; // from the React tab above

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