partly cloudy day icon
partly-cloudy-day from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.
- Name
- partly-cloudy-day
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- partly-cloudy-day-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 day icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.577 19.039q-1.42 0-2.421-1.003t-1.002-2.42q0-1.343.944-2.287t2.286-.944q.95 0 1.751.515t1.194 1.39l.384.922h1.024q.8 0 1.339.551t.54 1.352t-.562 1.362t-1.362.561zm7.956-2.724q-.235-1.286-1.205-2.148q-.97-.861-2.276-.925q-.544-1.138-1.549-1.868t-2.272-.913q.496-1.555 1.811-2.508Q10.358 7 12 7q2.077 0 3.539 1.462T17 12q0 1.337-.666 2.484q-.665 1.147-1.801 1.832M11.5 5.422V2.039h1v3.384zm5.496 2.289l-.707-.727l2.395-2.408l.714.733zm1.581 4.788v-1h3.385v1zm.108 6.904l-2.396-2.408l.727-.727l2.407 2.397zM7.023 7.73l-2.44-2.44l.751-.676l2.397 2.408z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightPartlyCloudyDay(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.577 19.039q-1.42 0-2.421-1.003t-1.002-2.42q0-1.343.944-2.287t2.286-.944q.95 0 1.751.515t1.194 1.39l.384.922h1.024q.8 0 1.339.551t.54 1.352t-.562 1.362t-1.362.561zm7.956-2.724q-.235-1.286-1.205-2.148q-.97-.861-2.276-.925q-.544-1.138-1.549-1.868t-2.272-.913q.496-1.555 1.811-2.508Q10.358 7 12 7q2.077 0 3.539 1.462T17 12q0 1.337-.666 2.484q-.665 1.147-1.801 1.832M11.5 5.422V2.039h1v3.384zm5.496 2.289l-.707-.727l2.395-2.408l.714.733zm1.581 4.788v-1h3.385v1zm.108 6.904l-2.396-2.408l.727-.727l2.407 2.397zM7.023 7.73l-2.44-2.44l.751-.676l2.397 2.408z"/></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.577 19.039q-1.42 0-2.421-1.003t-1.002-2.42q0-1.343.944-2.287t2.286-.944q.95 0 1.751.515t1.194 1.39l.384.922h1.024q.8 0 1.339.551t.54 1.352t-.562 1.362t-1.362.561zm7.956-2.724q-.235-1.286-1.205-2.148q-.97-.861-2.276-.925q-.544-1.138-1.549-1.868t-2.272-.913q.496-1.555 1.811-2.508Q10.358 7 12 7q2.077 0 3.539 1.462T17 12q0 1.337-.666 2.484q-.665 1.147-1.801 1.832M11.5 5.422V2.039h1v3.384zm5.496 2.289l-.707-.727l2.395-2.408l.714.733zm1.581 4.788v-1h3.385v1zm.108 6.904l-2.396-2.408l.727-.727l2.407 2.397zM7.023 7.73l-2.44-2.44l.751-.676l2.397 2.408z"/></svg> </template>
CSS
.icon-partly-cloudy-day {
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.577%2019.039q-1.42%200-2.421-1.003t-1.002-2.42q0-1.343.944-2.287t2.286-.944q.95%200%201.751.515t1.194%201.39l.384.922h1.024q.8%200%201.339.551t.54%201.352t-.562%201.362t-1.362.561zm7.956-2.724q-.235-1.286-1.205-2.148q-.97-.861-2.276-.925q-.544-1.138-1.549-1.868t-2.272-.913q.496-1.555%201.811-2.508Q10.358%207%2012%207q2.077%200%203.539%201.462T17%2012q0%201.337-.666%202.484q-.665%201.147-1.801%201.832M11.5%205.422V2.039h1v3.384zm5.496%202.289l-.707-.727l2.395-2.408l.714.733zm1.581%204.788v-1h3.385v1zm.108%206.904l-2.396-2.408l.727-.727l2.407%202.397zM7.023%207.73l-2.44-2.44l.751-.676l2.397%202.408z%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.577%2019.039q-1.42%200-2.421-1.003t-1.002-2.42q0-1.343.944-2.287t2.286-.944q.95%200%201.751.515t1.194%201.39l.384.922h1.024q.8%200%201.339.551t.54%201.352t-.562%201.362t-1.362.561zm7.956-2.724q-.235-1.286-1.205-2.148q-.97-.861-2.276-.925q-.544-1.138-1.549-1.868t-2.272-.913q.496-1.555%201.811-2.508Q10.358%207%2012%207q2.077%200%203.539%201.462T17%2012q0%201.337-.666%202.484q-.665%201.147-1.801%201.832M11.5%205.422V2.039h1v3.384zm5.496%202.289l-.707-.727l2.395-2.408l.714.733zm1.581%204.788v-1h3.385v1zm.108%206.904l-2.396-2.408l.727-.727l2.407%202.397zM7.023%207.73l-2.44-2.44l.751-.676l2.397%202.408z%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-day.svg?color=%231a73e8&size=48
