cloud-moon-rain icon

Cloud moon rain: night showers, night rain. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M10.842 1.795C10.785 2.231 10.822 2.658 10.953 3.077C11.1 3.547 11.347 3.956 11.695 4.305C12.044 4.653 12.453 4.9 12.923 5.047C13.342 5.178 13.769 5.215 14.205 5.158C14.293 5.146 14.379 5.158 14.462 5.192C14.592 5.247 14.683 5.337 14.734 5.462C14.786 5.588 14.785 5.716 14.731 5.846C14.521 6.349 14.211 6.78 13.8 7.138C13.33 7.548 12.79 7.813 12.179 7.933C11.568 8.054 10.968 8.015 10.378 7.815C9.862 7.64 9.411 7.36 9.025 6.975C8.64 6.589 8.36 6.138 8.185 5.622C7.985 5.032 7.946 4.432 8.067 3.821C8.187 3.21 8.452 2.67 8.862 2.2C9.22 1.789 9.651 1.479 10.154 1.269C10.236 1.235 10.322 1.223 10.411 1.235C10.548 1.253 10.658 1.316 10.742 1.426C10.827 1.535 10.86 1.658 10.842 1.795ZM9.132 5.302C9.257 5.67 9.457 5.992 9.732 6.268C10.008 6.543 10.33 6.743 10.698 6.868C11.12 7.011 11.549 7.039 11.985 6.952C12.422 6.866 12.807 6.677 13.143 6.384C13.224 6.313 13.3 6.238 13.371 6.159C13.12 6.131 12.871 6.078 12.625 6.001C11.998 5.806 11.453 5.476 10.988 5.012C10.524 4.547 10.194 4.002 9.999 3.375C9.922 3.129 9.869 2.88 9.841 2.629C9.762 2.7 9.687 2.776 9.616 2.857C9.323 3.193 9.134 3.578 9.048 4.015C8.961 4.451 8.989 4.88 9.132 5.302ZM6.505 4.782C6.504 4.788 6.502 4.793 6.5 4.799C6.46 4.931 6.379 5.029 6.257 5.094C6.135 5.159 6.008 5.171 5.876 5.131C5.548 5.031 5.213 4.988 4.87 5.003C4.494 5.019 4.133 5.103 3.789 5.255C3.416 5.42 3.09 5.651 2.811 5.949C2.532 6.247 2.322 6.587 2.182 6.97C2.053 7.324 1.993 7.689 2.001 8.065C2.009 8.442 2.085 8.804 2.23 9.151C2.386 9.528 2.61 9.859 2.902 10.144C3.193 10.429 3.529 10.646 3.909 10.795C4.26 10.932 4.623 11 5 11L9.5 11C9.84 11 10.144 10.897 10.414 10.69C10.683 10.483 10.861 10.215 10.949 9.887C10.985 9.754 11.062 9.653 11.182 9.583C11.301 9.514 11.428 9.498 11.561 9.533C11.695 9.569 11.796 9.646 11.865 9.766C11.934 9.885 11.951 10.012 11.915 10.145C11.769 10.692 11.472 11.138 11.023 11.483C10.574 11.828 10.066 12 9.5 12L5 12C4.498 12 4.013 11.909 3.545 11.726C3.039 11.528 2.591 11.239 2.202 10.859C1.814 10.479 1.515 10.037 1.306 9.535C1.114 9.072 1.012 8.589 1.001 8.087C0.99 7.585 1.071 7.098 1.243 6.627C1.43 6.116 1.709 5.662 2.081 5.265C2.453 4.868 2.887 4.56 3.385 4.341C3.844 4.138 4.325 4.026 4.826 4.004C5.283 3.984 5.731 4.041 6.168 4.174C6.3 4.215 6.399 4.296 6.463 4.418C6.477 4.443 6.488 4.469 6.497 4.495C6.497 4.591 6.5 4.687 6.505 4.782ZM10.5 12.997C10.636 12.997 10.754 13.047 10.854 13.146C10.953 13.246 11.003 13.364 11.003 13.5C11.003 13.636 10.953 13.754 10.854 13.854L9.854 14.854C9.754 14.953 9.636 15.003 9.5 15.003C9.364 15.003 9.246 14.953 9.146 14.854C9.047 14.754 8.997 14.636 8.997 14.5C8.997 14.364 9.047 14.246 9.146 14.146L10.146 13.146C10.246 13.047 10.364 12.997 10.5 12.997ZM3.854 14.854C3.756 14.951 3.638 15 3.5 15C3.362 15 3.244 14.951 3.146 14.854C3.047 14.754 2.997 14.636 2.997 14.5C2.997 14.364 3.047 14.246 3.146 14.146L4.146 13.146C4.244 13.049 4.362 13 4.5 13C4.638 13 4.756 13.049 4.854 13.146C4.953 13.246 5.003 13.364 5.003 13.5C5.003 13.636 4.953 13.754 4.854 13.854L3.854 14.854ZM7.5 13C7.638 13 7.756 13.049 7.854 13.146C7.953 13.246 8.003 13.364 8.003 13.5C8.003 13.636 7.953 13.754 7.854 13.854L6.854 14.854C6.756 14.951 6.638 15 6.5 15C6.362 15 6.244 14.951 6.146 14.854C6.047 14.754 5.997 14.636 5.997 14.5C5.997 14.364 6.047 14.246 6.146 14.146L7.146 13.146C7.244 13.049 7.362 13 7.5 13Z"/></svg>

