partly cloudy night icon
partly-cloudy-night from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.
- Name
- partly-cloudy-night
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- nights-stay, partly-cloudy-night-sharp
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.769m4.116-10.404q-.104 2.34.717 4.501q.82 2.161 2.48 3.82q1.66 1.66 3.82 2.481t4.502.717q-.9 2.743-3.212 4.401q-2.311 1.66-5.175 1.715q.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.914 1.69-5.25q1.677-2.337 4.426-3.261"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightPartlyCloudyNight(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.769m4.116-10.404q-.104 2.34.717 4.501q.82 2.161 2.48 3.82q1.66 1.66 3.82 2.481t4.502.717q-.9 2.743-3.212 4.401q-2.311 1.66-5.175 1.715q.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.914 1.69-5.25q1.677-2.337 4.426-3.261"/></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.769m4.116-10.404q-.104 2.34.717 4.501q.82 2.161 2.48 3.82q1.66 1.66 3.82 2.481t4.502.717q-.9 2.743-3.212 4.401q-2.311 1.66-5.175 1.715q.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.914 1.69-5.25q1.677-2.337 4.426-3.261"/></svg> </template>
CSS
.icon-partly-cloudy-night {
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.769m4.116-10.404q-.104%202.34.717%204.501q.82%202.161%202.48%203.82q1.66%201.66%203.82%202.481t4.502.717q-.9%202.743-3.212%204.401q-2.311%201.66-5.175%201.715q.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.914%201.69-5.25q1.677-2.337%204.426-3.261%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.769m4.116-10.404q-.104%202.34.717%204.501q.82%202.161%202.48%203.82q1.66%201.66%203.82%202.481t4.502.717q-.9%202.743-3.212%204.401q-2.311%201.66-5.175%201.715q.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.914%201.69-5.25q1.677-2.337%204.426-3.261%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.svg?color=%231a73e8&size=48
