Wind SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="sky" data-name="Sky"><path d="M149 607c-25 3-45 24-35 50 10 27 42 23 66 23 59 0 118 0 178 0 119 0 237 0 357 0 49 0 99 11 112 66 11 47-25 99-74 100-18 1-46-11-37-34 2-6 8-8 11-13 13-17 9-42-10-53-48-29-89 38-86 79 2 21 13 41 27 56 52 53 146 41 197-7 72-69 64-185-20-239-19-13-40-21-62-25-32-6-67-3-100-3-56 0-112 0-167 0-81 0-162 0-242 0-38 0-78-3-115 0z" fill="#7dcffc" stroke="#7dcffc"/></g><g id="blue" data-name="Blue"><path d="M781 109c-42 3-87 28-103 69-25 65 34 105 63 64 14-21-2-45 30-55 22-8 47 0 61 19 28 39 5 90-34 111-14 8-30 14-46 15-34 3-71 1-106 0-54-2-110 1-165 0-70-1-142 1-212 1-31 0-62 0-93 0-8 0-15-1-23-1-40 2-61 48-21 66 12 6 25 5 38 5 56 0 114 0 171 0 113 0 227 0 341 0 33 0 67 2 100-3 59-9 113-47 134-104 35-93-34-194-135-187z" fill="#02aafa" stroke="#02aafa"/></g><g id="navy" data-name="Navy"><path d="M733 820c43-43 12-106-48-97-51 7-80 65-71 113 21 109 165 120 241 62 81-62 91-184 18-257-56-56-125-52-198-52-42 0-83 0-124 0-126 0-251 0-376 0-16 0-32-1-47 4-35 14-47 59-21 87 6 7 15 13 25 16 26 8 111 3 143 3 125 0 250 0 375 0 19 0 39 0 59 0 35 0 73 0 93 35 13 23 10 52-7 72-11 13-50 36-62 14zM149 607c37-3 77 0 115 0 80 0 161 0 242 0 55 0 111 0 167 0 33 0 68-3 100 3 22 4 43 12 62 25 84 54 92 170 20 239-51 48-145 60-197 7-14-15-25-35-27-56-3-41 38-108 86-79 19 11 23 36 10 53-3 5-9 7-11 13-9 23 19 35 37 34 49-1 85-53 74-100-13-55-63-66-112-66-120 0-238 0-357 0-60 0-119 0-178 0-24 0-56 4-66-23-10-26 10-47 35-50z" fill="#022964" stroke="#022964"/><path d="M775 91c-44 4-89 30-110 70s-16 108 40 115c26 2 52-13 59-39 2-8 0-17 3-25 5-14 27-11 38-5 8 4 14 12 18 21 13 37-19 70-52 81-32 11-100 5-136 5-72 0-144 0-215 0-60 0-120 0-179 0-20 0-39 0-58 0-33 0-73-2-87 34-5 12-5 25 0 38 15 40 63 35 98 35 59 0 119 0 179 0 119 0 237 0 357 0 27 0 54-1 80-8 65-18 119-70 131-137 19-103-61-194-166-185zm6 18c101-7 170 94 135 187-21 57-75 95-134 104-33 5-67 3-100 3-114 0-228 0-341 0-57 0-115 0-171 0-13 0-26 1-38-5-40-18-19-64 21-66 8 0 15 1 23 1 31 0 62 0 93 0 70 0 142-2 212-1 55 1 111-2 165 0 35 1 72 3 106 0 16-1 32-7 46-15 39-21 62-72 34-111-14-19-39-27-61-19-32 10-16 34-30 55-29 41-88 1-63-64 16-41 61-66 103-69z" fill="#022964" stroke="#022964"/><path d="M141 452c-61 8-65 92-5 105 21 5 46 2 69 2 42 0 83 0 126 0 89 0 178 0 268 0 37 0 88 4 124-1 60-9 66-91 6-104-20-5-43-2-63-2-44 0-88 0-132 0-91 0-182 0-272 0-34 0-91-4-121 0zm5 18c33-4 76 0 111 0 81 0 163 0 245 0 59 0 118 0 178 0 23 0 56-5 69 20 12 23-6 47-31 50-34 4-75 0-110 0-82 0-164 0-245 0-60 0-119 0-178 0-23 0-57 6-70-19-12-24 7-48 31-51z" fill="#022964" stroke="#022964"/></g><g id="turquoise" data-name="Turquoise"><path d="M146 470c-24 3-43 27-31 51 13 25 47 19 70 19 59 0 118 0 178 0 81 0 163 0 245 0 35 0 76 4 110 0 25-3 43-27 31-50-13-25-46-20-69-20-60 0-119 0-178 0-82 0-164 0-245 0-35 0-78-4-111 0z" fill="#0dc4a9" stroke="#0dc4a9"/></g></svg>

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

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

import WindSvg from "./wind.jsx"; // from the React tab above

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