React

// Gentleface "cloud-moon-rain" (line-round), MIT. https://gentleface.com/icons/cloud-moon-rain
import type { SVGProps } from 'react';

export function CloudMoonRainIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M10.842 1.795C10.785 2.231 10.822 2.658 10.953 3.077C11.1 3.547 11.347 3.956 11.695 4.305C12.044 4.653 12.453 4.9 12.923 5.047C13.342 5.178 13.769 5.215 14.205 5.158C14.293 5.146 14.379 5.158 14.462 5.192C14.592 5.247 14.683 5.337 14.734 5.462C14.786 5.588 14.785 5.716 14.731 5.846C14.521 6.349 14.211 6.78 13.8 7.138C13.33 7.548 12.79 7.813 12.179 7.933C11.568 8.054 10.968 8.015 10.378 7.815C9.862 7.64 9.411 7.36 9.025 6.975C8.64 6.589 8.36 6.138 8.185 5.622C7.985 5.032 7.946 4.432 8.067 3.821C8.187 3.21 8.452 2.67 8.862 2.2C9.22 1.789 9.651 1.479 10.154 1.269C10.236 1.235 10.322 1.223 10.411 1.235C10.548 1.253 10.658 1.316 10.742 1.426C10.827 1.535 10.86 1.658 10.842 1.795ZM9.132 5.302C9.257 5.67 9.457 5.992 9.732 6.268C10.008 6.543 10.33 6.743 10.698 6.868C11.12 7.011 11.549 7.039 11.985 6.952C12.422 6.866 12.807 6.677 13.143 6.384C13.224 6.313 13.3 6.238 13.371 6.159C13.12 6.131 12.871 6.078 12.625 6.001C11.998 5.806 11.453 5.476 10.988 5.012C10.524 4.547 10.194 4.002 9.999 3.375C9.922 3.129 9.869 2.88 9.841 2.629C9.762 2.7 9.687 2.776 9.616 2.857C9.323 3.193 9.134 3.578 9.048 4.015C8.961 4.451 8.989 4.88 9.132 5.302ZM6.505 4.782C6.504 4.788 6.502 4.793 6.5 4.799C6.46 4.931 6.379 5.029 6.257 5.094C6.135 5.159 6.008 5.171 5.876 5.131C5.548 5.031 5.213 4.988 4.87 5.003C4.494 5.019 4.133 5.103 3.789 5.255C3.416 5.42 3.09 5.651 2.811 5.949C2.532 6.247 2.322 6.587 2.182 6.97C2.053 7.324 1.993 7.689 2.001 8.065C2.009 8.442 2.085 8.804 2.23 9.151C2.386 9.528 2.61 9.859 2.902 10.144C3.193 10.429 3.529 10.646 3.909 10.795C4.26 10.932 4.623 11 5 11L9.5 11C9.84 11 10.144 10.897 10.414 10.69C10.683 10.483 10.861 10.215 10.949 9.887C10.985 9.754 11.062 9.653 11.182 9.583C11.301 9.514 11.428 9.498 11.561 9.533C11.695 9.569 11.796 9.646 11.865 9.766C11.934 9.885 11.951 10.012 11.915 10.145C11.769 10.692 11.472 11.138 11.023 11.483C10.574 11.828 10.066 12 9.5 12L5 12C4.498 12 4.013 11.909 3.545 11.726C3.039 11.528 2.591 11.239 2.202 10.859C1.814 10.479 1.515 10.037 1.306 9.535C1.114 9.072 1.012 8.589 1.001 8.087C0.99 7.585 1.071 7.098 1.243 6.627C1.43 6.116 1.709 5.662 2.081 5.265C2.453 4.868 2.887 4.56 3.385 4.341C3.844 4.138 4.325 4.026 4.826 4.004C5.283 3.984 5.731 4.041 6.168 4.174C6.3 4.215 6.399 4.296 6.463 4.418C6.477 4.443 6.488 4.469 6.497 4.495C6.497 4.591 6.5 4.687 6.505 4.782ZM10.5 12.997C10.636 12.997 10.754 13.047 10.854 13.146C10.953 13.246 11.003 13.364 11.003 13.5C11.003 13.636 10.953 13.754 10.854 13.854L9.854 14.854C9.754 14.953 9.636 15.003 9.5 15.003C9.364 15.003 9.246 14.953 9.146 14.854C9.047 14.754 8.997 14.636 8.997 14.5C8.997 14.364 9.047 14.246 9.146 14.146L10.146 13.146C10.246 13.047 10.364 12.997 10.5 12.997ZM3.854 14.854C3.756 14.951 3.638 15 3.5 15C3.362 15 3.244 14.951 3.146 14.854C3.047 14.754 2.997 14.636 2.997 14.5C2.997 14.364 3.047 14.246 3.146 14.146L4.146 13.146C4.244 13.049 4.362 13 4.5 13C4.638 13 4.756 13.049 4.854 13.146C4.953 13.246 5.003 13.364 5.003 13.5C5.003 13.636 4.953 13.754 4.854 13.854L3.854 14.854ZM7.5 13C7.638 13 7.756 13.049 7.854 13.146C7.953 13.246 8.003 13.364 8.003 13.5C8.003 13.636 7.953 13.754 7.854 13.854L6.854 14.854C6.756 14.951 6.638 15 6.5 15C6.362 15 6.244 14.951 6.146 14.854C6.047 14.754 5.997 14.636 5.997 14.5C5.997 14.364 6.047 14.246 6.146 14.146L7.146 13.146C7.244 13.049 7.362 13 7.5 13Z" />
    </svg>
  );
}

