Cloud Rain icon
A free cloud rain icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.
- Size
- 24 × 24, scales to any size
- License
- Free, credit optional (terms)
- Tags
- weather, rain, precipitation, drizzle, storm, wet, meteorology
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path transform="translate(2 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6 11L6 13M10 12L10 14M14 11L14 13M6 16L6 17M10 17L10 18M14 16L14 17M4.02 6.03C4.01 6.18 4 6.34 4 6.5M4.02 6.03C1.76 6.27 0 8.18 0 10.5C0 12.17 0.91 13.63 2.26 14.4M4.02 6.03C4.26 2.66 7.07 0 10.5 0C13.37 0 15.81 1.86 16.67 4.44C18.63 5.29 20 7.23 20 9.5C20 11.24 19.19 12.8 17.92 13.81"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path transform="translate(1 2)" fill="currentColor" d="M11.5 0C14.66 0 17.36 1.95 18.47 4.71C20.56 5.79 22 7.98 22 10.5C22 13.22 20.33 15.55 17.96 16.52C17.9 16.15 17.78 15.81 17.6 15.5C17.85 15.06 18 14.55 18 14L18 12C18 10.34 16.66 9 15 9C13.94 9 13 9.55 12.47 10.38C12.04 10.14 11.53 10 11 10C10.47 10 9.96 10.14 9.53 10.38C9 9.55 8.06 9 7 9C5.34 9 4 10.34 4 12L4 14C4 14.55 4.15 15.06 4.4 15.5C4.18 15.89 4.04 16.33 4.01 16.79C1.69 16.14 0 14.02 0 11.5C0 8.94 1.75 6.79 4.12 6.18C4.41 4.52 5.25 3.06 6.43 1.97C7.58 0.92 9.06 0.22 10.7 0.04C10.96 0.01 11.23 0 11.5 0Z"/>
<path transform="translate(1 2)" fill="currentColor" d="M8 12C8 11.45 7.55 11 7 11C6.45 11 6 11.45 6 12L6 14C6 14.55 6.45 15 7 15C7.55 15 8 14.55 8 14L8 12Z"/>
<path transform="translate(1 2)" fill="currentColor" d="M16 12C16 11.45 15.55 11 15 11C14.45 11 14 11.45 14 12L14 14C14 14.55 14.45 15 15 15C15.55 15 16 14.55 16 14L16 12Z"/>
<path transform="translate(1 2)" fill="currentColor" d="M12 13C12 12.45 11.55 12 11 12C10.45 12 10 12.45 10 13L10 15C10 15.55 10.45 16 11 16C11.55 16 12 15.55 12 15L12 13Z"/>
<path transform="translate(1 2)" fill="currentColor" d="M8 17C8 16.45 7.55 16 7 16C6.45 16 6 16.45 6 17L6 18C6 18.55 6.45 19 7 19C7.55 19 8 18.55 8 18L8 17Z"/>
<path transform="translate(1 2)" fill="currentColor" d="M16 17C16 16.45 15.55 16 15 16C14.45 16 14 16.45 14 17L14 18C14 18.55 14.45 19 15 19C15.55 19 16 18.55 16 18L16 17Z"/>
<path transform="translate(1 2)" fill="currentColor" d="M12 18C12 17.45 11.55 17 11 17C10.45 17 10 17.45 10 18L10 19C10 19.55 10.45 20 11 20C11.55 20 12 19.55 12 19L12 18Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(2 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M4.02 6.03C4.01 6.18 4 6.34 4 6.5M4.02 6.03C1.76 6.27 0 8.18 0 10.5C0 12.17 0.91 13.63 2.26 14.4M4.02 6.03C4.26 2.66 7.07 0 10.5 0C13.37 0 15.81 1.86 16.67 4.44C18.63 5.29 20 7.23 20 9.5C20 11.24 19.19 12.8 17.92 13.81"/>
<path transform="translate(8 14)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0L0 2M4 1L4 3M8 0L8 2M0 5L0 6M4 6L4 7M8 5L8 6"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(1 2)" fill="currentColor" d="M18.47 4.71C17.36 1.95 14.66 0 11.5 0C11.23 0 10.96 0.01 10.7 0.04C9.06 0.22 7.58 0.92 6.43 1.97C5.25 3.06 4.41 4.52 4.12 6.18C1.75 6.79 0 8.94 0 11.5C0 14.02 1.69 16.14 4.01 16.79C4.04 16.33 4.18 15.89 4.4 15.5C4.15 15.06 4 14.55 4 14L4 12C4 10.34 5.34 9 7 9C8.06 9 9 9.55 9.53 10.38C9.96 10.14 10.47 10 11 10C11.53 10 12.04 10.14 12.47 10.38C13 9.55 13.94 9 15 9C16.66 9 18 10.34 18 12L18 14C18 14.55 17.85 15.06 17.6 15.5C17.78 15.81 17.9 16.15 17.96 16.52C20.33 15.55 22 13.22 22 10.5C22 7.98 20.56 5.79 18.47 4.71Z"/>
<path transform="translate(7 13)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M1 0C1.55 0 2 0.45 2 1L2 3C2 3.55 1.55 4 1 4C0.45 4 0 3.55 0 3L0 1C0 0.45 0.45 0 1 0ZM9 0C9.55 0 10 0.45 10 1L10 3C10 3.55 9.55 4 9 4C8.45 4 8 3.55 8 3L8 1C8 0.45 8.45 0 9 0ZM5 1C5.55 1 6 1.45 6 2L6 4C6 4.55 5.55 5 5 5C4.45 5 4 4.55 4 4L4 2C4 1.45 4.45 1 5 1ZM1 5C1.55 5 2 5.45 2 6L2 7C2 7.55 1.55 8 1 8C0.45 8 0 7.55 0 7L0 6C0 5.45 0.45 5 1 5ZM9 5C9.55 5 10 5.45 10 6L10 7C10 7.55 9.55 8 9 8C8.45 8 8 7.55 8 7L8 6C8 5.45 8.45 5 9 5ZM5 6C5.55 6 6 6.45 6 7L6 8C6 8.55 5.55 9 5 9C4.45 9 4 8.55 4 8L4 7C4 6.45 4.45 6 5 6Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(2 3)" fill="currentColor" d="M17.29 14.24C18.91 13.28 20 11.52 20 9.5C20 7.23 18.63 5.29 16.67 4.44C15.81 1.86 13.37 0 10.5 0C7.07 0 4.26 2.66 4.02 6.03C1.76 6.27 0 8.18 0 10.5C0 12.39 1.16 14.01 2.81 14.67L3.18 14.03C3.06 13.71 3 13.36 3 13L3 11C3 9.34 4.34 8 6 8C7.06 8 8 8.55 8.53 9.38C8.96 9.14 9.47 9 10 9C10.53 9 11.04 9.14 11.47 9.38C12 8.55 12.94 8 14 8C15.66 8 17 9.34 17 11L17 13C17 13.21 16.98 13.41 16.94 13.6L17.29 14.24Z"/>
<path transform="translate(2 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6 11L6 13M10 12L10 14M14 11L14 13M6 16L6 17M10 17L10 18M14 16L14 17M4.02 6.03C4.01 6.18 4 6.34 4 6.5M4.02 6.03C1.76 6.27 0 8.18 0 10.5C0 12.17 0.91 13.63 2.26 14.4M4.02 6.03C4.26 2.66 7.07 0 10.5 0C13.37 0 15.81 1.86 16.67 4.44C18.63 5.29 20 7.23 20 9.5C20 11.24 19.19 12.8 17.92 13.81"/>
</svg>
More Weather & Climate icons
In the full library
- Cloud Lightning
- Cloud Moon
- Cloud Snow
- Cloud Wind
- Leaf
- Lightning Thunder Electric Off
- Sunrise Down
- Sunrise Up
- Water Double Droplet
- Water Triple Droplet
Get the full library
5,000+ icons across five styles, with the Figma file and the Pikaicons app, for one payment from $99. 500+ of them are free to copy here.
