Cloudy Night SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="periwinkle" data-name="Periwinkle"><path d="M660 636c-1-12-10-26-16-37-36-62-106-99-178-93-86 8-150 72-173 153-101-26-192 89-140 180 38 66 111 56 176 56 41 0 82 0 124 0 78 0 156 0 234 0 38 0 80 4 118-2 113-18 125-173-5-173-12-77-66-108-140-84z" fill="#759ed1" stroke="#759ed1"/><path d="M257 632h13z" fill="#759ed1" stroke="#759ed1"/><path d="M193 439l1-6z" fill="#759ed1" stroke="#759ed1"/></g><g id="lemon" data-name="Lemon"><path d="M194 433l-1 6c0 60 10 117 38 172 3 5 8 19 13 21 3 2 9 0 13 0h13 6c24-62 67-112 131-136 14-5 28-7 42-12-13-23-27-45-35-72-27-95 15-196 86-260 23-21 50-35 74-53-25 0-50-1-75 3-121 18-226 98-276 209-16 37-30 81-29 122z" fill="#fbea7c" stroke="#fbea7c"/><path d="M850 527c-54 39-118 61-184 61l9 19c32-4 62-4 91 14 9 5 15 13 24 18 17-16 61-90 60-112z" fill="#fbea7c" stroke="#fbea7c"/></g><g id="navy" data-name="Navy"><path d="M805 658c14-17 28-35 39-55 9-15 62-117 12-107-11 2-22 13-31 19-33 22-70 38-109 45-15 3-54 10-67 3-4-2-8-10-12-14-8-10-18-18-29-26-34-24-72-38-113-40-5 0-14 0-18-2-2-1-5-6-6-7-19-25-32-54-37-84-16-82 21-164 81-220 16-14 33-26 51-38 9-6 20-10 29-17 3-2 7-7 8-11 11-44-96-27-118-23-76 12-149 50-203 104-97 96-136 240-99 371 9 30 23 55 36 83-95 31-140 159-68 236 14 16 33 29 54 35 41 14 89 8 132 8 49 0 97 0 147 0 69 0 138 0 208 0 33 0 67 2 100 0 18-1 38-5 54-13 45-21 75-67 71-117-3-38-29-70-64-84-10-4-22-4-32-7-4-7-5-15-8-22-2-6-6-11-8-17zM660 636c74-24 128 7 140 84 130 0 118 155 5 173-38 6-80 2-118 2-78 0-156 0-234 0-42 0-83 0-124 0-65 0-138 10-176-56-52-91 39-206 140-180 23-81 87-145 173-153 72-6 142 31 178 93 6 11 15 25 16 37zM850 527c1 22-43 96-60 112-9-5-15-13-24-18-29-18-59-18-91-14l-9-19c66 0 130-22 184-61zM193 439l1-6c-1-41 13-85 29-122 50-111 155-191 276-209 25-4 50-3 75-3-24 18-51 32-74 53-71 64-113 165-86 260 8 27 22 49 35 72-14 5-28 7-42 12-64 24-107 74-131 136h-6-13c-4 0-10 2-13 0-5-2-10-16-13-21-28-55-38-112-38-172z" fill="#021641" stroke="#021641"/></g></svg>

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

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

import CloudyNightSvg from "./cloudy-night.jsx"; // from the React tab above

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