Gentleface › Weather › cloud-moon-wind

cloud-moon-wind icon

Cloud moon wind: breezy night, windy night, partly cloudy windy night. 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.782ZM13.707 13.707C13.902 13.512 14 13.276 14 13C14 12.724 13.902 12.488 13.707 12.293C13.512 12.098 13.276 12 13 12C12.791 12 12.6 12.06 12.429 12.179C12.257 12.299 12.135 12.457 12.062 12.653C12.014 12.783 11.928 12.876 11.802 12.934C11.677 12.992 11.549 12.996 11.42 12.949C11.29 12.901 11.197 12.814 11.139 12.689C11.081 12.563 11.076 12.436 11.124 12.306C11.269 11.914 11.514 11.598 11.857 11.359C12.201 11.12 12.582 11 13 11C13.254 11 13.5 11.047 13.736 11.14C13.993 11.242 14.219 11.391 14.414 11.586C14.609 11.781 14.758 12.007 14.86 12.264C14.953 12.5 15 12.746 15 13C15 13.254 14.953 13.5 14.86 13.736C14.758 13.993 14.609 14.219 14.414 14.414C14.219 14.609 13.993 14.758 13.736 14.86C13.5 14.953 13.254 15 13 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5C1 14.359 1.048 14.241 1.144 14.144C1.241 14.048 1.359 14 1.5 14L13 14C13.276 14 13.512 13.902 13.707 13.707Z"/></svg>

React

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

export function CloudMoonWindIcon(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.782ZM13.707 13.707C13.902 13.512 14 13.276 14 13C14 12.724 13.902 12.488 13.707 12.293C13.512 12.098 13.276 12 13 12C12.791 12 12.6 12.06 12.429 12.179C12.257 12.299 12.135 12.457 12.062 12.653C12.014 12.783 11.928 12.876 11.802 12.934C11.677 12.992 11.549 12.996 11.42 12.949C11.29 12.901 11.197 12.814 11.139 12.689C11.081 12.563 11.076 12.436 11.124 12.306C11.269 11.914 11.514 11.598 11.857 11.359C12.201 11.12 12.582 11 13 11C13.254 11 13.5 11.047 13.736 11.14C13.993 11.242 14.219 11.391 14.414 11.586C14.609 11.781 14.758 12.007 14.86 12.264C14.953 12.5 15 12.746 15 13C15 13.254 14.953 13.5 14.86 13.736C14.758 13.993 14.609 14.219 14.414 14.414C14.219 14.609 13.993 14.758 13.736 14.86C13.5 14.953 13.254 15 13 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5C1 14.359 1.048 14.241 1.144 14.144C1.241 14.048 1.359 14 1.5 14L13 14C13.276 14 13.512 13.902 13.707 13.707Z" />
    </svg>
  );
}

Vue

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

Svelte

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

HTML img

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

CSS

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

Data URL

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

Sprite

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

SwiftUI

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

Compose

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

Android XML

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

Flutter

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

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. 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.

Meaning

Use it for

breezy night, windy night, partly cloudy windy night

Tags

breezy night, windy night, partly cloudy windy, wind, breeze, gust, moon, cloud, night, weather, forecast

Category

Weather

Component name

CloudMoonWindIcon

History

2026-11-12 20 px drawn, 24 px drawn, added

Family 46

cloud cloud-alert cloud-arrow-down cloud-arrow-up cloud-check cloud-clock cloud-code cloud-drizzle cloud-fog cloud-gear cloud-hail cloud-heart

More weather icons

air-quality avalanche barometer celsius droplet droplet-alert droplet-arrow-down droplet-arrow-up droplet-check droplet-clock droplet-gear droplet-heart droplet-lock droplet-minus droplet-off droplet-pause · all weather icons

For agents

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

cloud-moon-wind icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp