Partly Cloudy Day icon
wpf:partly-cloudy-day
The Partly Cloudy Day icon (wpf:partly-cloudy-day) 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, cloudyday, partlycloudyday
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><path fill="currentColor" d="m8.875.375l-.063.031A.6.6 0 0 0 8.406 1v2.656a.6.6 0 0 0 .094.375a4.9 4.9 0 0 0-1.531.438a.6.6 0 0 0-.125-.375L5.53 1.78l-.03-.06l-.031-.032l-.032-.062l-.062-.031a.6.6 0 0 0-.188-.125a.6.6 0 0 0-.25-.032a1 1 0 0 0-.093.032a.6.6 0 0 0-.375.906l1.343 2.313a.6.6 0 0 0 .22.28c-.402.297-.734.695-1.032 1.095a.6.6 0 0 0-.313-.25L2.376 4.468a.6.6 0 0 0-.094-.063a.6.6 0 0 0-.25-.031a.6.6 0 0 0-.125.031a.6.6 0 0 0-.125 1.125l2.313 1.313a.6.6 0 0 0 .343.125c-.213.468-.316.969-.375 1.5a1 1 0 0 0-.093-.031a.6.6 0 0 0-.313-.032H1a.6.6 0 0 0-.125 0H.812A.601.601 0 0 0 1 9.594h2.656a.6.6 0 0 0 .25 0a.6.6 0 0 0 .125-.094q.083.813.407 1.531h-.063a1 1 0 0 0-.094.031a.6.6 0 0 0-.187.094L1.78 12.47a.609.609 0 1 0 .594 1.062l2.313-1.344a.6.6 0 0 0 .406-.53l1.437-.97A2.987 2.987 0 0 1 9 6a3 3 0 0 1 2.625 1.532l1.438-.812a.6.6 0 0 0 .687.218a.6.6 0 0 0 .156-.093L16.22 5.53a.604.604 0 0 0 .156-1.062a.6.6 0 0 0-.156-.094a.6.6 0 0 0-.344 0a1 1 0 0 0-.094.031a.6.6 0 0 0-.156.063l-2.313 1.343a.6.6 0 0 0-.28.22a5 5 0 0 0-1.063-1.063a.6.6 0 0 0 .125-.125l.031-.063l.031-.031l.031-.063l1.344-2.312a.6.6 0 0 0 .031-.625a.6.6 0 0 0-.312-.281a.6.6 0 0 0-.25-.032a.6.6 0 0 0-.125.032a.6.6 0 0 0-.406.312l-1.313 2.313l-.031.062a.6.6 0 0 0-.094.313A5.1 5.1 0 0 0 9.5 4.062c.01.001.022-.032.031-.03a.6.6 0 0 0 .031-.126a.6.6 0 0 0 .032-.156a1 1 0 0 0 0-.094V1a.6.6 0 0 0-.031-.188A1 1 0 0 0 9.53.72a.6.6 0 0 0-.06-.126L9.439.563a.6.6 0 0 0-.25-.157a.6.6 0 0 0-.313-.031zM17 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 Day icon
React
import { Icon } from "@iconify/react";
<Icon icon="wpf:partly-cloudy-day" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wpf:partly-cloudy-day" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wpf:partly-cloudy-day" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wpf--partly-cloudy-day]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wpf -->
<div class="i-wpf:partly-cloudy-day"></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-day"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/wpf/partly-cloudy-day.svg" alt="Partly Cloudy Day icon" width="24" height="24">Related icons in Icons8 Windows 8 Icons
Partly Cloudy Day icon in other icon sets
Partly Cloudy Day icon FAQ
Is the Partly Cloudy Day 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 Day icon in React?
Install @iconify/react and render <Icon icon="wpf:partly-cloudy-day" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Partly Cloudy Day icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/wpf/partly-cloudy-day.svg" alt="Partly Cloudy Day icon">, or paste the SVG code inline to style it with CSS.