Partly Cloudy Night icon
fluent-mdl2:partly-cloudy-night
The Partly Cloudy Night icon (fluent-mdl2:partly-cloudy-night) is a free SVG icon from the Fluent UI MDL2 set by Microsoft Corporation. It is drawn on a 2048 × 2048 grid. Fluent UI MDL2 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
- Fluent UI MDL2
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 2048 × 2048
- Tags
- partlycloudy, cloudynight, partlycloudynight
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M1761 1036q63 18 116 53t91 84t59 109t21 126q0 79-30 149t-83 122t-122 82t-149 31H576q-93 0-174-35t-143-96t-96-142t-35-175q0-78 25-149t74-132q-81-54-136-134T14 754q58 14 114 14q106 0 199-40t163-109t110-163t40-200q0-56-14-114q87 20 160 67t126 113t82 147t30 171q0 8-1 17t-2 17l4-1q48-15 94-24t97-9q93 0 179 28t157 81t126 126t83 161M761 348q-15 105-62 197T581 708T417 827t-197 62q43 52 104 84q57-38 120-57t132-20q38 0 75 6t72 19q29-52 69-93t87-79q17-54 17-109q0-85-35-161T761 348m903 1316q53 0 99-20t82-55t55-81t20-100q0-55-20-102t-57-81t-84-54t-102-19q-12-82-51-152t-98-122t-134-81t-158-29q-77 0-146 24t-127 69t-98 106t-61 136q-44-38-97-58t-111-21q-66 0-124 25t-102 68t-69 102t-25 125t25 124t68 102t102 69t125 25z"/></svg>
How to use the Partly Cloudy Night icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:partly-cloudy-night" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:partly-cloudy-night" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:partly-cloudy-night" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--partly-cloudy-night]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2: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="fluent-mdl2:partly-cloudy-night"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/partly-cloudy-night.svg" alt="Partly Cloudy Night icon" width="24" height="24">
Related icons in Fluent UI MDL2
Partly Cloudy Night icon in other icon sets
Partly Cloudy Night icon FAQ
Is the Partly Cloudy Night icon free for commercial use?
Yes. Fluent UI MDL2 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="fluent-mdl2: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/fluent-mdl2/partly-cloudy-night.svg" alt="Partly Cloudy Night icon">, or paste the SVG code inline to style it with CSS.
Browse all Fluent UI MDL2 icons →
ICONYZ
