Gentleface › Weather › cloud-sun-wind

cloud-sun-wind icon

Cloud sun wind: breezy day, partly cloudy windy, windy day. 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="M9 2.5C9 2.641 8.952 2.759 8.856 2.856C8.759 2.952 8.641 3 8.5 3C8.359 3 8.241 2.952 8.144 2.856C8.048 2.759 8 2.641 8 2.5L8 1.5C8 1.359 8.048 1.241 8.144 1.144C8.241 1.048 8.359 1 8.5 1C8.641 1 8.759 1.048 8.856 1.144C8.952 1.241 9 1.359 9 1.5L9 2.5ZM12.854 3.854C12.754 3.953 12.636 4.003 12.5 4.003C12.364 4.003 12.246 3.953 12.146 3.854C12.049 3.756 12 3.638 12 3.5C12 3.362 12.049 3.244 12.146 3.146L13.146 2.146C13.246 2.047 13.364 1.997 13.5 1.997C13.636 1.997 13.754 2.047 13.854 2.146C13.951 2.244 14 2.362 14 2.5C14 2.638 13.951 2.756 13.854 2.854L12.854 3.854ZM2.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.328 3.982 5.816 4.052 6.292 4.214C6.806 4.39 7.266 4.659 7.671 5.022C8.076 5.385 8.393 5.813 8.624 6.306C8.74 6.555 8.83 6.811 8.892 7.074C9.013 7.044 9.137 7.023 9.264 7.011C9.673 6.972 10.069 7.031 10.449 7.187C10.83 7.343 11.152 7.579 11.417 7.895C11.652 8.176 11.818 8.494 11.913 8.848C12.009 9.202 12.026 9.56 11.964 9.921C11.895 10.327 11.735 10.693 11.485 11.02C11.235 11.347 10.923 11.596 10.55 11.769C10.217 11.923 9.867 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.859ZM8.554 4.483C8.555 4.475 8.557 4.467 8.558 4.459C8.583 4.323 8.653 4.217 8.767 4.138C8.881 4.06 9.005 4.034 9.141 4.059C9.653 4.155 10.121 4.354 10.544 4.659C10.967 4.963 11.305 5.343 11.558 5.798C11.625 5.918 11.64 6.045 11.602 6.178C11.564 6.311 11.485 6.411 11.364 6.478C11.347 6.488 11.329 6.496 11.312 6.504C11.159 6.412 10.998 6.332 10.829 6.262C10.762 6.235 10.695 6.209 10.627 6.186C10.453 5.904 10.231 5.666 9.96 5.471C9.682 5.271 9.377 5.134 9.046 5.06C8.898 4.856 8.734 4.664 8.554 4.483ZM10.691 10.412C10.841 10.216 10.937 9.996 10.979 9.753C11.016 9.536 11.005 9.321 10.948 9.109C10.891 8.896 10.791 8.706 10.65 8.537C10.491 8.348 10.298 8.206 10.07 8.112C9.841 8.019 9.604 7.983 9.358 8.007C9.139 8.028 8.935 8.093 8.744 8.204C8.677 8.244 8.603 8.266 8.525 8.271C8.384 8.28 8.263 8.24 8.161 8.15C8.059 8.061 8.003 7.945 7.994 7.805C7.969 7.429 7.877 7.071 7.718 6.729C7.545 6.36 7.307 6.039 7.003 5.767C6.7 5.494 6.355 5.292 5.969 5.161C5.612 5.039 5.246 4.986 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.72 11 9.93 10.954 10.13 10.861C10.354 10.758 10.541 10.608 10.691 10.412ZM13 7.5C13 7.359 13.048 7.241 13.144 7.144C13.241 7.048 13.359 7 13.5 7L14.5 7C14.641 7 14.759 7.048 14.856 7.144C14.952 7.241 15 7.359 15 7.5C15 7.641 14.952 7.759 14.856 7.856C14.759 7.952 14.641 8 14.5 8L13.5 8C13.359 8 13.241 7.952 13.144 7.856C13.048 7.759 13 7.641 13 7.5ZM12.279 11.628C12.424 11.438 12.547 11.239 12.649 11.031C12.765 11.01 12.882 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.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.935 12 12.871 12.006 12.807 12.019C12.669 12.046 12.543 12.022 12.43 11.946C12.334 11.881 12.269 11.794 12.235 11.684C12.25 11.665 12.265 11.647 12.279 11.628Z"/></svg>

React

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