Vue

Vue: see /icons/cloud-moon-rain.md

Svelte

Svelte: see /icons/cloud-moon-rain.md

HTML img

HTML img: see /icons/cloud-moon-rain.md

CSS

CSS: see /icons/cloud-moon-rain.md

Data URL

Data URL: see /icons/cloud-moon-rain.md

Sprite

Sprite: see /icons/cloud-moon-rain.md

SwiftUI

SwiftUI: see /icons/cloud-moon-rain.md

Compose

Compose: see /icons/cloud-moon-rain.md

Android XML

Android XML: see /icons/cloud-moon-rain.md

Flutter

Flutter: see /icons/cloud-moon-rain.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

With npm: import { CloudMoonRainIcon } from '@gentleface/react'; (setup).

Meaning

Use it for

night showers, night rain

Alternatives

cloud-sun-rain: showers by day

Also fits

sun showers: showers at night

Tags

night showers, night rain, rain, moon, cloud, showers, night, weather, forecast

Category

Weather

Component name

CloudMoonRainIcon

History

2026-10-29 released in 0.2.0
2026-10-30 added

Since

version 0.2.0

Family 26

cloud cloud-alert cloud-arrow-down cloud-arrow-up cloud-check cloud-clock cloud-drizzle cloud-fog cloud-gear cloud-hail cloud-lightning cloud-lock

More weather icons

air-quality celsius droplet droplet-alert droplet-off fahrenheit flood haze hurricane moon moon-star rainbow snowflake sun sun-snow sunrise · all weather icons

For agents

Metadata: /icons/cloud-moon-rain.json · Markdown: /icons/cloud-moon-rain.md · SVG: https://gentleface.com/svg/{style}/16/cloud-moon-rain.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/cloud-moon-rain.png

cloud-moon-rain icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp