partly cloudy night icon
partly-cloudy-night-rounded from Material Symbols Light by Google · Rounded · Social · Apache-2.0 Free for personal and commercial use.
- Name
- partly-cloudy-night-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- nights-stay-rounded
3 other variants in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the partly cloudy night icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 13.77q.97 0 1.777.524q.808.525 1.187 1.42l.442 1.055h1.144q.704 0 1.192.507t.489 1.224q0 .723-.504 1.227t-1.227.504H6q-1.342 0-2.286-.945T2.769 17q0-1.367.945-2.299T6 13.769m7.314-2.083q1.461 1.462 3.28 2.244t3.866.9q.217.014.381.114q.165.1.276.262t.124.357q.011.196-.083.389q-1.01 2.294-3.215 3.646T13.248 21q.473-.516.728-1.159t.255-1.341q0-1.508-1.015-2.582t-2.472-1.112q-.646-1.387-1.928-2.212T6 11.77q-.512 0-1.014.104q-.503.104-.986.312v-.308q.012-2.621 1.345-4.752q1.334-2.13 3.678-3.252q.193-.094.401-.073t.37.113t.274.267t.126.391q.125 2.054.879 3.842q.754 1.787 2.24 3.274"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightPartlyCloudyNightRounded(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 13.77q.97 0 1.777.524q.808.525 1.187 1.42l.442 1.055h1.144q.704 0 1.192.507t.489 1.224q0 .723-.504 1.227t-1.227.504H6q-1.342 0-2.286-.945T2.769 17q0-1.367.945-2.299T6 13.769m7.314-2.083q1.461 1.462 3.28 2.244t3.866.9q.217.014.381.114q.165.1.276.262t.124.357q.011.196-.083.389q-1.01 2.294-3.215 3.646T13.248 21q.473-.516.728-1.159t.255-1.341q0-1.508-1.015-2.582t-2.472-1.112q-.646-1.387-1.928-2.212T6 11.77q-.512 0-1.014.104q-.503.104-.986.312v-.308q.012-2.621 1.345-4.752q1.334-2.13 3.678-3.252q.193-.094.401-.073t.37.113t.274.267t.126.391q.125 2.054.879 3.842q.754 1.787 2.24 3.274"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 13.77q.97 0 1.777.524q.808.525 1.187 1.42l.442 1.055h1.144q.704 0 1.192.507t.489 1.224q0 .723-.504 1.227t-1.227.504H6q-1.342 0-2.286-.945T2.769 17q0-1.367.945-2.299T6 13.769m7.314-2.083q1.461 1.462 3.28 2.244t3.866.9q.217.014.381.114q.165.1.276.262t.124.357q.011.196-.083.389q-1.01 2.294-3.215 3.646T13.248 21q.473-.516.728-1.159t.255-1.341q0-1.508-1.015-2.582t-2.472-1.112q-.646-1.387-1.928-2.212T6 11.77q-.512 0-1.014.104q-.503.104-.986.312v-.308q.012-2.621 1.345-4.752q1.334-2.13 3.678-3.252q.193-.094.401-.073t.37.113t.274.267t.126.391q.125 2.054.879 3.842q.754 1.787 2.24 3.274"/></svg> </template>
CSS
.icon-partly-cloudy-night-rounded {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%2013.77q.97%200%201.777.524q.808.525%201.187%201.42l.442%201.055h1.144q.704%200%201.192.507t.489%201.224q0%20.723-.504%201.227t-1.227.504H6q-1.342%200-2.286-.945T2.769%2017q0-1.367.945-2.299T6%2013.769m7.314-2.083q1.461%201.462%203.28%202.244t3.866.9q.217.014.381.114q.165.1.276.262t.124.357q.011.196-.083.389q-1.01%202.294-3.215%203.646T13.248%2021q.473-.516.728-1.159t.255-1.341q0-1.508-1.015-2.582t-2.472-1.112q-.646-1.387-1.928-2.212T6%2011.77q-.512%200-1.014.104q-.503.104-.986.312v-.308q.012-2.621%201.345-4.752q1.334-2.13%203.678-3.252q.193-.094.401-.073t.37.113t.274.267t.126.391q.125%202.054.879%203.842q.754%201.787%202.24%203.274%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%2013.77q.97%200%201.777.524q.808.525%201.187%201.42l.442%201.055h1.144q.704%200%201.192.507t.489%201.224q0%20.723-.504%201.227t-1.227.504H6q-1.342%200-2.286-.945T2.769%2017q0-1.367.945-2.299T6%2013.769m7.314-2.083q1.461%201.462%203.28%202.244t3.866.9q.217.014.381.114q.165.1.276.262t.124.357q.011.196-.083.389q-1.01%202.294-3.215%203.646T13.248%2021q.473-.516.728-1.159t.255-1.341q0-1.508-1.015-2.582t-2.472-1.112q-.646-1.387-1.928-2.212T6%2011.77q-.512%200-1.014.104q-.503.104-.986.312v-.308q.012-2.621%201.345-4.752q1.334-2.13%203.678-3.252q.193-.094.401-.073t.37.113t.274.267t.126.391q.125%202.054.879%203.842q.754%201.787%202.24%203.274%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/partly-cloudy-night-rounded.svg?color=%231a73e8&size=48
