smog icon

smog from Font Awesome Solid by Dave Gandy · Solid · Weather · CC-BY-4.0 Attribution required.

Name: smog
Set: Font Awesome Solid
Style: Solid
Category: Weather
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

smogFont Awesome 6 Solid smogLine Awesome smogMaterial Design Icons

More weather icons from Font Awesome Solid

cloud-moon-rain cloud-rain cloud-showers-heavy poo-storm

Use the smog icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M208 352c-79.5 0-144-64.5-144-144S128.5 64 208 64c27.2 0 52.6 7.5 74.3 20.6c20.1-13 44-20.6 69.7-20.6c47.4 0 88.7 25.7 110.9 64h1.1c61.9 0 112 50.1 112 112c0 60.3-47.6 109.4-107.2 111.9c-22.6 20-52.3 32.1-84.8 32.1s-62.1-12.1-84.7-32zm336 104c0 13.3-10.7 24-24 24H56c-13.3 0-24-10.7-24-24s10.7-24 24-24h464c13.3 0 24 10.7 24 24m-424 72h80c13.3 0 24 10.7 24 24s-10.7 24-24 24h-80c-13.3 0-24-10.7-24-24s10.7-24 24-24m176 0h288c13.3 0 24 10.7 24 24s-10.7 24-24 24H296c-13.3 0-24-10.7-24-24s10.7-24 24-24"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidSmog(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M208 352c-79.5 0-144-64.5-144-144S128.5 64 208 64c27.2 0 52.6 7.5 74.3 20.6c20.1-13 44-20.6 69.7-20.6c47.4 0 88.7 25.7 110.9 64h1.1c61.9 0 112 50.1 112 112c0 60.3-47.6 109.4-107.2 111.9c-22.6 20-52.3 32.1-84.8 32.1s-62.1-12.1-84.7-32zm336 104c0 13.3-10.7 24-24 24H56c-13.3 0-24-10.7-24-24s10.7-24 24-24h464c13.3 0 24 10.7 24 24m-424 72h80c13.3 0 24 10.7 24 24s-10.7 24-24 24h-80c-13.3 0-24-10.7-24-24s10.7-24 24-24m176 0h288c13.3 0 24 10.7 24 24s-10.7 24-24 24H296c-13.3 0-24-10.7-24-24s10.7-24 24-24"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M208 352c-79.5 0-144-64.5-144-144S128.5 64 208 64c27.2 0 52.6 7.5 74.3 20.6c20.1-13 44-20.6 69.7-20.6c47.4 0 88.7 25.7 110.9 64h1.1c61.9 0 112 50.1 112 112c0 60.3-47.6 109.4-107.2 111.9c-22.6 20-52.3 32.1-84.8 32.1s-62.1-12.1-84.7-32zm336 104c0 13.3-10.7 24-24 24H56c-13.3 0-24-10.7-24-24s10.7-24 24-24h464c13.3 0 24 10.7 24 24m-424 72h80c13.3 0 24 10.7 24 24s-10.7 24-24 24h-80c-13.3 0-24-10.7-24-24s10.7-24 24-24m176 0h288c13.3 0 24 10.7 24 24s-10.7 24-24 24H296c-13.3 0-24-10.7-24-24s10.7-24 24-24"/></svg>
</template>

CSS

.icon-smog {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M208%20352c-79.5%200-144-64.5-144-144S128.5%2064%20208%2064c27.2%200%2052.6%207.5%2074.3%2020.6c20.1-13%2044-20.6%2069.7-20.6c47.4%200%2088.7%2025.7%20110.9%2064h1.1c61.9%200%20112%2050.1%20112%20112c0%2060.3-47.6%20109.4-107.2%20111.9c-22.6%2020-52.3%2032.1-84.8%2032.1s-62.1-12.1-84.7-32zm336%20104c0%2013.3-10.7%2024-24%2024H56c-13.3%200-24-10.7-24-24s10.7-24%2024-24h464c13.3%200%2024%2010.7%2024%2024m-424%2072h80c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024h-80c-13.3%200-24-10.7-24-24s10.7-24%2024-24m176%200h288c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H296c-13.3%200-24-10.7-24-24s10.7-24%2024-24%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M208%20352c-79.5%200-144-64.5-144-144S128.5%2064%20208%2064c27.2%200%2052.6%207.5%2074.3%2020.6c20.1-13%2044-20.6%2069.7-20.6c47.4%200%2088.7%2025.7%20110.9%2064h1.1c61.9%200%20112%2050.1%20112%20112c0%2060.3-47.6%20109.4-107.2%20111.9c-22.6%2020-52.3%2032.1-84.8%2032.1s-62.1-12.1-84.7-32zm336%20104c0%2013.3-10.7%2024-24%2024H56c-13.3%200-24-10.7-24-24s10.7-24%2024-24h464c13.3%200%2024%2010.7%2024%2024m-424%2072h80c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024h-80c-13.3%200-24-10.7-24-24s10.7-24%2024-24m176%200h288c13.3%200%2024%2010.7%2024%2024s-10.7%2024-24%2024H296c-13.3%200-24-10.7-24-24s10.7-24%2024-24%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/smog.svg?color=%231a73e8&size=48