Rain Gauge SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/DlSddGbS1ovF/amnt.svg" alt="Rain Gauge" 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="M507 75c-43 1-84 28-104 66-5 10-7 33-20 36-8 2-17 0-26 2-20 4-38 17-48 35-23 40-1 94 45 105 20 4 42 2 63 2 34 0 68 0 103 0s135 6 163-6c41-18 57-74 28-110-13-17-34-28-56-28-6 0-12 2-17 1-11-3-18-33-23-43-23-38-64-61-108-60z" fill="#c2e2fb" stroke="#c2e2fb"/><path d="M527 492c-18 0-52-3-68 3-11 36-49 33-68 6-19 5-41 4-58 15 35 23 151 30 194 28 50-2 149-4 193-28-27-19-91-15-123-23-14 38-59 40-70-1z" fill="#c2e2fb" stroke="#c2e2fb"/></g><g id="periwinkle" data-name="Periwinkle"><path d="M355 705c-1 27 6 63 10 91 2 20 2 43 7 63 2 6 5 13 9 18 28 37 116 40 158 39s126-10 135-62c9-57 12-116 23-172-5-1-61 17-71 20-7 11 27 1 31 13 5 19-22 15-32 15v42c10 0 31-4 32 11s-22 11-32 11v42c9 0 31-4 32 11s-22 11-32 11c0 6 2 14-1 20-3 10-17 8-21-1-5-12-1-42-1-55 0-38 0-76 0-114-1-1-60-3-69-5-21-4-39-12-59-18-34-9-70-7-102 9-6 3-13 6-17 11z" fill="#4fa4eb" stroke="#4fa4eb"/><path d="M600 376c-3 1-6 3-8 6-4 6-42 99-42 105 0 7 7 13 14 12 4-1 7-4 9-7 4-6 41-99 41-103 0-8-7-14-14-13z" fill="#4fa4eb" stroke="#4fa4eb"/><path d="M461 376c-3 1-5 3-7 6-3 4-42 100-42 104 0 8 7 14 15 12 3 0 6-3 8-6 4-5 41-97 41-102 0-8-6-16-15-14z" fill="#4fa4eb" stroke="#4fa4eb"/><path d="M603 704v-105z" fill="#4fa4eb" stroke="#4fa4eb"/><path d="M526 566h-21z" fill="#4fa4eb" stroke="#4fa4eb"/><path d="M648 666h-21z" fill="#4fa4eb" stroke="#4fa4eb"/><path d="M482 566l-6-1z" fill="#4fa4eb" stroke="#4fa4eb"/><path d="M556 566l6-1z" fill="#4fa4eb" stroke="#4fa4eb"/></g><g id="navy" data-name="Navy"><path d="M471 470c3-30 39-66 25-97-8-21-36-26-53-13-10 7-13 18-18 29-5 13-33 87-39 90-6 4-24 4-31 6-24 6-45 17-68 25-16 6-38 20-22 40 7 9 22 17 31 27 26 29 26 61 31 98 5 43 10 87 15 131 2 20 2 41 7 60 3 11 9 21 16 30 44 48 150 49 210 41 44-6 103-18 120-66 7-20 6-43 9-63 10-76 21-152 31-228 2-16 15-62 8-74-5-8-18-12-26-15-25-9-52-13-78-16-10-1-21 0-31-3 3-33 49-78 19-108-7-8-17-12-27-11s-20 6-26 14c-16 20-29 76-44 102zm-10-94c9-2 15 6 15 14 0 5-37 97-41 102-2 3-5 6-8 6-8 2-15-4-15-12 0-4 39-100 42-104 2-3 4-5 7-6zm139 0c7-1 14 5 14 13 0 4-37 97-41 103-2 3-5 6-9 7-7 1-14-5-14-12 0-6 38-99 42-105 2-3 5-5 8-6zM527 492c11 41 56 39 70 1 32 8 96 4 123 23-44 24-143 26-193 28-43 2-159-5-194-28 17-11 39-10 58-15 19 27 57 30 68-6 16-6 50-3 68-3zm-51 73l6 1h23 21 30l6-1c32 0 128-8 154-24 1 19-5 40-8 59-4 27-6 55-11 82-11 56-14 115-23 172-9 52-93 61-135 62s-130-2-158-39c-4-5-7-12-9-18-5-20-5-43-7-63-4-28-11-64-10-91-4-12-4-27-5-39-7-63-12-90-64-130l24-9c25 29 129 38 166 38z" fill="#2b4565" stroke="#2b4565"/><path d="M650 153c-10-18-16-36-30-52-55-64-155-63-213-5-10 10-19 22-26 35-3 5-5 17-9 21-1 1-3 1-4 1-5 2-11 1-16 2-19 4-37 15-50 28-35 38-36 100 3 135 41 38 114 27 167 27 33 0 65-1 98-1 30 0 59 2 89 0 128-9 115-196-9-191zM507 75c44-1 85 22 108 60 5 10 12 40 23 43 5 1 11-1 17-1 22 0 43 11 56 28 29 36 13 92-28 110-28 12-128 6-163 6s-69 0-103 0c-21 0-43 2-63-2-46-11-68-65-45-105 10-18 28-31 48-35 9-2 18 0 26-2 13-3 15-26 20-36 20-38 61-65 104-66z" fill="#2b4565" stroke="#2b4565"/><path d="M603 599v105l-1 4c0 38 0 76 0 114 0 13-4 43 1 55 4 9 18 11 21 1 3-6 1-14 1-20 10 0 33 4 32-11s-23-11-32-11v-42c10 0 33 4 32-11s-22-11-32-11v-42c10 0 37 4 32-15-4-12-38-2-31-13-2-6-2-32 1-36h21c13-1 11-19 0-22-7-2-16 0-23 0v-31c13 0 27 1 41 0 13-1 20-15 7-21-6-3-58-3-64 0-3 1-5 4-6 7z" fill="#2b4565" stroke="#2b4565"/></g><g id="white" data-name="White"><path d="M482 566l-6-1c-37 0-141-9-166-38l-24 9c52 40 57 67 64 130 1 12 1 27 5 39 4-5 11-8 17-11 32-16 68-18 102-9 20 6 38 14 59 18 9 2 68 4 69 5l1-4v-105c1-3 3-6 6-7 6-3 58-3 64 0 13 6 6 20-7 21-14 1-28 0-41 0v31c7 0 16-2 23 0 11 3 13 21 0 22h-21c-3 4-3 30-1 36 10-3 66-21 71-20 5-27 7-55 11-82 3-19 9-40 8-59-26 16-122 24-154 24l-6 1h-30-21z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

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

import RainGaugeSvg from "./rain-gauge.jsx"; // from the React tab above

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