sun fog icon
sun-fog-bold-duotone from Solar by 480 Design · Bold Duotone · Weather · CC-BY-4.0 Attribution required.
- Name
- sun-fog-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- Category
- Weather
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More weather icons from Solar
cloud-boldcloud-bolt-boldcloud-bolt-minimalistic-boldcloud-check-boldcloud-cross-boldcloud-download-boldcloud-minus-boldcloud-plus-boldcloud-rain-boldcloud-snowfall-boldcloud-snowfall-minimalistic-boldcloud-storm-boldcloud-sun-2-boldcloud-sun-boldcloud-upload-boldcloud-waterdrop-boldcloud-waterdrops-boldclouds-boldcloudy-moon-boldfog-boldmoon-boldmoon-fog-boldmoon-sleep-boldmoon-stars-bold
Use the sun fog icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M7.25 22C7.25 21.5858 7.58579 21.25 8 21.25H16C16.4142 21.25 16.75 21.5858 16.75 22C16.75 22.4142 16.4142 22.75 16 22.75H8C7.58579 22.75 7.25 22.4142 7.25 22Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M12 1.25C12.4142 1.25 12.75 1.58579 12.75 2V3C12.75 3.41421 12.4142 3.75 12 3.75C11.5858 3.75 11.25 3.41421 11.25 3V2C11.25 1.58579 11.5858 1.25 12 1.25ZM1.25 12C1.25 11.5858 1.58579 11.25 2 11.25H3C3.41421 11.25 3.75 11.5858 3.75 12C3.75 12.4142 3.41421 12.75 3 12.75H2C1.58579 12.75 1.25 12.4142 1.25 12ZM20.25 12C20.25 11.5858 20.5858 11.25 21 11.25H22C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H21C20.5858 12.75 20.25 12.4142 20.25 12Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M6.08267 15.25H2C1.58579 15.25 1.25 15.5858 1.25 16C1.25 16.4142 1.58579 16.75 2 16.75H22C22.4142 16.75 22.75 16.4142 22.75 16C22.75 15.5858 22.4142 15.25 22 15.25H17.9173H6.08267Z" clip-rule="evenodd"/><path d="M4.25 19C4.25 18.5858 4.58579 18.25 5 18.25H19C19.4142 18.25 19.75 18.5858 19.75 19C19.75 19.4142 19.4142 19.75 19 19.75H5C4.58579 19.75 4.25 19.4142 4.25 19Z" opacity=".5"/><g opacity=".5"><path d="M4.39838 4.39838C4.69127 4.10549 5.16615 4.10549 5.45904 4.39838L5.85188 4.79122C6.14477 5.08411 6.14477 5.55898 5.85188 5.85188C5.55898 6.14477 5.08411 6.14477 4.79122 5.85188L4.39838 5.45904C4.10549 5.16615 4.10549 4.69127 4.39838 4.39838Z"/><path d="M19.6009 4.39864C19.8938 4.69153 19.8938 5.16641 19.6009 5.4593L19.2081 5.85214C18.9152 6.14503 18.4403 6.14503 18.1474 5.85214C17.8545 5.55924 17.8545 5.08437 18.1474 4.79148L18.5402 4.39864C18.8331 4.10575 19.308 4.10575 19.6009 4.39864Z"/></g><path d="M5.25 12C5.25 13.1778 5.5521 14.2858 6.08267 15.25H17.9173C18.4479 14.2858 18.75 13.1778 18.75 12C18.75 8.27208 15.7279 5.25 12 5.25C8.27208 5.25 5.25 8.27208 5.25 12Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarSunFogBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M7.25 22C7.25 21.5858 7.58579 21.25 8 21.25H16C16.4142 21.25 16.75 21.5858 16.75 22C16.75 22.4142 16.4142 22.75 16 22.75H8C7.58579 22.75 7.25 22.4142 7.25 22Z" clipRule="evenodd"/><path fillRule="evenodd" d="M12 1.25C12.4142 1.25 12.75 1.58579 12.75 2V3C12.75 3.41421 12.4142 3.75 12 3.75C11.5858 3.75 11.25 3.41421 11.25 3V2C11.25 1.58579 11.5858 1.25 12 1.25ZM1.25 12C1.25 11.5858 1.58579 11.25 2 11.25H3C3.41421 11.25 3.75 11.5858 3.75 12C3.75 12.4142 3.41421 12.75 3 12.75H2C1.58579 12.75 1.25 12.4142 1.25 12ZM20.25 12C20.25 11.5858 20.5858 11.25 21 11.25H22C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H21C20.5858 12.75 20.25 12.4142 20.25 12Z" clipRule="evenodd"/><path fillRule="evenodd" d="M6.08267 15.25H2C1.58579 15.25 1.25 15.5858 1.25 16C1.25 16.4142 1.58579 16.75 2 16.75H22C22.4142 16.75 22.75 16.4142 22.75 16C22.75 15.5858 22.4142 15.25 22 15.25H17.9173H6.08267Z" clipRule="evenodd"/><path d="M4.25 19C4.25 18.5858 4.58579 18.25 5 18.25H19C19.4142 18.25 19.75 18.5858 19.75 19C19.75 19.4142 19.4142 19.75 19 19.75H5C4.58579 19.75 4.25 19.4142 4.25 19Z" opacity=".5"/><g opacity=".5"><path d="M4.39838 4.39838C4.69127 4.10549 5.16615 4.10549 5.45904 4.39838L5.85188 4.79122C6.14477 5.08411 6.14477 5.55898 5.85188 5.85188C5.55898 6.14477 5.08411 6.14477 4.79122 5.85188L4.39838 5.45904C4.10549 5.16615 4.10549 4.69127 4.39838 4.39838Z"/><path d="M19.6009 4.39864C19.8938 4.69153 19.8938 5.16641 19.6009 5.4593L19.2081 5.85214C18.9152 6.14503 18.4403 6.14503 18.1474 5.85214C17.8545 5.55924 17.8545 5.08437 18.1474 4.79148L18.5402 4.39864C18.8331 4.10575 19.308 4.10575 19.6009 4.39864Z"/></g><path d="M5.25 12C5.25 13.1778 5.5521 14.2858 6.08267 15.25H17.9173C18.4479 14.2858 18.75 13.1778 18.75 12C18.75 8.27208 15.7279 5.25 12 5.25C8.27208 5.25 5.25 8.27208 5.25 12Z" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M7.25 22C7.25 21.5858 7.58579 21.25 8 21.25H16C16.4142 21.25 16.75 21.5858 16.75 22C16.75 22.4142 16.4142 22.75 16 22.75H8C7.58579 22.75 7.25 22.4142 7.25 22Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M12 1.25C12.4142 1.25 12.75 1.58579 12.75 2V3C12.75 3.41421 12.4142 3.75 12 3.75C11.5858 3.75 11.25 3.41421 11.25 3V2C11.25 1.58579 11.5858 1.25 12 1.25ZM1.25 12C1.25 11.5858 1.58579 11.25 2 11.25H3C3.41421 11.25 3.75 11.5858 3.75 12C3.75 12.4142 3.41421 12.75 3 12.75H2C1.58579 12.75 1.25 12.4142 1.25 12ZM20.25 12C20.25 11.5858 20.5858 11.25 21 11.25H22C22.4142 11.25 22.75 11.5858 22.75 12C22.75 12.4142 22.4142 12.75 22 12.75H21C20.5858 12.75 20.25 12.4142 20.25 12Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M6.08267 15.25H2C1.58579 15.25 1.25 15.5858 1.25 16C1.25 16.4142 1.58579 16.75 2 16.75H22C22.4142 16.75 22.75 16.4142 22.75 16C22.75 15.5858 22.4142 15.25 22 15.25H17.9173H6.08267Z" clip-rule="evenodd"/><path d="M4.25 19C4.25 18.5858 4.58579 18.25 5 18.25H19C19.4142 18.25 19.75 18.5858 19.75 19C19.75 19.4142 19.4142 19.75 19 19.75H5C4.58579 19.75 4.25 19.4142 4.25 19Z" opacity=".5"/><g opacity=".5"><path d="M4.39838 4.39838C4.69127 4.10549 5.16615 4.10549 5.45904 4.39838L5.85188 4.79122C6.14477 5.08411 6.14477 5.55898 5.85188 5.85188C5.55898 6.14477 5.08411 6.14477 4.79122 5.85188L4.39838 5.45904C4.10549 5.16615 4.10549 4.69127 4.39838 4.39838Z"/><path d="M19.6009 4.39864C19.8938 4.69153 19.8938 5.16641 19.6009 5.4593L19.2081 5.85214C18.9152 6.14503 18.4403 6.14503 18.1474 5.85214C17.8545 5.55924 17.8545 5.08437 18.1474 4.79148L18.5402 4.39864C18.8331 4.10575 19.308 4.10575 19.6009 4.39864Z"/></g><path d="M5.25 12C5.25 13.1778 5.5521 14.2858 6.08267 15.25H17.9173C18.4479 14.2858 18.75 13.1778 18.75 12C18.75 8.27208 15.7279 5.25 12 5.25C8.27208 5.25 5.25 8.27208 5.25 12Z" opacity=".5"/></g></svg> </template>
CSS
.icon-sun-fog-bold-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7.25%2022C7.25%2021.5858%207.58579%2021.25%208%2021.25H16C16.4142%2021.25%2016.75%2021.5858%2016.75%2022C16.75%2022.4142%2016.4142%2022.75%2016%2022.75H8C7.58579%2022.75%207.25%2022.4142%207.25%2022Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%201.25C12.4142%201.25%2012.75%201.58579%2012.75%202V3C12.75%203.41421%2012.4142%203.75%2012%203.75C11.5858%203.75%2011.25%203.41421%2011.25%203V2C11.25%201.58579%2011.5858%201.25%2012%201.25ZM1.25%2012C1.25%2011.5858%201.58579%2011.25%202%2011.25H3C3.41421%2011.25%203.75%2011.5858%203.75%2012C3.75%2012.4142%203.41421%2012.75%203%2012.75H2C1.58579%2012.75%201.25%2012.4142%201.25%2012ZM20.25%2012C20.25%2011.5858%2020.5858%2011.25%2021%2011.25H22C22.4142%2011.25%2022.75%2011.5858%2022.75%2012C22.75%2012.4142%2022.4142%2012.75%2022%2012.75H21C20.5858%2012.75%2020.25%2012.4142%2020.25%2012Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.08267%2015.25H2C1.58579%2015.25%201.25%2015.5858%201.25%2016C1.25%2016.4142%201.58579%2016.75%202%2016.75H22C22.4142%2016.75%2022.75%2016.4142%2022.75%2016C22.75%2015.5858%2022.4142%2015.25%2022%2015.25H17.9173H6.08267Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M4.25%2019C4.25%2018.5858%204.58579%2018.25%205%2018.25H19C19.4142%2018.25%2019.75%2018.5858%2019.75%2019C19.75%2019.4142%2019.4142%2019.75%2019%2019.75H5C4.58579%2019.75%204.25%2019.4142%204.25%2019Z%22%20opacity%3D%22.5%22%2F%3E%3Cg%20opacity%3D%22.5%22%3E%3Cpath%20d%3D%22M4.39838%204.39838C4.69127%204.10549%205.16615%204.10549%205.45904%204.39838L5.85188%204.79122C6.14477%205.08411%206.14477%205.55898%205.85188%205.85188C5.55898%206.14477%205.08411%206.14477%204.79122%205.85188L4.39838%205.45904C4.10549%205.16615%204.10549%204.69127%204.39838%204.39838Z%22%2F%3E%3Cpath%20d%3D%22M19.6009%204.39864C19.8938%204.69153%2019.8938%205.16641%2019.6009%205.4593L19.2081%205.85214C18.9152%206.14503%2018.4403%206.14503%2018.1474%205.85214C17.8545%205.55924%2017.8545%205.08437%2018.1474%204.79148L18.5402%204.39864C18.8331%204.10575%2019.308%204.10575%2019.6009%204.39864Z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M5.25%2012C5.25%2013.1778%205.5521%2014.2858%206.08267%2015.25H17.9173C18.4479%2014.2858%2018.75%2013.1778%2018.75%2012C18.75%208.27208%2015.7279%205.25%2012%205.25C8.27208%205.25%205.25%208.27208%205.25%2012Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M7.25%2022C7.25%2021.5858%207.58579%2021.25%208%2021.25H16C16.4142%2021.25%2016.75%2021.5858%2016.75%2022C16.75%2022.4142%2016.4142%2022.75%2016%2022.75H8C7.58579%2022.75%207.25%2022.4142%207.25%2022Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12%201.25C12.4142%201.25%2012.75%201.58579%2012.75%202V3C12.75%203.41421%2012.4142%203.75%2012%203.75C11.5858%203.75%2011.25%203.41421%2011.25%203V2C11.25%201.58579%2011.5858%201.25%2012%201.25ZM1.25%2012C1.25%2011.5858%201.58579%2011.25%202%2011.25H3C3.41421%2011.25%203.75%2011.5858%203.75%2012C3.75%2012.4142%203.41421%2012.75%203%2012.75H2C1.58579%2012.75%201.25%2012.4142%201.25%2012ZM20.25%2012C20.25%2011.5858%2020.5858%2011.25%2021%2011.25H22C22.4142%2011.25%2022.75%2011.5858%2022.75%2012C22.75%2012.4142%2022.4142%2012.75%2022%2012.75H21C20.5858%2012.75%2020.25%2012.4142%2020.25%2012Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.08267%2015.25H2C1.58579%2015.25%201.25%2015.5858%201.25%2016C1.25%2016.4142%201.58579%2016.75%202%2016.75H22C22.4142%2016.75%2022.75%2016.4142%2022.75%2016C22.75%2015.5858%2022.4142%2015.25%2022%2015.25H17.9173H6.08267Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M4.25%2019C4.25%2018.5858%204.58579%2018.25%205%2018.25H19C19.4142%2018.25%2019.75%2018.5858%2019.75%2019C19.75%2019.4142%2019.4142%2019.75%2019%2019.75H5C4.58579%2019.75%204.25%2019.4142%204.25%2019Z%22%20opacity%3D%22.5%22%2F%3E%3Cg%20opacity%3D%22.5%22%3E%3Cpath%20d%3D%22M4.39838%204.39838C4.69127%204.10549%205.16615%204.10549%205.45904%204.39838L5.85188%204.79122C6.14477%205.08411%206.14477%205.55898%205.85188%205.85188C5.55898%206.14477%205.08411%206.14477%204.79122%205.85188L4.39838%205.45904C4.10549%205.16615%204.10549%204.69127%204.39838%204.39838Z%22%2F%3E%3Cpath%20d%3D%22M19.6009%204.39864C19.8938%204.69153%2019.8938%205.16641%2019.6009%205.4593L19.2081%205.85214C18.9152%206.14503%2018.4403%206.14503%2018.1474%205.85214C17.8545%205.55924%2017.8545%205.08437%2018.1474%204.79148L18.5402%204.39864C18.8331%204.10575%2019.308%204.10575%2019.6009%204.39864Z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M5.25%2012C5.25%2013.1778%205.5521%2014.2858%206.08267%2015.25H17.9173C18.4479%2014.2858%2018.75%2013.1778%2018.75%2012C18.75%208.27208%2015.7279%205.25%2012%205.25C8.27208%205.25%205.25%208.27208%205.25%2012Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/sun-fog-bold-duotone.svg?color=%231a73e8&size=48
