Cloud Rain 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 { IconCloudRain } from "@devigner-ui/icons";
<IconCloudRain className="size-6" />
<script setup>
import { IconCloudRain } from "@devigner-ui/icons-vue";
</script>
<template>
<IconCloudRain class="size-6" />
</template>
<script>
import { IconCloudRain } from "@devigner-ui/icons-svelte";
</script>
<IconCloudRain 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.3.6 2.48 1.55 3.25m3.57-7.41A5.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.62 5.62 0 0 1 1.34 10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="m17 19-2 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="m16 15.5-2 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="m12 20-2 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="m11.5 15.5-2 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="m7.5 19-2 2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>