Partly Cloudy Night icon
wpf:partly-cloudy-night
The Partly Cloudy Night icon (wpf:partly-cloudy-night) is a free SVG icon from the Icons8 Windows 8 Icons set by Icons8. It is drawn on a 26 × 26 grid. Icons8 Windows 8 Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Icons8 Windows 8 Icons
- Author
- Icons8
- License
- MIT
- Size
- 26 × 26
- Tags
- partlycloudy, cloudynight, partlycloudynight
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><path fill="currentColor" d="M7.688.188c1.46.946 2.406 2.885 2.406 5.218c0 2.144-2.759 4.688-4.688 4.688c-2.333 0-3.942-.566-5.218-2.406c.43 2.397 2.206 4.307 4.5 5c.097-.024.183-.076.28-.094A6.49 6.49 0 0 1 11 8.5h.031a7.6 7.6 0 0 1 1.938-1.813c.002-.058 0-.097 0-.156A6.43 6.43 0 0 0 7.688.188M20.468.5l-.5 1.813l-1.812-.47l1.313 1.345l-1.313 1.343l1.813-.468l.5 1.812L21 4.062l1.813.47L21.5 3.186l1.313-1.343L21 2.312L20.469.5zM17 7c-2.262 0-4.17 1.3-5.188 3.156C11.54 10.105 11.299 10 11 10c-2.407 0-4.345 1.757-4.813 4.031C6.12 14.027 6.07 14 6 14c-2.197 0-4 1.803-4 4s1.803 4 4 4h15c2.75 0 5-2.25 5-5c0-2.06-1.305-3.77-3.094-4.531C22.626 9.423 20.116 7 17 7m0 2c2.222 0 4 1.778 4 4c0-.137.005-.095 0 .125l-.031.781l.781.188A2.985 2.985 0 0 1 24 17c0 1.668-1.332 3-3 3H6c-1.115 0-2-.885-2-2a1.987 1.987 0 0 1 2.688-1.875l1.437.531l-.094-1.531C8.027 15.061 8.005 15.03 8 15c0-.026-.002-.023 0-.031v-.031A2.987 2.987 0 0 1 11 12c.334 0 .662.068 1 .188l.938.312l.343-.906C13.851 10.078 15.28 9 17 9"/></svg>
How to use the Partly Cloudy Night icon
React
import { Icon } from "@iconify/react";
<Icon icon="wpf:partly-cloudy-night" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wpf:partly-cloudy-night" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wpf:partly-cloudy-night" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wpf--partly-cloudy-night]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wpf -->
<div class="i-wpf:partly-cloudy-night"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wpf:partly-cloudy-night"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/wpf/partly-cloudy-night.svg" alt="Partly Cloudy Night icon" width="24" height="24">
Related icons in Icons8 Windows 8 Icons
Partly Cloudy Night icon in other icon sets
Partly Cloudy Night icon FAQ
Is the Partly Cloudy Night icon free for commercial use?
Yes. Icons8 Windows 8 Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Partly Cloudy Night icon in React?
Install @iconify/react and render <Icon icon="wpf:partly-cloudy-night" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Partly Cloudy Night icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/wpf/partly-cloudy-night.svg" alt="Partly Cloudy Night icon">, or paste the SVG code inline to style it with CSS.
Browse all Icons8 Windows 8 Icons →
ICONYZ
