sunny snowing icon
sunny-snowing-outline-rounded from Material Symbols by Google · Outline Rounded · Social · Apache-2.0 Free for personal and commercial use.
- Name
- sunny-snowing-outline-rounded
- Set
- Material Symbols
- Style
- Outline Rounded
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols
The same icon in other sets
More social icons from Material Symbols
Use the sunny snowing icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 13.75H2q-.425 0-.712-.288T1 12.75t.288-.712T2 11.75h2q.425 0 .713.288T5 12.75t-.288.713T4 13.75M7.05 7.8q-.275.275-.7.275t-.7-.275L4.225 6.375q-.3-.3-.3-.7t.3-.7q.3-.275.7-.288t.7.288L7.05 6.4q.275.275.288.687T7.05 7.8M5.113 18.638q-.363-.363-.363-.888t.363-.888T6 16.5t.888.363t.362.887t-.363.888T6 19t-.888-.363m4.763-8.012Q9 11.5 9 12.75q0 .425-.288.713T8 13.75t-.712-.288T7 12.75q0-2.075 1.463-3.537T12 7.75t3.538 1.463T17 12.75q0 .425-.288.713T16 13.75t-.712-.288T15 12.75q0-1.25-.875-2.125T12 9.75t-2.125.875M8.112 22.638q-.362-.363-.362-.888t.363-.888T9 20.5t.888.363t.362.887t-.363.888T9 23t-.888-.363m3-4q-.362-.362-.362-.887t.363-.888T12 16.5t.888.363t.362.887t-.363.888T12 19t-.888-.363m.176-13.175Q11 5.175 11 4.75v-2q0-.425.288-.712T12 1.75t.713.288t.287.712v2q0 .425-.288.713T12 5.75t-.712-.288m2.824 17.176q-.362-.363-.362-.888t.363-.888T15 20.5t.888.363t.362.887t-.363.888T15 23t-.888-.363M16.95 7.8q-.3-.3-.3-.7t.3-.7l1.425-1.425q.275-.275.688-.287t.712.287q.275.275.275.7t-.275.7L18.35 7.8q-.275.275-.687.275T16.95 7.8m.163 10.838q-.363-.363-.363-.888t.363-.888T18 16.5t.888.363t.362.887t-.363.888T18 19t-.888-.363M20 13.75q-.425 0-.712-.288T19 12.75t.288-.712t.712-.288h2q.425 0 .713.288t.287.712t-.288.713t-.712.287zm-8 0"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsSunnySnowingOutlineRounded(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="M4 13.75H2q-.425 0-.712-.288T1 12.75t.288-.712T2 11.75h2q.425 0 .713.288T5 12.75t-.288.713T4 13.75M7.05 7.8q-.275.275-.7.275t-.7-.275L4.225 6.375q-.3-.3-.3-.7t.3-.7q.3-.275.7-.288t.7.288L7.05 6.4q.275.275.288.687T7.05 7.8M5.113 18.638q-.363-.363-.363-.888t.363-.888T6 16.5t.888.363t.362.887t-.363.888T6 19t-.888-.363m4.763-8.012Q9 11.5 9 12.75q0 .425-.288.713T8 13.75t-.712-.288T7 12.75q0-2.075 1.463-3.537T12 7.75t3.538 1.463T17 12.75q0 .425-.288.713T16 13.75t-.712-.288T15 12.75q0-1.25-.875-2.125T12 9.75t-2.125.875M8.112 22.638q-.362-.363-.362-.888t.363-.888T9 20.5t.888.363t.362.887t-.363.888T9 23t-.888-.363m3-4q-.362-.362-.362-.887t.363-.888T12 16.5t.888.363t.362.887t-.363.888T12 19t-.888-.363m.176-13.175Q11 5.175 11 4.75v-2q0-.425.288-.712T12 1.75t.713.288t.287.712v2q0 .425-.288.713T12 5.75t-.712-.288m2.824 17.176q-.362-.363-.362-.888t.363-.888T15 20.5t.888.363t.362.887t-.363.888T15 23t-.888-.363M16.95 7.8q-.3-.3-.3-.7t.3-.7l1.425-1.425q.275-.275.688-.287t.712.287q.275.275.275.7t-.275.7L18.35 7.8q-.275.275-.687.275T16.95 7.8m.163 10.838q-.363-.363-.363-.888t.363-.888T18 16.5t.888.363t.362.887t-.363.888T18 19t-.888-.363M20 13.75q-.425 0-.712-.288T19 12.75t.288-.712t.712-.288h2q.425 0 .713.288t.287.712t-.288.713t-.712.287zm-8 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 13.75H2q-.425 0-.712-.288T1 12.75t.288-.712T2 11.75h2q.425 0 .713.288T5 12.75t-.288.713T4 13.75M7.05 7.8q-.275.275-.7.275t-.7-.275L4.225 6.375q-.3-.3-.3-.7t.3-.7q.3-.275.7-.288t.7.288L7.05 6.4q.275.275.288.687T7.05 7.8M5.113 18.638q-.363-.363-.363-.888t.363-.888T6 16.5t.888.363t.362.887t-.363.888T6 19t-.888-.363m4.763-8.012Q9 11.5 9 12.75q0 .425-.288.713T8 13.75t-.712-.288T7 12.75q0-2.075 1.463-3.537T12 7.75t3.538 1.463T17 12.75q0 .425-.288.713T16 13.75t-.712-.288T15 12.75q0-1.25-.875-2.125T12 9.75t-2.125.875M8.112 22.638q-.362-.363-.362-.888t.363-.888T9 20.5t.888.363t.362.887t-.363.888T9 23t-.888-.363m3-4q-.362-.362-.362-.887t.363-.888T12 16.5t.888.363t.362.887t-.363.888T12 19t-.888-.363m.176-13.175Q11 5.175 11 4.75v-2q0-.425.288-.712T12 1.75t.713.288t.287.712v2q0 .425-.288.713T12 5.75t-.712-.288m2.824 17.176q-.362-.363-.362-.888t.363-.888T15 20.5t.888.363t.362.887t-.363.888T15 23t-.888-.363M16.95 7.8q-.3-.3-.3-.7t.3-.7l1.425-1.425q.275-.275.688-.287t.712.287q.275.275.275.7t-.275.7L18.35 7.8q-.275.275-.687.275T16.95 7.8m.163 10.838q-.363-.363-.363-.888t.363-.888T18 16.5t.888.363t.362.887t-.363.888T18 19t-.888-.363M20 13.75q-.425 0-.712-.288T19 12.75t.288-.712t.712-.288h2q.425 0 .713.288t.287.712t-.288.713t-.712.287zm-8 0"/></svg> </template>
CSS
.icon-sunny-snowing-outline-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%22M4%2013.75H2q-.425%200-.712-.288T1%2012.75t.288-.712T2%2011.75h2q.425%200%20.713.288T5%2012.75t-.288.713T4%2013.75M7.05%207.8q-.275.275-.7.275t-.7-.275L4.225%206.375q-.3-.3-.3-.7t.3-.7q.3-.275.7-.288t.7.288L7.05%206.4q.275.275.288.687T7.05%207.8M5.113%2018.638q-.363-.363-.363-.888t.363-.888T6%2016.5t.888.363t.362.887t-.363.888T6%2019t-.888-.363m4.763-8.012Q9%2011.5%209%2012.75q0%20.425-.288.713T8%2013.75t-.712-.288T7%2012.75q0-2.075%201.463-3.537T12%207.75t3.538%201.463T17%2012.75q0%20.425-.288.713T16%2013.75t-.712-.288T15%2012.75q0-1.25-.875-2.125T12%209.75t-2.125.875M8.112%2022.638q-.362-.363-.362-.888t.363-.888T9%2020.5t.888.363t.362.887t-.363.888T9%2023t-.888-.363m3-4q-.362-.362-.362-.887t.363-.888T12%2016.5t.888.363t.362.887t-.363.888T12%2019t-.888-.363m.176-13.175Q11%205.175%2011%204.75v-2q0-.425.288-.712T12%201.75t.713.288t.287.712v2q0%20.425-.288.713T12%205.75t-.712-.288m2.824%2017.176q-.362-.363-.362-.888t.363-.888T15%2020.5t.888.363t.362.887t-.363.888T15%2023t-.888-.363M16.95%207.8q-.3-.3-.3-.7t.3-.7l1.425-1.425q.275-.275.688-.287t.712.287q.275.275.275.7t-.275.7L18.35%207.8q-.275.275-.687.275T16.95%207.8m.163%2010.838q-.363-.363-.363-.888t.363-.888T18%2016.5t.888.363t.362.887t-.363.888T18%2019t-.888-.363M20%2013.75q-.425%200-.712-.288T19%2012.75t.288-.712t.712-.288h2q.425%200%20.713.288t.287.712t-.288.713t-.712.287zm-8%200%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%22M4%2013.75H2q-.425%200-.712-.288T1%2012.75t.288-.712T2%2011.75h2q.425%200%20.713.288T5%2012.75t-.288.713T4%2013.75M7.05%207.8q-.275.275-.7.275t-.7-.275L4.225%206.375q-.3-.3-.3-.7t.3-.7q.3-.275.7-.288t.7.288L7.05%206.4q.275.275.288.687T7.05%207.8M5.113%2018.638q-.363-.363-.363-.888t.363-.888T6%2016.5t.888.363t.362.887t-.363.888T6%2019t-.888-.363m4.763-8.012Q9%2011.5%209%2012.75q0%20.425-.288.713T8%2013.75t-.712-.288T7%2012.75q0-2.075%201.463-3.537T12%207.75t3.538%201.463T17%2012.75q0%20.425-.288.713T16%2013.75t-.712-.288T15%2012.75q0-1.25-.875-2.125T12%209.75t-2.125.875M8.112%2022.638q-.362-.363-.362-.888t.363-.888T9%2020.5t.888.363t.362.887t-.363.888T9%2023t-.888-.363m3-4q-.362-.362-.362-.887t.363-.888T12%2016.5t.888.363t.362.887t-.363.888T12%2019t-.888-.363m.176-13.175Q11%205.175%2011%204.75v-2q0-.425.288-.712T12%201.75t.713.288t.287.712v2q0%20.425-.288.713T12%205.75t-.712-.288m2.824%2017.176q-.362-.363-.362-.888t.363-.888T15%2020.5t.888.363t.362.887t-.363.888T15%2023t-.888-.363M16.95%207.8q-.3-.3-.3-.7t.3-.7l1.425-1.425q.275-.275.688-.287t.712.287q.275.275.275.7t-.275.7L18.35%207.8q-.275.275-.687.275T16.95%207.8m.163%2010.838q-.363-.363-.363-.888t.363-.888T18%2016.5t.888.363t.362.887t-.363.888T18%2019t-.888-.363M20%2013.75q-.425%200-.712-.288T19%2012.75t.288-.712t.712-.288h2q.425%200%20.713.288t.287.712t-.288.713t-.712.287zm-8%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/sunny-snowing-outline-rounded.svg?color=%231a73e8&size=48
