fog icon
fog-bold from Solar by 480 Design · Bold · Weather · CC-BY-4.0 Attribution required.
- Name
- fog-bold
- Set
- Solar
- Style
- Bold
- 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-boldmoon-boldmoon-fog-boldmoon-sleep-boldmoon-stars-boldsnowflake-bold
Use the fog icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M6.7619 7.64706C6.7619 4.52827 9.32028 2 12.4762 2C15.4159 2 17.8371 4.19371 18.1551 7.01498C20.393 7.78024 22 9.88113 22 12.3529C22 13.412 21.705 14.403 21.1917 15.25H22C22.4142 15.25 22.75 15.5858 22.75 16C22.75 16.4142 22.4142 16.75 22 16.75H2C1.58579 16.75 1.25 16.4142 1.25 16C1.25 15.5858 1.58579 15.25 2 15.25H2.27095C2.09578 14.7878 2 14.2873 2 13.7647C2 11.4256 3.91878 9.52941 6.28571 9.52941C6.56983 9.52941 6.8475 9.55673 7.11616 9.60887C6.88706 8.9978 6.7619 8.33687 6.7619 7.64706Z"/><path d="M5 18.25C4.58579 18.25 4.25 18.5858 4.25 19C4.25 19.4142 4.58579 19.75 5 19.75H19C19.4142 19.75 19.75 19.4142 19.75 19C19.75 18.5858 19.4142 18.25 19 18.25H5Z"/><path d="M8 21.25C7.58579 21.25 7.25 21.5858 7.25 22C7.25 22.4142 7.58579 22.75 8 22.75H16C16.4142 22.75 16.75 22.4142 16.75 22C16.75 21.5858 16.4142 21.25 16 21.25H8Z"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarFogBold(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 d="M6.7619 7.64706C6.7619 4.52827 9.32028 2 12.4762 2C15.4159 2 17.8371 4.19371 18.1551 7.01498C20.393 7.78024 22 9.88113 22 12.3529C22 13.412 21.705 14.403 21.1917 15.25H22C22.4142 15.25 22.75 15.5858 22.75 16C22.75 16.4142 22.4142 16.75 22 16.75H2C1.58579 16.75 1.25 16.4142 1.25 16C1.25 15.5858 1.58579 15.25 2 15.25H2.27095C2.09578 14.7878 2 14.2873 2 13.7647C2 11.4256 3.91878 9.52941 6.28571 9.52941C6.56983 9.52941 6.8475 9.55673 7.11616 9.60887C6.88706 8.9978 6.7619 8.33687 6.7619 7.64706Z"/><path d="M5 18.25C4.58579 18.25 4.25 18.5858 4.25 19C4.25 19.4142 4.58579 19.75 5 19.75H19C19.4142 19.75 19.75 19.4142 19.75 19C19.75 18.5858 19.4142 18.25 19 18.25H5Z"/><path d="M8 21.25C7.58579 21.25 7.25 21.5858 7.25 22C7.25 22.4142 7.58579 22.75 8 22.75H16C16.4142 22.75 16.75 22.4142 16.75 22C16.75 21.5858 16.4142 21.25 16 21.25H8Z"/></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 d="M6.7619 7.64706C6.7619 4.52827 9.32028 2 12.4762 2C15.4159 2 17.8371 4.19371 18.1551 7.01498C20.393 7.78024 22 9.88113 22 12.3529C22 13.412 21.705 14.403 21.1917 15.25H22C22.4142 15.25 22.75 15.5858 22.75 16C22.75 16.4142 22.4142 16.75 22 16.75H2C1.58579 16.75 1.25 16.4142 1.25 16C1.25 15.5858 1.58579 15.25 2 15.25H2.27095C2.09578 14.7878 2 14.2873 2 13.7647C2 11.4256 3.91878 9.52941 6.28571 9.52941C6.56983 9.52941 6.8475 9.55673 7.11616 9.60887C6.88706 8.9978 6.7619 8.33687 6.7619 7.64706Z"/><path d="M5 18.25C4.58579 18.25 4.25 18.5858 4.25 19C4.25 19.4142 4.58579 19.75 5 19.75H19C19.4142 19.75 19.75 19.4142 19.75 19C19.75 18.5858 19.4142 18.25 19 18.25H5Z"/><path d="M8 21.25C7.58579 21.25 7.25 21.5858 7.25 22C7.25 22.4142 7.58579 22.75 8 22.75H16C16.4142 22.75 16.75 22.4142 16.75 22C16.75 21.5858 16.4142 21.25 16 21.25H8Z"/></g></svg> </template>
CSS
.icon-fog-bold {
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%20d%3D%22M6.7619%207.64706C6.7619%204.52827%209.32028%202%2012.4762%202C15.4159%202%2017.8371%204.19371%2018.1551%207.01498C20.393%207.78024%2022%209.88113%2022%2012.3529C22%2013.412%2021.705%2014.403%2021.1917%2015.25H22C22.4142%2015.25%2022.75%2015.5858%2022.75%2016C22.75%2016.4142%2022.4142%2016.75%2022%2016.75H2C1.58579%2016.75%201.25%2016.4142%201.25%2016C1.25%2015.5858%201.58579%2015.25%202%2015.25H2.27095C2.09578%2014.7878%202%2014.2873%202%2013.7647C2%2011.4256%203.91878%209.52941%206.28571%209.52941C6.56983%209.52941%206.8475%209.55673%207.11616%209.60887C6.88706%208.9978%206.7619%208.33687%206.7619%207.64706Z%22%2F%3E%3Cpath%20d%3D%22M5%2018.25C4.58579%2018.25%204.25%2018.5858%204.25%2019C4.25%2019.4142%204.58579%2019.75%205%2019.75H19C19.4142%2019.75%2019.75%2019.4142%2019.75%2019C19.75%2018.5858%2019.4142%2018.25%2019%2018.25H5Z%22%2F%3E%3Cpath%20d%3D%22M8%2021.25C7.58579%2021.25%207.25%2021.5858%207.25%2022C7.25%2022.4142%207.58579%2022.75%208%2022.75H16C16.4142%2022.75%2016.75%2022.4142%2016.75%2022C16.75%2021.5858%2016.4142%2021.25%2016%2021.25H8Z%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%20d%3D%22M6.7619%207.64706C6.7619%204.52827%209.32028%202%2012.4762%202C15.4159%202%2017.8371%204.19371%2018.1551%207.01498C20.393%207.78024%2022%209.88113%2022%2012.3529C22%2013.412%2021.705%2014.403%2021.1917%2015.25H22C22.4142%2015.25%2022.75%2015.5858%2022.75%2016C22.75%2016.4142%2022.4142%2016.75%2022%2016.75H2C1.58579%2016.75%201.25%2016.4142%201.25%2016C1.25%2015.5858%201.58579%2015.25%202%2015.25H2.27095C2.09578%2014.7878%202%2014.2873%202%2013.7647C2%2011.4256%203.91878%209.52941%206.28571%209.52941C6.56983%209.52941%206.8475%209.55673%207.11616%209.60887C6.88706%208.9978%206.7619%208.33687%206.7619%207.64706Z%22%2F%3E%3Cpath%20d%3D%22M5%2018.25C4.58579%2018.25%204.25%2018.5858%204.25%2019C4.25%2019.4142%204.58579%2019.75%205%2019.75H19C19.4142%2019.75%2019.75%2019.4142%2019.75%2019C19.75%2018.5858%2019.4142%2018.25%2019%2018.25H5Z%22%2F%3E%3Cpath%20d%3D%22M8%2021.25C7.58579%2021.25%207.25%2021.5858%207.25%2022C7.25%2022.4142%207.58579%2022.75%208%2022.75H16C16.4142%2022.75%2016.75%2022.4142%2016.75%2022C16.75%2021.5858%2016.4142%2021.25%2016%2021.25H8Z%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/fog-bold.svg?color=%231a73e8&size=48
