Free SVG set
weather-line
38 SVGs in one style, shared by their maker. Free to use.
Cloud: One rounded cloud with a flat lower edge. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Lightning Bolt: A sharp zigzag bolt with pointed ends. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Water Drop: A single teardrop outline with a pointed top. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
AC Unit: A rectangular wall unit with two vents and three short downward airflow curves. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Thermostat: A small wall-mounted rectangle with a circular dial and two short vents. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Dark Mode: A crescent moon beside one small four-point star. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image. A reviewer said about the last try: The right icon shows a crescent moon but has a plus sign instead of a four-point star, so it does not clearly show the requested elements; line weight is thicker and style differs from the left icon; adjust the symbol to a four-point star and match line weight and style to the left icon. Fix exactly that.
Sun: A large central circle with short rays extending in eight directions. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Snowflake: Six straight arms radiating from a center, each with short forked tips. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Thunderstorm: A rounded cloud with a zigzag lightning bolt beneath it. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Rain Cloud: A rounded cloud above three long diagonal rain strokes. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Wind: Three horizontal airflow curves, two ending in small curls. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Umbrella: A domed canopy with a straight shaft and hooked handle. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Moon: A plain crescent moon without stars. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Partly Cloudy: A small sun with visible rays peeking from behind a larger cloud. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Fog: A low cloud above three straight, separated horizontal lines. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Rainbow: Three nested arches ending at the same baseline. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Thermometer: A narrow vertical tube ending in a round bulb, with a short level line inside. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Hail: A rounded cloud above three small outlined circles. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Tornado: A wide spiral funnel narrowing to a pointed base. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image. A reviewer said about the last try: The tornado icon lacks a clear spiral funnel shape and pointed base, making it less recognizable; line weight and style differ from the cloud icon, so adjust line thickness and simplify shapes to better match the pack style. Fix exactly that.
Sleet: A cloud above alternating diagonal rain strokes and small snowflakes. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Hurricane: Two broad curved arms circling a small open eye. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image. A reviewer said about the last try: The hurricane icon does not clearly show two broad curved arms or a small open eye, making it hard to read at small size; line weight and style differ noticeably from the cloud icon, reducing consistency. Fix exactly that.
Drizzle: A small cloud above three short, widely spaced diagonal rain strokes. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Sunset: Half a sun touching a straight horizon, with two short rays angled downward. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Sunrise: Half a sun rising above a straight horizon, with three short upward rays. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Clear Night: A crescent moon above a low, straight horizon line. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Wind Sock: A tapered windsock extending from a vertical pole, with two curved seam lines. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image. A reviewer said about the last try: The windsock shape is not tapered and lacks two curved seam lines; line weight and detail level differ from the reference. Fix exactly that.
Rainy Night: A crescent moon beside a cloud with two diagonal rain strokes below. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image. A reviewer said about the last try: The right icon does not clearly show a crescent moon and the rain strokes are not diagonal; line weight and style differ significantly from the left icon. Fix exactly that.
Scattered Clouds: Two separate rounded clouds, one smaller and higher than the other. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Heavy Rain: A wide cloud above five closely spaced diagonal rain strokes. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Dust Storm: Three wind curves sweeping past four small scattered dots. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Heat Wave: A sun above three vertical wavy heat lines. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Snowy Night: A crescent moon beside a cloud with two small snowflakes below. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image. A reviewer said about the last try: The crescent moon shape is unclear and looks like a curved line; snowflakes are too complex and not clearly snowflakes; line weight and style differ from the reference cloud. Fix exactly that.
Blowing Snow: Two small snowflakes beside three horizontal wind curves. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image. A reviewer said about the last try: Replace the cloud with two small snowflakes and simplify the wind curves to three horizontal lines with consistent line ends; reduce line thickness to match the LEFT icon's style. Fix exactly that.
Cold Snap: A thermometer with a low level beside a small snowflake. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Rain Gauge: An open measuring cup beneath a cloud, with two rain strokes entering it. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Barometer: A round gauge with a single angled needle and three short tick marks. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Snow Cloud: A rounded cloud above three small asterisk-shaped snowflakes. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image.
Light Mode: A small circle surrounded by eight short, evenly spaced rays. A 24x24 line icon. The root <svg> has viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round". Strokes only: no fills, no colours, no stroke-width on children. Simple and readable at 24 px, about 2 px of empty margin. No text or letters, no background rectangle, no border around the whole image. A reviewer said about the last try: The rays are too thick and rounded compared to the left icon's line weight and style; make rays thinner and more consistent with the left icon's corners and line thickness. Fix exactly that.