Cloud Waterdrops icon in outline, twotone, bold and bulk. Free in all four styles, for forecast, conditions, temperature, climate. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconCloudWaterdrops } from "@devigner-ui/icons";
<IconCloudWaterdrops className="size-6" />
<script setup>
import { IconCloudWaterdrops } from "@devigner-ui/icons-vue";
</script>
<template>
<IconCloudWaterdrops class="size-6" />
</template>
<script>
import { IconCloudWaterdrops } from "@devigner-ui/icons-svelte";
</script>
<IconCloudWaterdrops class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="1" d="M14.38 8.03A5.8 5.8 0 0 1 18.16 8M7.12 10.6A4.26 4.26 0 0 0 2 14.77c0 1.9 1.26 3.5 3 4.04m2.12-8.2A5.68 5.68 0 0 1 12.48 3a5.7 5.7 0 0 1 5.68 5M7.12 10.6q.85.16 1.55.63M18.16 8A5.65 5.65 0 0 1 22 13.35a5.65 5.65 0 0 1-3.5 5.21" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M11 20.33c0 .92-.67 1.67-1.5 1.67S8 21.25 8 20.33c0-.5.45-1.15.86-1.64.34-.4.94-.4 1.28 0 .4.49.86 1.14.86 1.64" stroke="currentColor" stroke-width="1.5"></path><path d="M16 20.33c0 .92-.67 1.67-1.5 1.67s-1.5-.75-1.5-1.67c0-.5.45-1.15.86-1.64.34-.4.94-.4 1.28 0 .4.49.86 1.14.86 1.64" stroke="currentColor" stroke-width="1.5"></path><path d="M13.5 15.33c0 .92-.67 1.67-1.5 1.67s-1.5-.75-1.5-1.67c0-.5.45-1.15.86-1.64.34-.4.94-.4 1.28 0 .4.49.86 1.14.86 1.64" stroke="currentColor" stroke-width="1.5"></path></svg>