export function CloudSunWindIcon(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="M9 2.5C9 2.641 8.952 2.759 8.856 2.856C8.759 2.952 8.641 3 8.5 3C8.359 3 8.241 2.952 8.144 2.856C8.048 2.759 8 2.641 8 2.5L8 1.5C8 1.359 8.048 1.241 8.144 1.144C8.241 1.048 8.359 1 8.5 1C8.641 1 8.759 1.048 8.856 1.144C8.952 1.241 9 1.359 9 1.5L9 2.5ZM12.854 3.854C12.754 3.953 12.636 4.003 12.5 4.003C12.364 4.003 12.246 3.953 12.146 3.854C12.049 3.756 12 3.638 12 3.5C12 3.362 12.049 3.244 12.146 3.146L13.146 2.146C13.246 2.047 13.364 1.997 13.5 1.997C13.636 1.997 13.754 2.047 13.854 2.146C13.951 2.244 14 2.362 14 2.5C14 2.638 13.951 2.756 13.854 2.854L12.854 3.854ZM2.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.328 3.982 5.816 4.052 6.292 4.214C6.806 4.39 7.266 4.659 7.671 5.022C8.076 5.385 8.393 5.813 8.624 6.306C8.74 6.555 8.83 6.811 8.892 7.074C9.013 7.044 9.137 7.023 9.264 7.011C9.673 6.972 10.069 7.031 10.449 7.187C10.83 7.343 11.152 7.579 11.417 7.895C11.652 8.176 11.818 8.494 11.913 8.848C12.009 9.202 12.026 9.56 11.964 9.921C11.895 10.327 11.735 10.693 11.485 11.02C11.235 11.347 10.923 11.596 10.55 11.769C10.217 11.923 9.867 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.859ZM8.554 4.483C8.555 4.475 8.557 4.467 8.558 4.459C8.583 4.323 8.653 4.217 8.767 4.138C8.881 4.06 9.005 4.034 9.141 4.059C9.653 4.155 10.121 4.354 10.544 4.659C10.967 4.963 11.305 5.343 11.558 5.798C11.625 5.918 11.64 6.045 11.602 6.178C11.564 6.311 11.485 6.411 11.364 6.478C11.347 6.488 11.329 6.496 11.312 6.504C11.159 6.412 10.998 6.332 10.829 6.262C10.762 6.235 10.695 6.209 10.627 6.186C10.453 5.904 10.231 5.666 9.96 5.471C9.682 5.271 9.377 5.134 9.046 5.06C8.898 4.856 8.734 4.664 8.554 4.483ZM10.691 10.412C10.841 10.216 10.937 9.996 10.979 9.753C11.016 9.536 11.005 9.321 10.948 9.109C10.891 8.896 10.791 8.706 10.65 8.537C10.491 8.348 10.298 8.206 10.07 8.112C9.841 8.019 9.604 7.983 9.358 8.007C9.139 8.028 8.935 8.093 8.744 8.204C8.677 8.244 8.603 8.266 8.525 8.271C8.384 8.28 8.263 8.24 8.161 8.15C8.059 8.061 8.003 7.945 7.994 7.805C7.969 7.429 7.877 7.071 7.718 6.729C7.545 6.36 7.307 6.039 7.003 5.767C6.7 5.494 6.355 5.292 5.969 5.161C5.612 5.039 5.246 4.986 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.72 11 9.93 10.954 10.13 10.861C10.354 10.758 10.541 10.608 10.691 10.412ZM13 7.5C13 7.359 13.048 7.241 13.144 7.144C13.241 7.048 13.359 7 13.5 7L14.5 7C14.641 7 14.759 7.048 14.856 7.144C14.952 7.241 15 7.359 15 7.5C15 7.641 14.952 7.759 14.856 7.856C14.759 7.952 14.641 8 14.5 8L13.5 8C13.359 8 13.241 7.952 13.144 7.856C13.048 7.759 13 7.641 13 7.5ZM12.279 11.628C12.424 11.438 12.547 11.239 12.649 11.031C12.765 11.01 12.882 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.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.935 12 12.871 12.006 12.807 12.019C12.669 12.046 12.543 12.022 12.43 11.946C12.334 11.881 12.269 11.794 12.235 11.684C12.25 11.665 12.265 11.647 12.279 11.628Z" />
    </svg>
  );
}

Vue

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

Svelte

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

HTML img

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

CSS

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

Data URL

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

Sprite

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

SwiftUI

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

Compose

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

Android XML

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

Flutter

Flutter: see /icons/cloud-sun-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 day, partly cloudy windy, windy day

Tags

breezy day, windy day, partly cloudy windy, wind, breeze, gust, sun, cloud, weather, forecast

Category

Weather

Component name

CloudSunWindIcon

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-sun-wind.json · Markdown: /icons/cloud-sun-wind.md · SVG: https://gentleface.com/svg/{style}/16/cloud-sun-wind.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/cloud-sun-wind.png

cloud-sun-wind icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp