# Rain icon

A free rain icon in SVG, also found under weather, rainy and storm. Set the stroke weight and the corners, then copy the code or download the file.

- Name: rain
- Category: [Time and weather](https://icons.evanpizzolato.com/categories/time-weather/)
- Also found under: weather, rainy, storm, shower, forecast
- Page: https://icons.evanpizzolato.com/icons/rain/
- SVG file: https://icons.evanpizzolato.com/svg/rain.svg
- CDN: https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/rain.svg
- License: MIT. Free for personal and commercial use. Attribution is not required.

## SVG

This is the file Copy gives you at the site defaults: square corners and a stroke weight of 1.25.

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="24" height="24" fill="none"
     stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="miter">
  <path d="M24 22H9.5A6.5 6.5 0 0 1 8.6 9a9 9 0 0 1 17 2.4A5.5 5.5 0 0 1 24 22Z"/>
  <path d="M11 25v2"/>
  <path d="M16 25v3"/>
  <path d="M21 25v2"/>
</svg>
```

## Use it from a CDN

The CDN file is the authored source: rounded corners, a stroke weight of 2, and no width or height. An image tag draws it in black, so paste the markup inline to color it with CSS.

```html
<img src="https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/rain.svg" width="24" height="24" alt="">
```

## Related icons

- [cloud](https://icons.evanpizzolato.com/icons/cloud.md)
- [rainbow](https://icons.evanpizzolato.com/icons/rainbow.md)
- [sun-bright](https://icons.evanpizzolato.com/icons/sun-bright.md)
- [bolt](https://icons.evanpizzolato.com/icons/bolt.md)
- [calendar](https://icons.evanpizzolato.com/icons/calendar.md)
- [calendar-add](https://icons.evanpizzolato.com/icons/calendar-add.md)
- [clock](https://icons.evanpizzolato.com/icons/clock.md)
- [history](https://icons.evanpizzolato.com/icons/history.md)