Pixelarticons

Rain Pixel Art Icon

A rain icon for rainy weather forecasts, precipitation probability displays and weather widget condition labels.

weather Pro 2 variants

Tags

dropstorm

Style variants

base

Outline · rounded corners

Get Pro

solid

Filled · rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Rain icon

A cloud with rain drops falling beneath it, the standard weather symbol for rainfall. Use it in a forecast card for rain conditions, in a precipitation probability gauge, or in an outdoor app to flag wet conditions for activities. It reads as moderate rain; cloud-thunder-rain adds severity, and cloud-snow swaps weather type. Rain-2 offers a slightly different droplet arrangement if the first looks too light or heavy for the forecast level you need to show.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/rain.svg" width="24" height="24" alt="Rain" />

<!-- React -->
import { Rain } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="rain.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons