Fog SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="white" data-name="White"><path d="M509 151c-70 1-137 47-162 112-6 14-8 37-12 47-2 3-4 7-8 8-5 1-40-7-55-5-35 5-65 25-84 53-42 63-11 151 60 175 36 12 84 6 123 6 48 0 96 0 144 0 52 0 104 0 157 0 26 0 53 3 79-1 10-2 20-4 29-8 69-27 97-116 55-179-18-28-50-48-84-53-10-1-20-1-29 0-8 1-17 6-24 5-5-1-8-4-10-8-4-10-7-32-13-46-29-65-95-106-166-106z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="charcoal" data-name="Charcoal"><path d="M709 285c-2-17-10-34-17-48-36-68-108-111-184-109-102 3-171 68-195 164-13-4-29-4-43-2-101 11-161 132-102 218 19 28 48 49 81 58s70 4 105 4c54 0 108 0 163 0 46 0 94 0 141 0 80 0 154 9 201-70 63-106-29-238-150-215zM509 151c71 0 137 41 166 106 6 14 9 36 13 46 2 4 5 7 10 8 7 1 16-4 24-5 9-1 19-1 29 0 34 5 66 25 84 53 42 63 14 152-55 179-9 4-19 6-29 8-26 4-53 1-79 1-53 0-105 0-157 0-48 0-96 0-144 0-39 0-87 6-123-6-71-24-102-112-60-175 19-28 49-48 84-53 15-2 50 6 55 5 4-1 6-5 8-8 4-10 6-33 12-47 25-65 92-111 162-112z" fill="#2a3644" stroke="#2a3644"/><path d="M238 793c-40 6-45 66-6 77 11 3 24 1 36 1 57 0 115 1 173 1 70 0 141-1 212-1 42 0 85 2 128 0s54-62 13-76c-10-3-22-2-33-2-59 0-116 0-174 0-82 0-163 0-244 0-30 0-78-4-105 0zm2 22c16-3 59 0 78 0 74 0 150 0 225 0 50 0 100 0 151 0 25 0 50 0 76 0 40 0 30 30 14 34-15 3-58 0-76 0-76 0-151 0-226 0-51 0-101 0-151 0-26 0-51 0-76 0-5 0-11 1-16 0-17-5-16-30 1-34z" fill="#2a3644" stroke="#2a3644"/><path d="M242 696c-25 3-43 25-35 50 8 28 40 23 63 24 55 2 110 1 166 1 112 0 223-1 336-1 7 0 14 1 21-1 37-10 32-62-2-71-8-3-17-2-25-2-59 0-117 0-175 0-79 0-158 0-236 0-38 0-76-3-113 0zm-2 22c16-3 59 0 78 0 74 0 148 0 223 0 50 0 100 0 151 0 24 0 50 0 75 0 6 0 14-1 21 2 15 6 11 26-3 29-17 5-58 1-77 1-75 0-149 0-223 0-51 0-101 0-151 0-25 0-51 0-75 0-8 0-16 1-23-2-15-6-10-26 4-30z" fill="#2a3644" stroke="#2a3644"/><path d="M242 594c-41 5-53 60-13 75 11 4 25 2 37 2 58 0 115 0 174 0 80 0 160 0 241 0 31 0 76 4 105 0 25-3 39-30 31-52-9-27-38-25-61-25-57-1-116 0-173 0-86 0-172 1-257 1-28 0-57-4-84-1zm-1 21c18-3 61 0 82 0 73 0 147 0 221 0 50 0 100 0 151 0 25 0 50 0 76 0 34 0 34 29 13 34-19 5-60 1-81 1-74 0-148 0-221 0-51 0-101 0-151 0-26 0-51 0-76 0-38 0-33-31-14-35z" fill="#2a3644" stroke="#2a3644"/></g><g id="baby-blue" data-name="Baby Blue"><path d="M241 615c-19 4-24 35 14 35 25 0 50 0 76 0 50 0 100 0 151 0 73 0 147 0 221 0 21 0 62 4 81-1 21-5 21-34-13-34-26 0-51 0-76 0-51 0-101 0-151 0-74 0-148 0-221 0-21 0-64-3-82 0z" fill="#b9cadf" stroke="#b9cadf"/><path d="M240 815c-17 4-18 29-1 34 5 1 11 0 16 0 25 0 50 0 76 0 50 0 100 0 151 0 75 0 150 0 226 0 18 0 61 3 76 0 16-4 26-34-14-34-26 0-51 0-76 0-51 0-101 0-151 0-75 0-151 0-225 0-19 0-62-3-78 0z" fill="#b9cadf" stroke="#b9cadf"/><path d="M240 718c-14 4-19 24-4 30 7 3 15 2 23 2 24 0 50 0 75 0 50 0 100 0 151 0 74 0 148 0 223 0 19 0 60 4 77-1 14-3 18-23 3-29-7-3-15-2-21-2-25 0-51 0-75 0-51 0-101 0-151 0-75 0-149 0-223 0-19 0-62-3-78 0z" fill="#b9cadf" stroke="#b9cadf"/></g></svg>

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

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

import FogSvg from "./fog.jsx"; // from the React tab above

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