Drizzle SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/wsTEtvi0FhRN/amnt.svg" alt="Drizzle" 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="M380 336h-18c-13-1-27 3-39 8-65 24-101 103-64 166 35 60 89 59 152 59 31 0 64 0 96 0 35 0 70 0 105 0 59 0 115 5 152-49 35-51 19-123-34-154-11-7-25-13-38-14-9-1-17 3-26 3 0-67-64-127-130-130-56-3-110 25-136 76-6 11-9 23-14 35z" fill="#b2e7fb" stroke="#b2e7fb"/></g><g id="navy" data-name="Navy"><path d="M686 327c-10-69-82-122-150-126-57-3-118 24-149 74-8 11-12 24-19 36-21 3-42 5-62 14-67 29-105 108-78 178 19 48 64 81 115 89 20 3 42 1 63 1 27 0 56 0 84 0 39 0 78 0 118 0 70 0 130 5 175-58 61-85 3-196-97-208zm-306 9h6c5-12 8-24 14-35 26-51 80-79 136-76 66 3 130 63 130 130 9 0 17-4 26-3 13 1 27 7 38 14 53 31 69 103 34 154-37 54-93 49-152 49-35 0-70 0-105 0-32 0-65 0-96 0-63 0-117 1-152-59-37-63-1-142 64-166 12-5 26-9 39-8z" fill="#022452" stroke="#022452"/><path d="M693 630c-8 1-16 5-22 11-9 9-54 85-57 97-4 22 13 42 36 41 6 0 12-2 17-6 11-8 60-89 62-102 4-22-13-43-36-41zm-1 20c9-2 18 6 18 15-1 6-46 83-52 89-2 2-4 4-7 5-9 2-18-5-17-15 0-7 52-92 58-94z" fill="#022452" stroke="#022452"/><path d="M525 629c-10 1-18 7-24 15-10 12-53 85-54 98-1 21 18 38 38 36 9-1 17-6 22-12 10-11 54-86 56-98 3-23-16-41-38-39zm1 20c11-2 18 6 17 16-1 6-46 84-51 88-2 3-5 4-8 5-9 1-17-6-17-15 0-6 45-82 51-88 2-3 5-5 8-6z" fill="#022452" stroke="#022452"/><path d="M358 627c-9 1-17 7-22 14-9 11-51 80-53 92-4 23 15 44 39 41 7-1 14-5 18-10 9-9 55-89 57-99 2-22-17-41-39-38zm2 20c11-2 18 7 17 17-1 4-44 77-49 83-2 3-5 6-9 7-10 2-18-7-17-17 1-4 45-79 50-84 2-2 4-5 8-6z" fill="#022452" stroke="#022452"/></g><g id="blue" data-name="Blue"><path d="M526 649c-3 1-6 3-8 6-6 6-51 82-51 88 0 9 8 16 17 15 3-1 6-2 8-5 5-4 50-82 51-88 1-10-6-18-17-16z" fill="#0179fc" stroke="#0179fc"/><path d="M692 650c-6 2-58 87-58 94-1 10 8 17 17 15 3-1 5-3 7-5 6-6 51-83 52-89 0-9-9-17-18-15z" fill="#0179fc" stroke="#0179fc"/><path d="M360 647c-4 1-6 4-8 6-5 5-49 80-50 84-1 10 7 19 17 17 4-1 7-4 9-7 5-6 48-79 49-83 1-10-6-19-17-17z" fill="#0179fc" stroke="#0179fc"/><path d="M362 336h18z" fill="#0179fc" stroke="#0179fc"/></g></svg>

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

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

import DrizzleSvg from "./drizzle.jsx"; // from the React tab above

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