Cloud Sun icon
A free cloud sun icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.
- Size
- 24 × 24, scales to any size
- License
- Free, credit optional (terms)
- Tags
- weather, partly cloudy, sun, cloud, meteorology, forecast, sunshine, outdoor
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path transform="translate(2.17 2.17)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6.01 10.73C3.85 10.24 2.5 8.1 2.99 5.95C3.47 3.79 5.61 2.44 7.77 2.93C9.3 3.27 10.43 4.46 10.78 5.89C11.04 5.85 11.32 5.83 11.6 5.83C14.09 5.83 16.2 7.44 16.94 9.68C18.64 10.41 19.83 12.09 19.83 14.06C19.83 16.69 17.7 18.83 15.06 18.83L6.4 18.83C4.24 18.83 2.5 17.08 2.5 14.93C2.5 12.91 4.02 11.26 5.98 11.05C5.99 10.94 6 10.84 6.01 10.73L6.01 10.73Z"/>
<path transform="translate(2.17 2.17)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.41 0.1L8.43 0M0 5.32L0.1 5.34M3.11 0.92L3.17 1M12.75 3.17L12.84 3.11M0.91 10.64L1 10.59M6.11 12.76C6.02 12.34 5.96 11.91 5.96 11.46C5.96 11.32 5.97 11.18 5.98 11.05M10.78 5.89C8.29 6.25 6.33 8.23 6.01 10.73"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path transform="translate(1 1)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M9.65 0.02C10.19 0.15 10.53 0.68 10.41 1.22L10.38 1.32C10.26 1.86 9.73 2.19 9.19 2.07C8.65 1.95 8.31 1.42 8.43 0.88L8.46 0.78C8.58 0.24 9.11 -0.1 9.65 0.02ZM12.6 6.08C12.28 6.08 11.97 6.1 11.67 6.14C8.93 6.54 6.75 8.68 6.3 11.41C4.26 11.9 2.75 13.74 2.75 15.93C2.75 18.49 4.83 20.58 7.4 20.58L16.06 20.58C19.11 20.58 21.58 18.11 21.58 15.06C21.58 12.9 20.34 11.04 18.54 10.13C17.61 7.76 15.3 6.08 12.6 6.08ZM4.96 1.38C4.66 0.91 4.05 0.77 3.58 1.07C3.11 1.36 2.97 1.98 3.27 2.45L3.32 2.53C3.62 3 4.23 3.14 4.7 2.85C5.17 2.55 5.31 1.93 5.01 1.47L4.96 1.38ZM3.01 6.73C3.62 4.03 6.3 2.34 8.99 2.95C10 3.18 10.87 3.7 11.53 4.4C11.49 4.4 11.45 4.41 11.42 4.41C8.28 4.87 5.73 7.11 4.82 10.07C4.45 10.23 4.1 10.43 3.77 10.66C3.01 9.55 2.69 8.14 3.01 6.73ZM2.84 11.05C2.9 11.14 2.94 11.22 2.96 11.31C2.55 11.71 2.2 12.15 1.9 12.64C1.58 12.64 1.26 12.47 1.07 12.17C0.77 11.71 0.91 11.09 1.38 10.79L1.47 10.74C1.93 10.45 2.55 10.59 2.84 11.05ZM14.71 4.6C14.88 4.29 14.89 3.9 14.68 3.58C14.39 3.11 13.77 2.97 13.3 3.27L13.22 3.32C12.87 3.54 12.7 3.94 12.77 4.33C13.44 4.34 14.09 4.44 14.71 4.6ZM1.22 5.35C0.68 5.23 0.15 5.56 0.02 6.1C-0.1 6.64 0.24 7.18 0.78 7.3L0.88 7.32C1.42 7.44 1.95 7.1 2.07 6.57C2.19 6.03 1.86 5.49 1.32 5.37L1.22 5.35Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(2.17 2.17)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M2.99 5.95C2.5 8.1 3.85 10.24 6.01 10.73L6.01 10.73C6.33 8.23 8.29 6.25 10.78 5.89C10.43 4.46 9.3 3.27 7.77 2.93C5.61 2.44 3.47 3.79 2.99 5.95Z"/>
<path opacity="0.28" transform="translate(2.17 2.17)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.41 0.1L8.43 0M0 5.32L0.1 5.34M3.11 0.92L3.17 1M12.75 3.17L12.84 3.11M0.91 10.64L1 10.59"/>
<path transform="translate(4.67 8)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M17.33 8.23C17.33 10.87 15.2 13 12.57 13L3.9 13C1.75 13 0 11.25 0 9.1C0 7.09 1.52 5.43 3.48 5.22C3.67 2.58 5.69 0.44 8.28 0.06C8.55 0.02 8.82 0 9.1 0C11.59 0 13.7 1.61 14.45 3.85C16.14 4.58 17.33 6.27 17.33 8.23Z"/>
<path transform="translate(4.67 8)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3.62 6.93C3.49 6.39 3.44 5.8 3.48 5.22"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(1.17 1.17)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M10.41 1.22C10.53 0.68 10.19 0.15 9.65 0.02C9.11 -0.1 8.58 0.24 8.46 0.78L8.43 0.88C8.31 1.42 8.65 1.95 9.19 2.07C9.73 2.19 10.26 1.86 10.38 1.32L10.41 1.22ZM4.96 1.38C4.66 0.91 4.05 0.77 3.58 1.07C3.11 1.36 2.97 1.98 3.27 2.45L3.32 2.53C3.62 3 4.23 3.14 4.7 2.85C5.17 2.55 5.31 1.93 5.01 1.47L4.96 1.38ZM3.01 6.73C3.62 4.03 6.3 2.34 8.99 2.95C10 3.18 10.87 3.7 11.53 4.4C11.49 4.4 11.45 4.41 11.42 4.41C8.28 4.87 5.73 7.11 4.82 10.07C4.45 10.23 4.1 10.43 3.77 10.66C3.01 9.55 2.69 8.14 3.01 6.73ZM2.84 11.05C2.9 11.14 2.94 11.22 2.96 11.31C2.55 11.71 2.2 12.15 1.9 12.64C1.58 12.64 1.26 12.47 1.07 12.17C0.77 11.71 0.91 11.09 1.38 10.79L1.47 10.74C1.93 10.45 2.55 10.59 2.84 11.05ZM14.71 4.6C14.88 4.29 14.89 3.9 14.68 3.58C14.39 3.11 13.77 2.97 13.3 3.27L13.22 3.32C12.87 3.54 12.7 3.94 12.77 4.33C13.44 4.34 14.09 4.44 14.71 4.6ZM1.22 5.35C0.68 5.23 0.15 5.56 0.02 6.1C-0.1 6.64 0.24 7.18 0.78 7.3L0.88 7.32C1.42 7.44 1.95 7.1 2.07 6.57C2.19 6.03 1.86 5.49 1.32 5.37L1.22 5.35Z"/>
<path transform="translate(3.92 7.25)" fill="currentColor" d="M9.85 0C9.53 0 9.22 0.02 8.92 0.07C6.18 0.47 4.01 2.61 3.55 5.33C1.51 5.82 0 7.66 0 9.85C0 12.42 2.08 14.5 4.65 14.5L13.32 14.5C16.36 14.5 18.83 12.03 18.83 8.98C18.83 6.83 17.6 4.96 15.79 4.05C14.86 1.68 12.55 0 9.85 0Z"/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path opacity="0.28" transform="translate(4.67 5)" fill="currentColor" d="M3.51 7.9C1.35 7.42 0 5.27 0.49 3.12C0.98 0.96 3.12 -0.39 5.27 0.1C6.81 0.45 7.93 1.63 8.28 3.06C8.55 3.02 8.82 3 9.1 3C11.59 3 13.7 4.61 14.45 6.85C16.14 7.58 17.33 9.27 17.33 11.23C17.33 13.87 15.2 16 12.57 16L3.9 16C1.75 16 0 14.25 0 12.1C0 10.09 1.52 8.43 3.48 8.22C3.49 8.11 3.5 8.01 3.51 7.9L3.51 7.9Z"/>
<path transform="translate(2.17 2.17)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6.01 10.73C3.85 10.24 2.5 8.1 2.99 5.95C3.47 3.79 5.61 2.44 7.77 2.93C9.3 3.27 10.43 4.46 10.78 5.89C11.04 5.85 11.32 5.83 11.6 5.83C14.09 5.83 16.2 7.44 16.94 9.68C18.64 10.41 19.83 12.09 19.83 14.06C19.83 16.69 17.7 18.83 15.06 18.83L6.4 18.83C4.24 18.83 2.5 17.08 2.5 14.93C2.5 12.91 4.02 11.26 5.98 11.05C5.99 10.94 6 10.84 6.01 10.73L6.01 10.73Z"/>
<path transform="translate(2.17 2.17)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M8.41 0.1L8.43 0M0 5.32L0.1 5.34M3.11 0.92L3.17 1M12.75 3.17L12.84 3.11M0.91 10.64L1 10.59M6.11 12.76C6.02 12.34 5.96 11.91 5.96 11.46C5.96 11.32 5.97 11.18 5.98 11.05M10.78 5.89C8.29 6.25 6.33 8.23 6.01 10.73"/>
</svg>
More Weather & Climate icons
In the full library
- Cloud Lightning
- Cloud Moon
- Cloud Snow
- Cloud Wind
- Leaf
- Lightning Thunder Electric Off
- Sunrise Down
- Sunrise Up
- Water Double Droplet
- Water Triple Droplet
Get the full library
5,000+ icons across five styles, with the Figma file and the Pikaicons app, for one payment from $99. 500+ of them are free to copy here.
