Barometer SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="cream" data-name="Cream"><path d="M503 137c-206 9-362 171-362 378 0 208 178 359 381 357s367-175 361-377c-6-199-180-366-380-358zm5 32c7-1 15 1 19 8 6 9 5 71 1 82-2 5-6 9-12 10-7 2-15-1-19-7-6-9-5-70-2-81 2-6 7-11 13-12zM783 310c6 0 12 2 16 8s5 14 1 20c-5 7-53 42-61 43-6 0-13-2-17-8s-4-13-1-19c4-7 54-43 62-44zm-547 1c3 0 8 0 11 1 5 1 53 36 56 40 4 6 5 13 2 19-1 4-7 8-11 9-5 1-8 1-12-1-6-1-54-36-57-41s-3-12 0-18c2-4 6-8 11-9zm449 53c4 0 9 2 12 6s3 8 2 13c-3 8-33 35-40 43-20 19-39 40-58 60-7 7-43 41-44 47-2 7 1 15-1 23-7 32-45 48-73 31-28-18-30-57-6-79 9-8 20-12 32-13 4 0 8 2 12 1 5-2 26-22 32-26 16-14 122-105 132-106z" fill="#fcf2d2" stroke="#fcf2d2"/></g><g id="navy" data-name="Navy"><path d="M498 69c-192 9-365 146-414 333-10 40-13 80-13 121 0 236 224 433 456 424 194-7 374-153 417-344 8-36 10-73 9-109-5-236-221-435-455-425zm5 68c200-8 374 159 380 358 6 202-158 375-361 377s-381-149-381-357c0-207 156-369 362-378z" fill="#053462" stroke="#053462"/><path d="M685 364c-10 1-116 92-132 106-6 4-27 24-32 26-4 1-8-1-12-1-12 1-23 5-32 13-24 22-22 61 6 79 28 17 66 1 73-31 2-8-1-16 1-23 1-6 37-40 44-47 19-20 38-41 58-60 7-8 37-35 40-43 1-5 1-9-2-13s-8-6-12-6z" fill="#053462" stroke="#053462"/></g><g id="teal" data-name="Teal"><path d="M508 169c-6 1-11 6-13 12-3 11-4 72 2 81 4 6 12 9 19 7 6-1 10-5 12-10 4-11 5-73-1-82-4-7-12-9-19-8z" fill="#4da4a2" stroke="#4da4a2"/><path d="M236 311c-5 1-9 5-11 9-3 6-3 13 0 18s51 40 57 41c4 2 7 2 12 1 4-1 10-5 11-9 3-6 2-13-2-19-3-4-51-39-56-40-3-1-8-1-11-1z" fill="#4da4a2" stroke="#4da4a2"/><path d="M783 310c-8 1-58 37-62 44-3 6-3 13 1 19s11 8 17 8c8-1 56-36 61-43 4-6 3-14-1-20s-10-8-16-8z" fill="#4da4a2" stroke="#4da4a2"/></g></svg>

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

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

import BarometerSvg from "./barometer.jsx"; // from the React tab above

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