Icons Preview

Browse all QWeather Icons and see the basic usage or download each one.

Sunny#

⇧ top

QWeather Icon Code: 100

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-100"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-100" viewBox="0 0 16 16">
  <path d="M7.655 2.357a.5.5 0 0 0 .854-.353v-1.5a.5.5 0 0 0-1 0v1.5a.5.5 0 0 0 .146.353Zm-4.08 1.861c.06.026.126.039.191.039l.001-.001a.5.5 0 0 0 .355-.855l-1.064-1.06a.5.5 0 0 0-.707.708l1.062 1.06a.498.498 0 0 0 .162.11ZM.503 8.496h1.5a.5.5 0 1 0 0-1h-1.5a.5.5 0 0 0 0 1Zm1.914 5.221a.501.501 0 0 0 .631-.063l1.063-1.06a.5.5 0 0 0-.708-.707l-1.062 1.06a.5.5 0 0 0 .076.77Zm5.225 2.14a.5.5 0 0 0 .854-.354v-1.5a.5.5 0 0 0-1 0v1.5a.5.5 0 0 0 .146.354Zm5.467-2.084a.5.5 0 0 0 .544-.816l-1.06-1.06a.498.498 0 0 0-.832.152.5.5 0 0 0 .126.555l1.06 1.06a.496.496 0 0 0 .162.109Zm.893-5.263h1.5a.5.5 0 1 0 0-1h-1.5a.5.5 0 0 0 0 1Zm-2.031-4.327a.5.5 0 0 0 .633-.063l1.06-1.06a.5.5 0 1 0-.708-.708l-1.06 1.06a.5.5 0 0 0 .075.77Zm-6.466.075a4.5 4.5 0 1 1 5 7.484 4.5 4.5 0 0 1-5-7.484Zm4.445.832a3.5 3.5 0 1 0-3.89 5.82 3.5 3.5 0 0 0 3.89-5.82Z"/>
</svg>

Sunny fill#

⇧ top

QWeather Icon Code: 100

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-100-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-100-fill" viewBox="0 0 16 16">
  <path d="M8.005 3.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9Zm.004-.997a.5.5 0 0 1-.5-.5v-1.5a.5.5 0 0 1 1 0v1.5a.5.5 0 0 1-.5.5ZM3.766 4.255a.498.498 0 0 1-.353-.147l-1.062-1.06a.5.5 0 0 1 .707-.707L4.122 3.4a.5.5 0 0 1-.355.854v.001ZM2.004 8.493h-1.5a.5.5 0 1 1 0-1h1.5a.5.5 0 1 1 0 1Zm.691 5.303a.5.5 0 0 1-.354-.854l1.062-1.06a.5.5 0 0 1 .708.707l-1.063 1.06a.497.497 0 0 1-.353.147Zm5.301 2.201a.5.5 0 0 1-.5-.5v-1.5a.5.5 0 0 1 1 0v1.5a.5.5 0 0 1-.5.5Zm5.304-2.191a.496.496 0 0 1-.353-.147l-1.06-1.06a.5.5 0 1 1 .706-.707l1.06 1.06a.5.5 0 0 1-.353.854Zm2.203-5.299h-1.5a.5.5 0 0 1 0-1h1.5a.5.5 0 1 1 0 1ZM12.25 4.265a.5.5 0 0 1-.354-.854l1.06-1.06a.5.5 0 1 1 .708.707l-1.06 1.06a.498.498 0 0 1-.354.147Z"/>
</svg>

Cloudy#

⇧ top

QWeather Icon Code: 101

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-101"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-101" viewBox="0 0 16 16">
  <path d="M8.406 15.985a4.766 4.766 0 0 0 3.446-1.449.323.323 0 0 1 .341-.074c.31.112.645.173.995.173 1.553 0 2.812-1.209 2.812-2.7s-1.26-2.7-2.813-2.7c-.157 0-.312.013-.463.037a.32.32 0 0 1-.32-.137c-.824-1.29-2.306-2.15-3.998-2.15-1.682 0-3.157.85-3.984 2.128a.318.318 0 0 1-.3.138 2.962 2.962 0 0 0-.31-.016C2.26 9.235 1 10.444 1 11.935s1.26 2.7 2.813 2.7c.302 0 .594-.046.867-.13a.322.322 0 0 1 .324.076 4.768 4.768 0 0 0 3.402 1.404Zm3.661-2.606c-.161-.116-.41-.088-.52.074a3.788 3.788 0 0 1-3.14 1.632 3.792 3.792 0 0 1-3.091-1.56c-.106-.147-.326-.178-.482-.08-.294.183-.645.29-1.021.29-1.036 0-1.876-.806-1.876-1.8s.84-1.8 1.875-1.8c.241 0 .471.044.683.123.173.065.383-.008.455-.172.569-1.293 1.902-2.2 3.456-2.2 1.575 0 2.924.931 3.48 2.253.075.18.314.254.496.17.244-.111.517-.174.806-.174 1.035 0 1.874.806 1.874 1.8s-.839 1.8-1.874 1.8c-.42 0-.808-.132-1.12-.356ZM4.995 1.762a.516.516 0 1 0 1.007-.224L5.746.388A.516.516 0 0 0 4.74.612l.255 1.15ZM1.273 3.52l.994.633a.516.516 0 0 0 .555-.87l-.995-.633a.516.516 0 0 0-.554.87ZM.878 8.028l1.15-.256a.516.516 0 0 0-.223-1.008l-1.15.256a.516.516 0 1 0 .223 1.008Zm10.238-2.28a.535.535 0 0 0 .112-.012l1.15-.256a.516.516 0 1 0-.224-1.008l-1.15.256a.516.516 0 0 0 .112 1.02ZM8.772 2.713a.516.516 0 0 0 .712-.158l.633-.994a.516.516 0 0 0-.87-.554l-.633.994a.516.516 0 0 0 .158.712ZM3.07 7.017c.07.303.182.596.33.87a3.13 3.13 0 0 0 .909-.486 2.453 2.453 0 0 1-.233-.608 2.504 2.504 0 0 1 4.888-1.088c.003.013.002.026.005.038a5.42 5.42 0 0 1 1.063.25 3.497 3.497 0 0 0-.061-.512A3.535 3.535 0 1 0 3.07 7.017Z"/>
</svg>

Cloudy fill#

⇧ top

QWeather Icon Code: 101

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-101-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-101-fill" viewBox="0 0 16 16">
  <path d="M4.745 1.777a.516.516 0 1 0 1.007-.224L5.496.403A.516.516 0 0 0 4.49.627l.255 1.15ZM1.023 3.535l.994.633a.516.516 0 0 0 .554-.87l-.994-.633a.516.516 0 0 0-.554.87ZM.628 8.043l1.15-.256a.516.516 0 0 0-.223-1.008l-1.15.256a.516.516 0 1 0 .223 1.008Zm10.238-2.28a.535.535 0 0 0 .112-.012l1.15-.256a.516.516 0 1 0-.224-1.008l-1.15.256a.516.516 0 0 0 .112 1.02ZM8.522 2.728a.516.516 0 0 0 .712-.158l.633-.994a.516.516 0 0 0-.87-.554l-.633.994a.516.516 0 0 0 .158.712ZM2.819 7.032c.071.303.182.596.331.87a3.13 3.13 0 0 0 .908-.486 2.453 2.453 0 0 1-.232-.608A2.504 2.504 0 0 1 8.714 5.72l.004.038a5.42 5.42 0 0 1 1.064.25 3.51 3.51 0 0 0-.061-.512 3.535 3.535 0 0 0-6.902 1.536Zm9.175 7.364A4.758 4.758 0 0 1 8.406 16a4.76 4.76 0 0 1-3.537-1.547 2.908 2.908 0 0 1-1.056.197C2.258 14.65 1 13.441 1 11.95s1.26-2.7 2.813-2.7c.173 0 .342.015.507.044C5.124 7.924 6.652 7 8.406 7c1.769 0 3.308.94 4.107 2.328a2.93 2.93 0 0 1 .675-.078c1.553 0 2.812 1.209 2.812 2.7s-1.26 2.7-2.813 2.7a2.9 2.9 0 0 1-1.193-.254Z"/>
</svg>

Few clouds#

⇧ top

QWeather Icon Code: 102

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-102"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-102" viewBox="0 0 16 16">
  <path d="M13.268 15.162a.224.224 0 0 0-.233.042A2.99 2.99 0 0 1 11 16a2.99 2.99 0 0 1-2.035-.796.224.224 0 0 0-.233-.042 2 2 0 1 1-.383-3.832.224.224 0 0 0 .22-.087A2.996 2.996 0 0 1 11 10c1 0 1.887.49 2.432 1.243.05.069.136.102.22.087a2 2 0 1 1-.383 3.832ZM11 15.25c.752 0 1.418-.37 1.827-.936.086-.12.273-.134.388-.041a1.25 1.25 0 1 0 .209-2.082c-.132.068-.312.017-.373-.118a2.25 2.25 0 0 0-4.102 0c-.06.135-.241.186-.372.118a1.25 1.25 0 1 0 .209 2.082c.114-.093.301-.079.387.04A2.247 2.247 0 0 0 11 15.25ZM7.655 2.357a.5.5 0 0 0 .854-.353v-1.5a.5.5 0 1 0-1 0v1.5a.5.5 0 0 0 .146.353Zm-4.08 1.861c.06.026.126.039.191.039l.001-.001a.5.5 0 0 0 .355-.855l-1.064-1.06a.5.5 0 0 0-.707.708l1.062 1.06a.498.498 0 0 0 .162.11ZM.503 8.496h1.5a.5.5 0 1 0 0-1h-1.5a.5.5 0 0 0 0 1Zm1.914 5.221a.501.501 0 0 0 .631-.063l1.063-1.06a.5.5 0 0 0-.708-.707l-1.062 1.06a.5.5 0 0 0 .076.77ZM12.393 9a4.5 4.5 0 1 0-7.033 2.64l.718-.718A3.501 3.501 0 0 1 4.505 8a3.504 3.504 0 0 1 3.5-3.5A3.5 3.5 0 0 1 11.359 9h1.034Zm1.609-.49h1.5a.5.5 0 1 0 0-1h-1.5a.5.5 0 1 0 0 1Zm-2.031-4.327a.5.5 0 0 0 .633-.063l1.06-1.06a.5.5 0 1 0-.708-.708l-1.06 1.06a.5.5 0 0 0 .075.77Z"/>
</svg>

Few clouds fill#

⇧ top

QWeather Icon Code: 102

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-102-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-102-fill" viewBox="0 0 16 16">
  <path d="M13.268 15.162a.224.224 0 0 0-.233.042A2.99 2.99 0 0 1 11 16a2.99 2.99 0 0 1-2.035-.796.224.224 0 0 0-.233-.042 2 2 0 1 1-.383-3.832.224.224 0 0 0 .22-.087A2.996 2.996 0 0 1 11 10c1 0 1.887.49 2.432 1.243.05.069.136.102.22.087a2 2 0 1 1-.383 3.832ZM11 15.25c.752 0 1.418-.37 1.827-.936.086-.12.273-.134.388-.041a1.25 1.25 0 1 0 .209-2.082c-.132.068-.312.017-.373-.118a2.25 2.25 0 0 0-4.102 0c-.06.135-.241.186-.372.118a1.25 1.25 0 1 0 .209 2.082c.114-.093.301-.079.387.04A2.247 2.247 0 0 0 11 15.25Zm-7.6-3.373.002-.002a.5.5 0 1 1 .707.707l-1.065 1.064a.5.5 0 1 1-.707-.707l.003-.003h.001l1.057-1.059H3.4Zm4.957-9.523A.5.5 0 0 1 7.503 2V.5a.5.5 0 0 1 1 0V2a.5.5 0 0 1-.146.354ZM3.76 4.245a.5.5 0 0 1-.352-.14L2.347 3.044a.5.5 0 0 1 .708-.706l1.06 1.06a.5.5 0 0 1-.355.847ZM2.354 7.636A.5.5 0 0 1 2 8.49H.5a.5.5 0 0 1 0-1H2a.5.5 0 0 1 .354.146Zm11.286.721a.5.5 0 0 1 .353-.854h1.5a.5.5 0 0 1 0 1h-1.5a.5.5 0 0 1-.354-.146Zm-1.207-4.134a.498.498 0 0 1-.47-.046.5.5 0 0 1-.075-.77l1.061-1.06a.5.5 0 0 1 .706.707l-1.06 1.061a.498.498 0 0 1-.162.108Z"/>
  <path d="M9.975 9.166a3.846 3.846 0 0 0-1.961 1.244v.001a2.923 2.923 0 0 0-2.381 1.397 4.5 4.5 0 1 1 6.868-3.812 4.453 4.453 0 0 1-.207 1.282 3.846 3.846 0 0 0-2.32-.112Z"/>
</svg>

Partly cloudy#

⇧ top

QWeather Icon Code: 103

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-103"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-103" viewBox="0 0 16 16">
  <path d="M13.583 11.078c-.199.005-.396.03-.59.075A4.249 4.249 0 0 0 10.128 10a4.279 4.279 0 0 0-1.642.34 4.05 4.05 0 0 0-1.354.935 2.953 2.953 0 0 0-.579-.056 3.096 3.096 0 0 0-1.364.297c-.423.2-.787.494-1.063.856a1.707 1.707 0 0 0-.44-.094 1.769 1.769 0 0 0-.75.163 1.66 1.66 0 0 0-.595.462 1.53 1.53 0 0 0-.312.662 1.49 1.49 0 0 0 .037.723c.072.235.201.451.378.631.176.18.394.32.638.406a1.778 1.778 0 0 0 1.493-.14c.558.443 1.268.68 1.998.665.527 0 1.046-.126 1.508-.365a4.267 4.267 0 0 0 2.222.511 4.23 4.23 0 0 0 2.162-.699c.345.184.733.28 1.13.282a2.49 2.49 0 0 0 1.69-.652c.451-.418.708-.986.716-1.58a2.297 2.297 0 0 0-.735-1.579 2.597 2.597 0 0 0-1.682-.69Zm0 3.591a1.437 1.437 0 0 1-.66-.169 1.051 1.051 0 0 0-1.058.066 3.036 3.036 0 0 1-1.738.525 3.148 3.148 0 0 1-1.548-.384 1.049 1.049 0 0 0-.509-.132.986.986 0 0 0-.48.122c-.306.156-.65.24-.998.244a2.142 2.142 0 0 1-1.338-.44 1.038 1.038 0 0 0-.65-.226c-.19 0-.599.235-.888.235a.694.694 0 0 1-.427-.21.616.616 0 0 1-.17-.423c0-.156.06-.306.17-.423a.694.694 0 0 1 .427-.21c.05 0 .4.056.489.056a.884.884 0 0 0 .451-.096.816.816 0 0 0 .328-.307c.188-.232.431-.42.71-.549.28-.129.587-.194.898-.192.13 0 .49.066.61.066a1.05 1.05 0 0 0 .39-.095.993.993 0 0 0 .318-.233 3.13 3.13 0 0 1 1.017-.683c.384-.161.8-.248 1.22-.255.403.005.801.085 1.171.235.37.15.706.366.987.637a1 1 0 0 0 .329.21c.123.048.256.072.39.072.1 0 .46-.075.56-.075.362.027.704.173.963.413.26.24.42.559.454.9a1.293 1.293 0 0 1-.419.934 1.467 1.467 0 0 1-.999.387ZM8.354 2.374A.5.5 0 0 1 7.5 2V.5a.5.5 0 1 1 1 .02v1.5a.5.5 0 0 1-.146.354ZM3.58 4.232a.48.48 0 0 1-.16-.112L2.36 3.06a.495.495 0 0 1 .7-.7l1.06 1.06a.48.48 0 0 1 0 .7.48.48 0 0 1-.54.112ZM2.364 7.646A.5.5 0 0 1 2 8.5H.51a.5.5 0 0 1 0-1h1.5a.5.5 0 0 1 .354.146Zm11.242.708A.5.5 0 0 1 14 7.5h1.5a.5.5 0 1 1-.04 1h-1.5a.5.5 0 0 1-.354-.146ZM12.44 4.242a.47.47 0 0 1-.19.038.47.47 0 0 1-.35-.15.48.48 0 0 1 0-.7l1.06-1.06a.495.495 0 0 1 .7.7L12.6 4.13a.471.471 0 0 1-.16.112ZM5.86 10.42a3.57 3.57 0 0 0-1 .41 4.33 4.33 0 0 1-1.12-2.95 4.38 4.38 0 1 1 8.44 1.64 4.179 4.179 0 0 0-.92-.32 3.41 3.41 0 1 0-5.4 1.22Z"/>
</svg>

Partly cloudy fill#

⇧ top

QWeather Icon Code: 103

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-103-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-103-fill" viewBox="0 0 16 16">
  <path d="M13.583 11.078c-.199.005-.396.03-.59.075A4.249 4.249 0 0 0 10.128 10a4.279 4.279 0 0 0-1.642.34 4.05 4.05 0 0 0-1.354.935 2.953 2.953 0 0 0-.579-.056 3.096 3.096 0 0 0-1.364.297c-.423.2-.787.494-1.063.856a1.707 1.707 0 0 0-.44-.094 1.769 1.769 0 0 0-.75.163 1.66 1.66 0 0 0-.595.462 1.53 1.53 0 0 0-.312.662 1.49 1.49 0 0 0 .037.723c.072.235.201.451.378.631.176.18.394.32.638.406a1.778 1.778 0 0 0 1.493-.14c.558.443 1.268.68 1.998.665.527 0 1.046-.126 1.508-.365a4.267 4.267 0 0 0 2.222.511 4.23 4.23 0 0 0 2.162-.699c.345.184.733.28 1.13.282a2.49 2.49 0 0 0 1.69-.652c.451-.418.708-.986.716-1.58a2.297 2.297 0 0 0-.735-1.579 2.597 2.597 0 0 0-1.682-.69Zm0 3.591a1.437 1.437 0 0 1-.66-.169 1.051 1.051 0 0 0-1.058.066 3.036 3.036 0 0 1-1.738.525 3.148 3.148 0 0 1-1.548-.384 1.049 1.049 0 0 0-.509-.132.986.986 0 0 0-.48.122c-.306.156-.65.24-.998.244a2.142 2.142 0 0 1-1.338-.44 1.038 1.038 0 0 0-.65-.226c-.19 0-.599.235-.888.235a.694.694 0 0 1-.427-.21.616.616 0 0 1-.17-.423c0-.156.06-.306.17-.423a.694.694 0 0 1 .427-.21c.05 0 .4.056.489.056a.884.884 0 0 0 .451-.096.816.816 0 0 0 .328-.307c.188-.232.431-.42.71-.549.28-.129.587-.194.898-.192.13 0 .49.066.61.066a1.05 1.05 0 0 0 .39-.095.993.993 0 0 0 .318-.233 3.13 3.13 0 0 1 1.017-.683c.384-.161.8-.248 1.22-.255.403.005.801.085 1.171.235.37.15.706.366.987.637a1 1 0 0 0 .329.21c.123.048.256.072.39.072.1 0 .46-.075.56-.075.362.027.704.173.963.413.26.24.42.559.454.9a1.293 1.293 0 0 1-.419.934 1.467 1.467 0 0 1-.999.387ZM4.79 10.68a3.56 3.56 0 0 1 1.91-.55h.22a4.56 4.56 0 0 1 3.13-1.22 4.91 4.91 0 0 1 2 .46 4.29 4.29 0 0 0 .33-1.64 4.38 4.38 0 0 0-8.76 0 4.33 4.33 0 0 0 1.17 2.95ZM8 2.52a.5.5 0 0 0 .5-.5V.52a.5.5 0 1 0-1-.02V2a.5.5 0 0 0 .5.52Zm-4.58 1.6a.48.48 0 0 0 .7 0 .48.48 0 0 0 0-.7L3.06 2.36a.495.495 0 1 0-.7.7l1.06 1.06ZM2.51 8a.5.5 0 0 0-.5-.5H.51a.5.5 0 0 0 0 1H2a.5.5 0 0 0 .51-.5Zm10.95 0a.5.5 0 0 0 .5.5h1.5a.5.5 0 1 0 .04-1H14a.5.5 0 0 0-.54.5Zm-1.21-3.72a.47.47 0 0 0 .35-.15l1.06-1.06a.495.495 0 1 0-.7-.7L11.9 3.43a.48.48 0 0 0 0 .7.47.47 0 0 0 .35.15Z"/>
</svg>

Overcast#

⇧ top

QWeather Icon Code: 104

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-104"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-104" viewBox="0 0 16 16">
  <path d="M7.9 16c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 6a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 16Zm3.905-2.896c-.172-.128-.438-.097-.555.083A3.996 3.996 0 0 1 7.9 15a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
  <path d="M4.008 6.637a1.545 1.545 0 0 1 1.54-1.467.913.913 0 0 1 .108.012l.084.012a1 1 0 0 0 .961-.445 2.74 2.74 0 0 1 4.598 0 1 1 0 0 0 .961.445l.084-.012a.916.916 0 0 1 .108-.012 1.524 1.524 0 0 1 1.455 2.048c.312.135.602.316.86.538A2.484 2.484 0 0 0 12.136 4.2a3.74 3.74 0 0 0-6.27 0 2.506 2.506 0 0 0-.317-.032A2.548 2.548 0 0 0 3 6.717c.005.174.028.347.069.517.238-.3.569-.51.94-.597h-.001Z"/>
</svg>

Overcast fill#

⇧ top

QWeather Icon Code: 104

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-104-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-104-fill" viewBox="0 0 16 16">
  <path d="M11.727 14.217A4.99 4.99 0 0 1 7.9 16a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 6a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
  <path d="M4.008 6.637a1.545 1.545 0 0 1 1.54-1.467.913.913 0 0 1 .108.012l.084.012a1 1 0 0 0 .961-.445 2.74 2.74 0 0 1 4.598 0 1 1 0 0 0 .961.445l.084-.012a.916.916 0 0 1 .108-.012 1.524 1.524 0 0 1 1.455 2.048c.312.135.602.316.86.538A2.484 2.484 0 0 0 12.136 4.2a3.74 3.74 0 0 0-6.27 0 2.506 2.506 0 0 0-.317-.032A2.548 2.548 0 0 0 3 6.717c.005.174.028.347.069.517.238-.3.569-.51.94-.597h-.001Z"/>
</svg>

Clear night#

⇧ top

QWeather Icon Code: 150

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-150"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-150" viewBox="0 0 16 16">
  <path d="M4.403 1.393c-.448 2.58-.261 5.558 1.873 7.797 2.09 2.192 5.477 3.06 8.284 2.851-.255.333-.543.65-.863.946-3.035 2.808-7.81 2.66-10.66-.33a7.323 7.323 0 0 1 .334-10.463 7.57 7.57 0 0 1 1.032-.801ZM5.544.79c.114-.494-.351-.958-.811-.732a8.538 8.538 0 0 0-2.04 1.401 8.323 8.323 0 0 0-.38 11.887c3.227 3.386 8.628 3.553 12.064.374a8.432 8.432 0 0 0 1.547-1.92c.258-.438-.183-.924-.69-.843-2.705.43-6.217-.342-8.234-2.458C4.983 6.384 4.939 3.424 5.544.79Z"/>
</svg>

Clear night fill#

⇧ top

QWeather Icon Code: 150

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-150-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-150-fill" viewBox="0 0 16 16">
  <path d="M4.733.059c.46-.226.925.238.811.732C4.94 3.424 4.984 6.384 7 8.5c2.017 2.116 5.529 2.888 8.234 2.458.507-.08.948.405.69.844a8.432 8.432 0 0 1-1.547 1.919C10.94 16.9 5.54 16.733 2.313 13.347a8.323 8.323 0 0 1 .38-11.887A8.538 8.538 0 0 1 4.732.06Z"/>
</svg>

Cloudy night#

⇧ top

QWeather Icon Code: 151

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-151"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-151" viewBox="0 0 16 16">
  <path d="M7.406 16a4.766 4.766 0 0 0 3.446-1.449.323.323 0 0 1 .341-.075c.31.113.645.174.995.174 1.553 0 2.812-1.209 2.812-2.7s-1.26-2.7-2.813-2.7c-.157 0-.312.012-.463.037a.32.32 0 0 1-.32-.138C10.58 7.86 9.098 7 7.406 7c-1.682 0-3.157.85-3.984 2.128a.318.318 0 0 1-.3.138 2.962 2.962 0 0 0-.31-.016C1.26 9.25 0 10.459 0 11.95s1.26 2.7 2.813 2.7c.302 0 .594-.046.867-.131a.322.322 0 0 1 .324.077A4.768 4.768 0 0 0 7.406 16Zm3.661-2.607c-.161-.115-.41-.087-.52.075a3.788 3.788 0 0 1-3.14 1.632 3.792 3.792 0 0 1-3.091-1.56c-.106-.147-.326-.178-.482-.08a1.93 1.93 0 0 1-1.022.29c-1.035 0-1.874-.806-1.874-1.8s.839-1.8 1.875-1.8c.24 0 .47.043.682.123.173.065.383-.008.455-.172C4.52 8.806 5.852 7.9 7.406 7.9c1.575 0 2.924.932 3.48 2.254.075.18.314.254.496.17.244-.111.517-.174.806-.174 1.035 0 1.874.806 1.874 1.8s-.839 1.8-1.874 1.8c-.42 0-.808-.133-1.12-.357Zm4.538-6.759a.412.412 0 0 0-.109.015 4.127 4.127 0 0 1-1.082.145 4.303 4.303 0 0 1-1.424-.248 4.276 4.276 0 0 1-2.725-5.086A.389.389 0 0 0 9.9.972a.374.374 0 0 0-.14.027A4.772 4.772 0 0 0 6.779 5.72c.007.12.038.233.055.35a5.29 5.29 0 0 1 .667-.045c.113 0 .224.012.336.02a3.563 3.563 0 0 1-.06-.384 3.782 3.782 0 0 1 1.357-3.138c.003.553.092 1.103.262 1.629A5.25 5.25 0 0 0 12.66 7.49c.563.2 1.156.302 1.754.304h.047a3.79 3.79 0 0 1-.886.771c.32.165.614.374.874.622a4.774 4.774 0 0 0 1.525-2.037.384.384 0 0 0-.37-.516h.001Z"/>
</svg>

Cloudy night fill#

⇧ top

QWeather Icon Code: 151

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-151-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-151-fill" viewBox="0 0 16 16">
  <path d="M10.994 14.396A4.758 4.758 0 0 1 7.406 16a4.76 4.76 0 0 1-3.537-1.547 2.908 2.908 0 0 1-1.057.197C1.26 14.65 0 13.441 0 11.95s1.26-2.7 2.813-2.7c.173 0 .342.015.507.044C4.124 7.924 5.652 7 7.406 7c1.769 0 3.308.94 4.107 2.328a2.93 2.93 0 0 1 .675-.078c1.553 0 2.812 1.209 2.812 2.7s-1.26 2.7-2.813 2.7a2.9 2.9 0 0 1-1.193-.254Zm4.611-7.762a.412.412 0 0 0-.109.015 4.127 4.127 0 0 1-1.082.145 4.303 4.303 0 0 1-1.424-.248 4.276 4.276 0 0 1-2.725-5.086A.389.389 0 0 0 9.9.972a.374.374 0 0 0-.14.027A4.772 4.772 0 0 0 6.779 5.72c.007.12.038.233.055.35a5.29 5.29 0 0 1 .667-.045c.113 0 .224.012.336.02a3.558 3.558 0 0 1-.06-.384 3.782 3.782 0 0 1 1.357-3.138c.003.553.092 1.103.262 1.629A5.25 5.25 0 0 0 12.66 7.49c.563.2 1.156.302 1.754.304h.047a3.79 3.79 0 0 1-.886.771c.32.165.614.374.874.622a4.774 4.774 0 0 0 1.525-2.037.384.384 0 0 0-.37-.516h.001Z"/>
</svg>

Few clouds night#

⇧ top

QWeather Icon Code: 152

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-152"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-152" viewBox="0 0 16 16">
  <path d="M7.268 15.162a.224.224 0 0 0-.233.042A2.99 2.99 0 0 1 5 16a2.99 2.99 0 0 1-2.035-.796.224.224 0 0 0-.233-.042 2 2 0 1 1-.383-3.832.224.224 0 0 0 .22-.087A2.996 2.996 0 0 1 5 10c1 0 1.887.49 2.432 1.243.05.069.136.102.22.087a2 2 0 1 1-.383 3.832ZM5 15.25c.752 0 1.418-.37 1.827-.936.086-.12.273-.134.388-.041a1.25 1.25 0 1 0 .209-2.082c-.132.068-.312.017-.373-.118a2.25 2.25 0 0 0-4.102 0c-.06.135-.241.186-.372.118a1.25 1.25 0 1 0 .209 2.082c.114-.093.301-.079.387.04A2.247 2.247 0 0 0 5 15.25Zm3.526-8.185C7.013 5.477 6.755 3.428 6.97 1.594a5.241 5.241 0 0 0-.787 7.413 3.142 3.142 0 0 0-1.144.133 6.242 6.242 0 0 1 .98-8.045A6.404 6.404 0 0 1 7.55.044c.346-.17.694.179.61.549-.455 1.975-.422 4.195 1.091 5.782 1.513 1.587 4.147 2.166 6.175 1.843.38-.06.711.305.518.633a6.42 6.42 0 0 1-5.064 3.131 2.09 2.09 0 0 0-.54-.982 5.435 5.435 0 0 0 4.02-1.697c-2.036.013-4.347-.678-5.834-2.238Z"/>
</svg>

Few clouds night fill#

⇧ top

QWeather Icon Code: 152

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-152-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-152-fill" viewBox="0 0 16 16">
  <path d="M7.268 15.162a.224.224 0 0 0-.233.042A2.99 2.99 0 0 1 5 16a2.99 2.99 0 0 1-2.035-.796.224.224 0 0 0-.233-.042 2 2 0 1 1-.383-3.832.224.224 0 0 0 .22-.087A2.996 2.996 0 0 1 5 10c1 0 1.887.49 2.432 1.243.05.069.136.102.22.087a2 2 0 1 1-.383 3.832ZM5 15.25c.752 0 1.418-.37 1.827-.936.086-.12.273-.134.388-.041a1.25 1.25 0 1 0 .209-2.082c-.132.068-.312.017-.373-.118a2.25 2.25 0 0 0-4.102 0c-.06.135-.241.186-.372.118a1.25 1.25 0 1 0 .209 2.082c.114-.093.301-.079.387.04A2.247 2.247 0 0 0 5 15.25ZM8.158.593c.085-.37-.263-.718-.608-.549a6.404 6.404 0 0 0-1.53 1.051 6.242 6.242 0 0 0-.98 8.045 3.144 3.144 0 0 1 3.539 1.255 2.16 2.16 0 0 1 .265-.026 2.09 2.09 0 0 1 2.035 1.614 6.42 6.42 0 0 0 5.064-3.132c.193-.328-.137-.693-.518-.633-2.028.323-4.662-.256-6.175-1.843S7.704 2.568 8.158.593Z"/>
</svg>

Partly cloudy night#

⇧ top

QWeather Icon Code: 153

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-153"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-153" viewBox="0 0 16 16">
  <path d="M11.583 11.078c-.199.005-.396.03-.59.075A4.249 4.249 0 0 0 8.128 10a4.279 4.279 0 0 0-1.642.34 4.05 4.05 0 0 0-1.354.935 2.953 2.953 0 0 0-.579-.056 3.096 3.096 0 0 0-1.364.297c-.423.2-.787.494-1.063.856a1.707 1.707 0 0 0-.44-.094 1.769 1.769 0 0 0-.75.163 1.66 1.66 0 0 0-.595.462 1.53 1.53 0 0 0-.312.662 1.49 1.49 0 0 0 .037.723c.072.235.201.451.378.631.176.18.394.32.638.406a1.778 1.778 0 0 0 1.493-.14c.558.443 1.268.68 1.998.665.527 0 1.046-.126 1.508-.365a4.267 4.267 0 0 0 2.222.511 4.23 4.23 0 0 0 2.162-.699c.345.184.733.28 1.13.282a2.49 2.49 0 0 0 1.69-.652c.451-.418.708-.986.716-1.58a2.297 2.297 0 0 0-.735-1.579 2.597 2.597 0 0 0-1.682-.69Zm0 3.591a1.437 1.437 0 0 1-.66-.169 1.051 1.051 0 0 0-1.058.066 3.036 3.036 0 0 1-1.738.525 3.148 3.148 0 0 1-1.548-.384 1.049 1.049 0 0 0-.509-.132.986.986 0 0 0-.48.122c-.306.156-.65.24-.998.244a2.142 2.142 0 0 1-1.338-.44 1.038 1.038 0 0 0-.65-.226c-.19 0-.599.235-.888.235a.694.694 0 0 1-.427-.21.616.616 0 0 1-.17-.423c0-.156.06-.306.17-.423a.694.694 0 0 1 .427-.21c.05 0 .4.056.489.056a.884.884 0 0 0 .451-.096.816.816 0 0 0 .328-.307c.188-.232.431-.42.71-.549.28-.129.587-.194.898-.192.13 0 .49.066.61.066a1.05 1.05 0 0 0 .39-.095.993.993 0 0 0 .318-.233 3.13 3.13 0 0 1 1.017-.683c.384-.161.8-.248 1.22-.255.403.005.801.085 1.172.235.37.15.705.366.986.637a1 1 0 0 0 .329.21c.123.048.256.072.39.072.1 0 .46-.075.56-.075.362.027.704.173.963.413.26.24.42.559.454.9a1.293 1.293 0 0 1-.419.934 1.467 1.467 0 0 1-.999.387Z"/>
  <path d="M15.47 7.68h-.14a5.33 5.33 0 0 1-1.39.32 5.51 5.51 0 0 1-1.85-.24 5.47 5.47 0 0 1-3.56-3.38 5.48 5.48 0 0 1-.25-3.07.49.49 0 0 0-.49-.61.39.39 0 0 0-.18 0A6.16 6.16 0 0 0 4 7a6 6 0 0 0 1.09 2.8 4.26 4.26 0 0 1 .85-.51A5 5 0 0 1 5 6.9a5.18 5.18 0 0 1 2.18-4.78 6.68 6.68 0 0 0 .41 2.6 6.48 6.48 0 0 0 4.21 3.94 6.57 6.57 0 0 0 2.2.28c.22 0 .45 0 .66-.06a5.13 5.13 0 0 1-1.47 1.64c.259.22.482.48.66.77a6.27 6.27 0 0 0 2.14-3 .49.49 0 0 0-.52-.61Z"/>
</svg>

Partly cloudy night fill#

⇧ top

QWeather Icon Code: 153

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-153-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-153-fill" viewBox="0 0 16 16">
  <path d="M11.583 11.078c-.199.005-.396.03-.59.075A4.249 4.249 0 0 0 8.128 10a4.279 4.279 0 0 0-1.642.34 4.05 4.05 0 0 0-1.354.935 2.953 2.953 0 0 0-.579-.056 3.096 3.096 0 0 0-1.364.297c-.423.2-.787.494-1.063.856a1.707 1.707 0 0 0-.44-.094 1.769 1.769 0 0 0-.75.163 1.66 1.66 0 0 0-.595.462 1.53 1.53 0 0 0-.312.662 1.49 1.49 0 0 0 .037.723c.072.235.201.451.378.631.176.18.394.32.638.406a1.778 1.778 0 0 0 1.493-.14c.558.443 1.268.68 1.998.665.527 0 1.046-.126 1.508-.365a4.267 4.267 0 0 0 2.222.511 4.23 4.23 0 0 0 2.162-.699c.345.184.733.28 1.13.282a2.49 2.49 0 0 0 1.69-.652c.451-.418.708-.986.716-1.58a2.297 2.297 0 0 0-.735-1.579 2.597 2.597 0 0 0-1.682-.69Zm0 3.591a1.437 1.437 0 0 1-.66-.169 1.051 1.051 0 0 0-1.058.066 3.036 3.036 0 0 1-1.738.525 3.148 3.148 0 0 1-1.548-.384 1.049 1.049 0 0 0-.509-.132.986.986 0 0 0-.48.122c-.306.156-.65.24-.998.244a2.142 2.142 0 0 1-1.338-.44 1.038 1.038 0 0 0-.65-.226c-.19 0-.599.235-.888.235a.694.694 0 0 1-.427-.21.616.616 0 0 1-.17-.423c0-.156.06-.306.17-.423a.694.694 0 0 1 .427-.21c.05 0 .4.056.489.056a.884.884 0 0 0 .451-.096.816.816 0 0 0 .328-.307c.188-.232.431-.42.71-.549.28-.129.587-.194.898-.192.13 0 .49.066.61.066a1.05 1.05 0 0 0 .39-.095.993.993 0 0 0 .318-.233 3.13 3.13 0 0 1 1.017-.683c.384-.161.8-.248 1.22-.255.403.005.801.085 1.172.235.37.15.705.366.986.637a1 1 0 0 0 .329.21c.123.048.256.072.39.072.1 0 .46-.075.56-.075.362.027.704.173.963.413.26.24.42.559.454.9a1.293 1.293 0 0 1-.419.934 1.467 1.467 0 0 1-.999.387Z"/>
  <path d="M15.33 7.6a5.33 5.33 0 0 1-3.24 0 5.47 5.47 0 0 1-3.57-3.3 5.57 5.57 0 0 1-.26-3.07.49.49 0 0 0-.67-.57A6.17 6.17 0 0 0 4 6.93a6 6 0 0 0 1.1 2.8 4.61 4.61 0 0 1 2.6-.93h.19a4.66 4.66 0 0 1 2.85.91h.31a3.15 3.15 0 0 1 2.3.89c.188.193.353.408.49.64a6.19 6.19 0 0 0 2.13-3 .5.5 0 0 0-.64-.64Z"/>
</svg>

Shower rain#

⇧ top

QWeather Icon Code: 300

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-300"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-300" viewBox="0 0 16 16">
  <path d="M4.5 14a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm6 0a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-2.094-1.5a4.766 4.766 0 0 0 3.446-1.449.323.323 0 0 1 .341-.075c.31.113.645.174.995.174C14.74 11.15 16 9.941 16 8.45s-1.26-2.7-2.813-2.7c-.157 0-.312.013-.463.037a.32.32 0 0 1-.32-.138C11.58 4.36 10.098 3.5 8.406 3.5c-1.682 0-3.157.85-3.984 2.128a.318.318 0 0 1-.3.138 2.962 2.962 0 0 0-.31-.016C2.26 5.75 1 6.959 1 8.45s1.26 2.7 2.813 2.7c.302 0 .594-.046.867-.131a.322.322 0 0 1 .324.077A4.768 4.768 0 0 0 8.406 12.5Zm3.661-2.606c-.161-.116-.41-.088-.52.074a3.788 3.788 0 0 1-3.14 1.632 3.792 3.792 0 0 1-3.091-1.56c-.106-.147-.326-.178-.482-.08-.294.183-.645.29-1.021.29-1.036 0-1.876-.806-1.876-1.8s.84-1.8 1.875-1.8c.241 0 .471.044.683.123.173.065.383-.008.455-.173.569-1.293 1.902-2.2 3.456-2.2 1.575 0 2.924.932 3.48 2.254.075.18.314.254.496.17.244-.111.517-.174.806-.174 1.035 0 1.874.806 1.874 1.8s-.839 1.8-1.874 1.8c-.42 0-.808-.133-1.12-.356Zm-7.088-7.99h.007a.5.5 0 0 0 .493-.506L5.467.493a.5.5 0 0 0-.5-.493H4.96a.5.5 0 0 0-.493.506l.012.904a.5.5 0 0 0 .5.494Zm-2.892.946a.5.5 0 1 0 .698-.716l-.648-.63a.5.5 0 1 0-.697.715l.647.631Zm-.179 2.203a.5.5 0 0 0-.5-.494h-.007l-.904.012a.5.5 0 0 0 .006 1H.51l.905-.012a.5.5 0 0 0 .493-.506Zm5.638-2.121a.5.5 0 0 0 .359-.15l.63-.648a.5.5 0 0 0-.716-.698l-.631.647a.5.5 0 0 0 .358.85v-.001ZM2.254 5.315a3.53 3.53 0 0 1 1.018-.288 1.831 1.831 0 0 1 1.811-1.603c.188.002.375.034.553.094a4.927 4.927 0 0 1 1.282-.404 2.82 2.82 0 0 0-4.67 2.145c0 .02.006.037.006.056Z"/>
</svg>

Shower rain fill#

⇧ top

QWeather Icon Code: 300

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-300-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-300-fill" viewBox="0 0 16 16">
  <path d="M4.5 14a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm6 0a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm1.494-3.104A4.758 4.758 0 0 1 8.406 12.5a4.76 4.76 0 0 1-3.537-1.547 2.908 2.908 0 0 1-1.056.197C2.258 11.15 1 9.941 1 8.45s1.26-2.7 2.813-2.7c.173 0 .342.015.507.044C5.124 4.424 6.652 3.5 8.406 3.5c1.769 0 3.308.94 4.107 2.328a2.93 2.93 0 0 1 .675-.078C14.74 5.75 16 6.959 16 8.45s-1.26 2.7-2.813 2.7a2.9 2.9 0 0 1-1.193-.254ZM4.979 1.904h.007a.5.5 0 0 0 .493-.506L5.467.493a.5.5 0 0 0-.5-.493H4.96a.5.5 0 0 0-.493.506l.012.904a.5.5 0 0 0 .5.494Zm-2.892.946a.5.5 0 1 0 .698-.716l-.648-.63a.5.5 0 1 0-.697.715l.647.631Zm-.179 2.203a.5.5 0 0 0-.5-.494h-.007l-.904.012a.5.5 0 0 0 .006 1H.51l.905-.012a.5.5 0 0 0 .493-.506Zm5.638-2.121a.5.5 0 0 0 .359-.15l.63-.648a.5.5 0 0 0-.716-.698l-.631.647a.5.5 0 0 0 .358.85v-.001ZM2.254 5.315a3.53 3.53 0 0 1 1.018-.288 1.831 1.831 0 0 1 1.811-1.603c.188.002.375.034.553.094a4.927 4.927 0 0 1 1.282-.404 2.82 2.82 0 0 0-4.67 2.145c0 .02.006.037.006.056Z"/>
</svg>

Heavy shower rain#

⇧ top

QWeather Icon Code: 301

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-301"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-301" viewBox="0 0 16 16">
  <path d="M4.293 14.707A1 1 0 0 1 4 14c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm7 0A1 1 0 0 1 11 14c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM7.5 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm.906-2.5a4.766 4.766 0 0 0 3.446-1.449.323.323 0 0 1 .341-.075c.31.113.645.174.995.174C14.74 11.15 16 9.941 16 8.45s-1.26-2.7-2.813-2.7c-.157 0-.312.013-.463.037a.32.32 0 0 1-.32-.138C11.58 4.36 10.098 3.5 8.406 3.5c-1.682 0-3.157.85-3.984 2.128a.318.318 0 0 1-.3.138 2.962 2.962 0 0 0-.31-.016C2.26 5.75 1 6.959 1 8.45s1.26 2.7 2.813 2.7c.302 0 .594-.046.867-.131a.322.322 0 0 1 .324.077A4.768 4.768 0 0 0 8.406 12.5Zm3.661-2.606c-.161-.116-.41-.088-.52.074a3.788 3.788 0 0 1-3.14 1.632 3.792 3.792 0 0 1-3.091-1.56c-.106-.147-.326-.178-.482-.08-.294.183-.645.29-1.021.29-1.036 0-1.876-.806-1.876-1.8s.84-1.8 1.875-1.8c.241 0 .471.044.683.123.173.065.383-.008.455-.173.569-1.293 1.902-2.2 3.456-2.2 1.575 0 2.924.932 3.48 2.254.075.18.314.254.496.17.244-.111.517-.174.806-.174 1.035 0 1.874.806 1.874 1.8s-.839 1.8-1.874 1.8c-.42 0-.808-.133-1.12-.356Zm-7.088-7.99h.007a.5.5 0 0 0 .493-.506L5.467.493a.5.5 0 0 0-.5-.493H4.96a.5.5 0 0 0-.493.506l.012.904a.5.5 0 0 0 .5.494Zm-2.892.946a.5.5 0 1 0 .698-.716l-.648-.63a.5.5 0 1 0-.697.715l.647.631Zm-.179 2.203a.5.5 0 0 0-.5-.494h-.007l-.904.012a.5.5 0 0 0 .006 1H.51l.905-.012a.5.5 0 0 0 .493-.506Zm5.638-2.121a.5.5 0 0 0 .359-.15l.63-.648a.5.5 0 0 0-.716-.698l-.631.647a.5.5 0 0 0 .358.85v-.001ZM2.254 5.315a3.53 3.53 0 0 1 1.018-.288 1.831 1.831 0 0 1 1.811-1.603c.188.002.375.034.553.094a4.927 4.927 0 0 1 1.282-.404 2.82 2.82 0 0 0-4.67 2.145c0 .02.006.037.006.056Z"/>
</svg>

Heavy shower rain fill#

⇧ top

QWeather Icon Code: 301

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-301-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-301-fill" viewBox="0 0 16 16">
  <path d="M4.293 14.707A1 1 0 0 1 4 14c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm7 0A1 1 0 0 1 11 14c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM7.5 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm4.494-4.104A4.758 4.758 0 0 1 8.406 12.5a4.76 4.76 0 0 1-3.537-1.547 2.908 2.908 0 0 1-1.056.197C2.258 11.15 1 9.941 1 8.45s1.26-2.7 2.813-2.7c.173 0 .342.015.507.044C5.124 4.424 6.652 3.5 8.406 3.5c1.769 0 3.308.94 4.107 2.328a2.93 2.93 0 0 1 .675-.078C14.74 5.75 16 6.959 16 8.45s-1.26 2.7-2.813 2.7a2.9 2.9 0 0 1-1.193-.254ZM4.979 1.904h.007a.5.5 0 0 0 .493-.506L5.467.493a.5.5 0 0 0-.5-.493H4.96a.5.5 0 0 0-.493.506l.012.904a.5.5 0 0 0 .5.494Zm-2.892.946a.5.5 0 1 0 .698-.716l-.648-.63a.5.5 0 1 0-.697.715l.647.631Zm-.179 2.203a.5.5 0 0 0-.5-.494h-.007l-.904.012a.5.5 0 0 0 .006 1H.51l.905-.012a.5.5 0 0 0 .493-.506Zm5.638-2.121a.5.5 0 0 0 .359-.15l.63-.648a.5.5 0 0 0-.716-.698l-.631.647a.5.5 0 0 0 .358.85v-.001ZM2.254 5.315a3.53 3.53 0 0 1 1.018-.288 1.831 1.831 0 0 1 1.811-1.603c.188.002.375.034.553.094a4.927 4.927 0 0 1 1.282-.404 2.82 2.82 0 0 0-4.67 2.145c0 .02.006.037.006.056Z"/>
</svg>

Thundershower#

⇧ top

QWeather Icon Code: 302

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-302"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-302" viewBox="0 0 16 16">
  <path d="M8.46 12.626c-.054 0-.089-.05-.065-.093l.792-1.438C9.21 11.05 9.176 11 9.122 11H7.544a.147.147 0 0 0-.076.02.158.158 0 0 0-.058.057l-1.397 2.637c-.042.079.022.17.118.17h1.42c.05 0 .084.043.069.086l-.739 1.943c-.027.07.072.118.124.063l2.978-3.243c.04-.042.006-.107-.055-.107H8.46ZM3 13a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm8 0a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-3.1-3c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Thundershower fill#

⇧ top

QWeather Icon Code: 302

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-302-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-302-fill" viewBox="0 0 16 16">
  <path d="M3 13a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm8 0a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-2.54-.374c-.054 0-.089-.05-.065-.093l.792-1.438C9.21 11.05 9.176 11 9.122 11H7.544a.147.147 0 0 0-.076.02.158.158 0 0 0-.058.057l-1.397 2.637c-.042.079.022.17.118.17h1.42c.05 0 .084.043.069.086l-.739 1.943c-.027.07.072.118.124.063l2.978-3.243c.04-.042.006-.107-.055-.107H8.46Zm3.267-4.409A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Heavy thunderstorm#

⇧ top

QWeather Icon Code: 303

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-303"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-303" viewBox="0 0 16 16">
  <path d="M0 11.5a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2ZM3 13a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm8.293.707A1 1 0 0 1 11 13c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM14 11.5a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-5.54 1.126c-.054 0-.089-.05-.065-.093l.792-1.438C9.21 11.05 9.176 11 9.122 11H7.544a.147.147 0 0 0-.076.02.158.158 0 0 0-.058.057l-1.397 2.637c-.042.079.022.17.118.17h1.42c.05 0 .084.043.069.086l-.739 1.943c-.027.07.072.118.124.063l2.978-3.243c.04-.042.006-.107-.055-.107H8.46ZM7.9 10c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Heavy thunderstorm fill#

⇧ top

QWeather Icon Code: 303

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-303-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-303-fill" viewBox="0 0 16 16">
  <path d="M0 11.5a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2ZM3 13a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm8.293.707A1 1 0 0 1 11 13c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM14 11.5a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-5.54 1.126c-.054 0-.089-.05-.065-.093l.792-1.438C9.21 11.05 9.176 11 9.122 11H7.544a.147.147 0 0 0-.076.02.158.158 0 0 0-.058.057l-1.397 2.637c-.042.079.022.17.118.17h1.42c.05 0 .084.043.069.086l-.739 1.943c-.027.07.072.118.124.063l2.978-3.243c.04-.042.006-.107-.055-.107H8.46Zm3.267-4.409A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Thundershower with hail#

⇧ top

QWeather Icon Code: 304

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-304"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-304" viewBox="0 0 16 16">
  <path d="M8.46 12.626c-.054 0-.089-.05-.065-.093l.792-1.438C9.21 11.05 9.176 11 9.122 11H7.544a.147.147 0 0 0-.076.02.158.158 0 0 0-.058.057l-1.397 2.637c-.042.079.022.17.118.17h1.42c.05 0 .084.043.069.086l-.739 1.943c-.027.07.072.118.124.063l2.978-3.243c.04-.042.006-.107-.055-.107H8.46ZM3 13a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm10-.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM7.9 10c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Thundershower with hail fill#

⇧ top

QWeather Icon Code: 304

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-304-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-304-fill" viewBox="0 0 16 16">
  <path d="M11.727 8.217A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63ZM3 13a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm10-.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-4.54.126c-.054 0-.089-.05-.065-.093l.792-1.438C9.21 11.05 9.176 11 9.122 11H7.544a.147.147 0 0 0-.076.02.158.158 0 0 0-.058.057l-1.397 2.637c-.042.079.022.17.118.17h1.42c.05 0 .084.043.069.086l-.739 1.943c-.027.07.072.118.124.063l2.978-3.243c.04-.042.006-.107-.055-.107H8.46Z"/>
</svg>

Light rain#

⇧ top

QWeather Icon Code: 305

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-305"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-305" viewBox="0 0 16 16">
  <path d="M4 14a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm6 0a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-2.1-4c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Light rain fill#

⇧ top

QWeather Icon Code: 305

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-305-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-305-fill" viewBox="0 0 16 16">
  <path d="M4 14a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm6 0a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm1.727-5.783A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Moderate rain#

⇧ top

QWeather Icon Code: 306

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-306"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-306" viewBox="0 0 16 16">
  <path d="M2.293 13.707A1 1 0 0 1 2 13c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm10 0A1 1 0 0 1 12 13c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM7 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm.9-5c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Moderate rain fill#

⇧ top

QWeather Icon Code: 306

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-306-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-306-fill" viewBox="0 0 16 16">
  <path d="M2.293 13.707A1 1 0 0 1 2 13c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm10 0A1 1 0 0 1 12 13c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM7 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm4.727-6.783A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Heavy rain#

⇧ top

QWeather Icon Code: 307

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-307"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-307" viewBox="0 0 16 16">
  <path d="M1 12.5a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2ZM5 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm4.293.707A1 1 0 0 1 9 15c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM13 12.5a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2ZM7.9 10c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Heavy rain fill#

⇧ top

QWeather Icon Code: 307

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-307-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-307-fill" viewBox="0 0 16 16">
  <path d="M1 12.5a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2ZM5 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm4.293.707A1 1 0 0 1 9 15c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM13 12.5a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-1.273-4.283A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Extreme rain#

⇧ top

QWeather Icon Code: 308

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-308"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-308" viewBox="0 0 16 16">
  <path d="M0 10.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2Zm2.293 3.207A1 1 0 0 1 2 13c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm5 2A1 1 0 0 1 7 15c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM12 13a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-6.5-1a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5Zm9.5-1.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2ZM10.5 12a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5Zm-2.6-2c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Extreme rain fill#

⇧ top

QWeather Icon Code: 308

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-308-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-308-fill" viewBox="0 0 16 16">
  <path d="M0 10.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2Zm2.293 3.207A1 1 0 0 1 2 13c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm5 2A1 1 0 0 1 7 15c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM12 13a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-6.5-1a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5Zm9.5-1.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2ZM10.5 12a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5Zm1.227-3.783A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Drizzle rain#

⇧ top

QWeather Icon Code: 309

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-309"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-309" viewBox="0 0 16 16">
  <path d="M8.534 12.125a.25.25 0 0 1 .433.25l-1.75 3.031a.25.25 0 1 1-.433-.25l1.75-3.031Zm4.25.7a.25.25 0 0 1 .432.25l-1 1.732a.25.25 0 1 1-.432-.25l1-1.732Zm-9 0a.25.25 0 0 1 .433.25l-1 1.732a.25.25 0 0 1-.433-.25l1-1.732ZM7.9 10c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Drizzle rain fill#

⇧ top

QWeather Icon Code: 309

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-309-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-309-fill" viewBox="0 0 16 16">
  <path d="M8.534 12.125a.25.25 0 0 1 .433.25l-1.75 3.031a.25.25 0 1 1-.433-.25l1.75-3.031Zm4.25.7a.25.25 0 0 1 .432.25l-1 1.732a.25.25 0 1 1-.432-.25l1-1.732Zm-9 0a.25.25 0 0 1 .433.25l-1 1.732a.25.25 0 0 1-.433-.25l1-1.732Zm7.943-4.608A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Storm#

⇧ top

QWeather Icon Code: 310

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-310"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-310" viewBox="0 0 16 16">
  <path d="M1.293 12.207A1 1 0 0 1 1 11.5c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm3 1.5A1 1 0 0 1 4 13c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM10 13a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-2.707 2.707A1 1 0 0 1 7 15c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM13 11.5a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2ZM7.9 10c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Storm fill#

⇧ top

QWeather Icon Code: 310

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-310-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-310-fill" viewBox="0 0 16 16">
  <path d="M1.293 12.207A1 1 0 0 1 1 11.5c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm3 1.5A1 1 0 0 1 4 13c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM10 13a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-2.707 2.707A1 1 0 0 1 7 15c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM13 11.5a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-1.273-3.283A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Heavy storm#

⇧ top

QWeather Icon Code: 311

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-311"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-311" viewBox="0 0 16 16">
  <path d="M8.943 11.704a.494.494 0 0 0-.157-.641c-.205-.13-.467-.053-.586.172l-2.143 4.061a.494.494 0 0 0 .157.641c.205.13.467.053.586-.172l2.143-4.061ZM2.8 11.556c.191.115.257.37.146.57l-1.2 2.165a.391.391 0 0 1-.546.153.427.427 0 0 1-.146-.57l1.2-2.165a.39.39 0 0 1 .546-.153Zm3 0c.191.115.257.37.146.57l-1.2 2.165a.391.391 0 0 1-.546.153.427.427 0 0 1-.146-.57l1.2-2.165a.39.39 0 0 1 .546-.153Zm9 0c.191.115.257.37.146.57l-1.2 2.165a.391.391 0 0 1-.546.153.427.427 0 0 1-.146-.57l1.2-2.165a.39.39 0 0 1 .546-.153Zm-2.854.569a.427.427 0 0 0-.146-.57.391.391 0 0 0-.546.154l-1.2 2.166a.428.428 0 0 0 .146.57.391.391 0 0 0 .546-.154l1.2-2.166ZM7.9 10c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Heavy storm fill#

⇧ top

QWeather Icon Code: 311

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-311-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-311-fill" viewBox="0 0 16 16">
  <path d="M8.943 11.704a.494.494 0 0 0-.157-.641c-.205-.13-.467-.053-.586.172l-2.143 4.061a.494.494 0 0 0 .157.641c.205.13.467.053.586-.172l2.143-4.061ZM2.8 11.556c.191.115.257.37.146.57l-1.2 2.165a.391.391 0 0 1-.546.153.427.427 0 0 1-.146-.57l1.2-2.165a.39.39 0 0 1 .546-.153Zm3 0c.191.115.257.37.146.57l-1.2 2.165a.391.391 0 0 1-.546.153.427.427 0 0 1-.146-.57l1.2-2.165a.39.39 0 0 1 .546-.153Zm9 0c.191.115.257.37.146.57l-1.2 2.165a.391.391 0 0 1-.546.153.427.427 0 0 1-.146-.57l1.2-2.165a.39.39 0 0 1 .546-.153Zm-2.854.569a.427.427 0 0 0-.146-.57.391.391 0 0 0-.546.154l-1.2 2.166a.428.428 0 0 0 .146.57.391.391 0 0 0 .546-.154l1.2-2.166Zm-.219-3.908A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Severe storm#

⇧ top

QWeather Icon Code: 312

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-312"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-312" viewBox="0 0 16 16">
  <path d="M1.946 12.625a.427.427 0 0 0-.146-.57.391.391 0 0 0-.546.154l-1.2 2.166a.428.428 0 0 0 .146.57.391.391 0 0 0 .546-.154l1.2-2.166Zm2.8 0a.427.427 0 0 0-.146-.57.391.391 0 0 0-.546.154l-1.2 2.166a.428.428 0 0 0 .146.57.391.391 0 0 0 .546-.154l1.2-2.166Zm2.654-.569c.191.115.257.37.146.57l-1.2 2.165a.391.391 0 0 1-.546.153.427.427 0 0 1-.146-.57l1.2-2.165a.39.39 0 0 1 .546-.153Zm5.746.569a.427.427 0 0 0-.146-.57.391.391 0 0 0-.546.154l-1.2 2.166a.428.428 0 0 0 .146.57.391.391 0 0 0 .546-.154l1.2-2.166Zm-2.946-.569c.191.115.257.37.146.57l-1.2 2.165a.391.391 0 0 1-.546.153.427.427 0 0 1-.146-.57l1.2-2.165a.39.39 0 0 1 .546-.153Zm5.746.569a.427.427 0 0 0-.146-.57.391.391 0 0 0-.546.154l-1.2 2.166a.428.428 0 0 0 .146.57.391.391 0 0 0 .546-.154l1.2-2.166ZM7.9 10c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Severe storm fill#

⇧ top

QWeather Icon Code: 312

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-312-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-312-fill" viewBox="0 0 16 16">
  <path d="M1.946 12.625a.427.427 0 0 0-.146-.57.391.391 0 0 0-.546.154l-1.2 2.166a.428.428 0 0 0 .146.57.391.391 0 0 0 .546-.154l1.2-2.166Zm2.8 0a.427.427 0 0 0-.146-.57.391.391 0 0 0-.546.154l-1.2 2.166a.428.428 0 0 0 .146.57.391.391 0 0 0 .546-.154l1.2-2.166Zm2.654-.569c.191.115.257.37.146.57l-1.2 2.165a.391.391 0 0 1-.546.153.427.427 0 0 1-.146-.57l1.2-2.165a.39.39 0 0 1 .546-.153Zm5.746.569a.427.427 0 0 0-.146-.57.391.391 0 0 0-.546.154l-1.2 2.166a.428.428 0 0 0 .146.57.391.391 0 0 0 .546-.154l1.2-2.166Zm-2.946-.569c.191.115.257.37.146.57l-1.2 2.165a.391.391 0 0 1-.546.153.427.427 0 0 1-.146-.57l1.2-2.165a.39.39 0 0 1 .546-.153Zm5.746.569a.427.427 0 0 0-.146-.57.391.391 0 0 0-.546.154l-1.2 2.166a.428.428 0 0 0 .146.57.391.391 0 0 0 .546-.154l1.2-2.166Zm-4.219-4.408A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Freezing rain#

⇧ top

QWeather Icon Code: 313

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-313"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-313" viewBox="0 0 16 16">
  <path d="M7.9 10c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41ZM1 9l1 1.5L1 12l-1-1.5L1 9Zm15 1.5L15 9l-1 1.5 1 1.5 1-1.5Zm-7 4L8 13l-1 1.5L8 16l1-1.5ZM4.5 11l1 1.5-1 1.5-1-1.5 1-1.5Zm8 1.5-1-1.5-1 1.5 1 1.5 1-1.5Z"/>
</svg>

Freezing rain fill#

⇧ top

QWeather Icon Code: 313

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-313-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-313-fill" viewBox="0 0 16 16">
  <path d="m1 9 1 1.5L1 12l-1-1.5L1 9Zm15 1.5L15 9l-1 1.5 1 1.5 1-1.5Zm-7 4L8 13l-1 1.5L8 16l1-1.5ZM4.5 11l1 1.5-1 1.5-1-1.5 1-1.5Zm8 1.5-1-1.5-1 1.5 1 1.5 1-1.5Zm-.773-4.283A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Light to moderate rain#

⇧ top

QWeather Icon Code: 314

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-314"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-314" viewBox="0 0 16 16">
  <path d="M9 11a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-7.707 1.707A1 1 0 0 1 1 12c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm3 0A1 1 0 0 1 4 12c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm9-1A1 1 0 0 1 13 11c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM11 14a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Z"/>
  <path d="M7.386.342A.5.5 0 0 1 7.86 0h.28a.5.5 0 0 1 .474.342l.167.5a.513.513 0 0 1 .015.055c1.855.14 3.535.764 4.808 1.72C15.056 3.707 16 5.252 16 7a.5.5 0 0 1-.826.38h-4.348l.001-.002h4.346l-.003-.002a3.561 3.561 0 0 0-.58-.361A3.597 3.597 0 0 0 13 6.633c-.653 0-1.202.19-1.59.382a3.561 3.561 0 0 0-.58.36l-.003.003h-.654l-.003-.002a3.557 3.557 0 0 0-.58-.361A3.681 3.681 0 0 0 8.5 6.67v.708h1.673l.001.001H8.5V15.5a.5.5 0 0 1-1 0V7.38H.826A.5.5 0 0 1 0 7c0-1.748.944-3.293 2.396-4.383C3.67 1.66 5.35 1.037 7.204.897A.513.513 0 0 1 7.22.842l.167-.5ZM7.5 7.379V6.67a3.681 3.681 0 0 0-1.67.706l-.003.002L7.5 7.38ZM3 5.633a4.59 4.59 0 0 1 1.964.451c.02-.604.118-1.31.348-2.022a5.848 5.848 0 0 1 1.148-2.07c-1.346.223-2.54.73-3.463 1.424-.962.723-1.617 1.633-1.875 2.629A4.571 4.571 0 0 1 3 5.633ZM6.263 4.37a6.471 6.471 0 0 0-.3 1.75h.003A4.597 4.597 0 0 1 8 5.633a4.59 4.59 0 0 1 2.034.486h.003a6.47 6.47 0 0 0-.3-1.75C9.444 3.461 8.91 2.572 8 1.956c-.911.616-1.444 1.505-1.737 2.413ZM13 5.633c.76 0 1.402.197 1.878.412-.258-.996-.913-1.906-1.875-2.629-.923-.693-2.117-1.201-3.463-1.424.556.634.92 1.36 1.148 2.07.23.712.328 1.418.348 2.022A4.585 4.585 0 0 1 13 5.634ZM.83 7.376l-.004.003h4.348l-.004-.003a3.56 3.56 0 0 0-.58-.361A3.597 3.597 0 0 0 3 6.633c-.653 0-1.202.19-1.59.382a3.56 3.56 0 0 0-.58.36Zm4.344.003a.5.5 0 0 0 .652 0h-.652Z"/>
  <path d="M10.174 7.38h.652a.5.5 0 0 1-.652 0Z"/>
</svg>

Light to moderate rain fill#

⇧ top

QWeather Icon Code: 314

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-314-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-314-fill" viewBox="0 0 16 16">
  <path d="M9 11a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-7.707 1.707A1 1 0 0 1 1 12c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm3 0A1 1 0 0 1 4 12c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm9-1A1 1 0 0 1 13 11c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM11 14a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Z"/>
  <path d="M7.857 0a.5.5 0 0 0-.474.342l-.167.5a.5.5 0 0 0-.025.191c-3.729.31-6.71 2.74-7.19 5.824-.033.216.397.393.593.283.412-.232 1.055-.445 2.029-.445 1.359 0 2.074.414 2.416.718.13.116.415.116.545 0 .294-.262.864-.604 1.883-.695v8.749a.533.533 0 0 0 1.066 0V6.718c1.019.091 1.589.433 1.883.695.13.116.415.116.545 0 .342-.304 1.057-.718 2.416-.718.974 0 1.617.213 2.03.445.195.11.625-.067.591-.283-.48-3.087-3.464-5.517-7.196-5.824a.5.5 0 0 0-.025-.191l-.166-.5A.5.5 0 0 0 8.136 0h-.279Z"/>
</svg>

Moderate to heavy rain#

⇧ top

QWeather Icon Code: 315

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-315"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-315" viewBox="0 0 16 16">
  <path d="M10.293 11.207A1 1 0 0 1 10 10.5c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm-9 .5A1 1 0 0 1 1 11c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm4 0A1 1 0 0 1 5 11c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM3 14a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm10-3.5a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm.293 4.707A1 1 0 0 1 13 14.5c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM10 14.5a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Z"/>
  <path d="M7.386.342A.5.5 0 0 1 7.86 0h.28a.5.5 0 0 1 .474.342l.167.5a.513.513 0 0 1 .015.055c1.855.14 3.535.764 4.808 1.72C15.056 3.707 16 5.252 16 7a.5.5 0 0 1-.826.38h-4.348l.001-.002h4.346l-.003-.002a3.561 3.561 0 0 0-.58-.361A3.597 3.597 0 0 0 13 6.633c-.653 0-1.202.19-1.59.382a3.561 3.561 0 0 0-.58.36l-.003.003h-.654l-.003-.002a3.557 3.557 0 0 0-.58-.361A3.681 3.681 0 0 0 8.5 6.67v.708h1.673l.001.001H8.5V15.5a.5.5 0 0 1-1 0V7.38H.826A.5.5 0 0 1 0 7c0-1.748.944-3.293 2.396-4.383C3.67 1.66 5.35 1.037 7.204.897A.513.513 0 0 1 7.22.842l.167-.5ZM7.5 7.379V6.67a3.681 3.681 0 0 0-1.67.706l-.003.002L7.5 7.38ZM3 5.633a4.59 4.59 0 0 1 1.964.451c.02-.604.118-1.31.348-2.022a5.848 5.848 0 0 1 1.148-2.07c-1.346.223-2.54.73-3.463 1.424-.962.723-1.617 1.633-1.875 2.629A4.571 4.571 0 0 1 3 5.633ZM6.263 4.37a6.471 6.471 0 0 0-.3 1.75h.003A4.597 4.597 0 0 1 8 5.633a4.59 4.59 0 0 1 2.034.486h.003a6.47 6.47 0 0 0-.3-1.75C9.444 3.461 8.91 2.572 8 1.956c-.911.616-1.444 1.505-1.737 2.413ZM13 5.633c.76 0 1.402.197 1.878.412-.258-.996-.913-1.906-1.875-2.629-.923-.693-2.117-1.201-3.463-1.424.556.634.92 1.36 1.148 2.07.23.712.328 1.418.348 2.022A4.585 4.585 0 0 1 13 5.634ZM.83 7.376l-.004.003h4.348l-.004-.003a3.56 3.56 0 0 0-.58-.361A3.597 3.597 0 0 0 3 6.633c-.653 0-1.202.19-1.59.382a3.56 3.56 0 0 0-.58.36Zm4.344.003a.5.5 0 0 0 .652 0h-.652Z"/>
  <path d="M10.174 7.38h.652a.5.5 0 0 1-.652 0Z"/>
</svg>

Moderate to heavy rain fill#

⇧ top

QWeather Icon Code: 315

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-315-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-315-fill" viewBox="0 0 16 16">
  <path d="M10.293 11.207A1 1 0 0 1 10 10.5c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm-9 .5A1 1 0 0 1 1 11c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm4 0A1 1 0 0 1 5 11c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM3 14a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm10-3.5a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm.293 4.707A1 1 0 0 1 13 14.5c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM10 14.5a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Z"/>
  <path d="M7.857 0a.5.5 0 0 0-.474.342l-.167.5a.5.5 0 0 0-.025.191c-3.729.31-6.71 2.74-7.19 5.824-.033.216.397.393.593.283.412-.232 1.055-.445 2.029-.445 1.359 0 2.074.414 2.416.718.13.116.415.116.545 0 .294-.262.864-.604 1.883-.695v8.749a.533.533 0 0 0 1.066 0V6.718c1.019.091 1.589.433 1.883.695.13.116.415.116.545 0 .342-.304 1.057-.718 2.416-.718.974 0 1.617.213 2.03.445.195.11.625-.067.591-.283-.48-3.087-3.464-5.517-7.196-5.824a.5.5 0 0 0-.025-.191l-.166-.5A.5.5 0 0 0 8.136 0h-.279Z"/>
</svg>

Heavy rain to storm#

⇧ top

QWeather Icon Code: 316

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-316"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-316" viewBox="0 0 16 16">
  <path d="M1.293 10.707A1 1 0 0 1 1 10c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm8 0A1 1 0 0 1 9 10c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm2.5 0A1 1 0 0 1 11.5 10c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM14 10a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-.707 4.707A1 1 0 0 1 13 14c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM10 14a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-6-4a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm.293 4.707A1 1 0 0 1 4 14c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM1 14a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Z"/>
  <path d="M7.386.342A.5.5 0 0 1 7.86 0h.28a.5.5 0 0 1 .474.342l.167.5a.513.513 0 0 1 .015.055c1.855.14 3.535.764 4.808 1.72C15.056 3.707 16 5.252 16 7a.5.5 0 0 1-.826.38h-4.348l.001-.002h4.346l-.003-.002a3.561 3.561 0 0 0-.58-.361A3.597 3.597 0 0 0 13 6.633c-.653 0-1.202.19-1.59.382a3.561 3.561 0 0 0-.58.36l-.003.003h-.654l-.003-.002a3.557 3.557 0 0 0-.58-.361A3.681 3.681 0 0 0 8.5 6.67v.708h1.673l.001.001H8.5V15.5a.5.5 0 0 1-1 0V7.38H.826A.5.5 0 0 1 0 7c0-1.748.944-3.293 2.396-4.383C3.67 1.66 5.35 1.037 7.204.897A.513.513 0 0 1 7.22.842l.167-.5ZM7.5 7.379V6.67a3.681 3.681 0 0 0-1.67.706l-.003.002L7.5 7.38ZM3 5.633a4.59 4.59 0 0 1 1.964.451c.02-.604.118-1.31.348-2.022a5.848 5.848 0 0 1 1.148-2.07c-1.346.223-2.54.73-3.463 1.424-.962.723-1.617 1.633-1.875 2.629A4.571 4.571 0 0 1 3 5.633ZM6.263 4.37a6.471 6.471 0 0 0-.3 1.75h.003A4.597 4.597 0 0 1 8 5.633a4.59 4.59 0 0 1 2.034.486h.003a6.47 6.47 0 0 0-.3-1.75C9.444 3.461 8.91 2.572 8 1.956c-.911.616-1.444 1.505-1.737 2.413ZM13 5.633c.76 0 1.402.197 1.878.412-.258-.996-.913-1.906-1.875-2.629-.923-.693-2.117-1.201-3.463-1.424.556.634.92 1.36 1.148 2.07.23.712.328 1.418.348 2.022A4.585 4.585 0 0 1 13 5.634ZM.83 7.376l-.004.003h4.348l-.004-.003a3.56 3.56 0 0 0-.58-.361A3.597 3.597 0 0 0 3 6.633c-.653 0-1.202.19-1.59.382a3.56 3.56 0 0 0-.58.36Zm4.344.003a.5.5 0 0 0 .652 0h-.652Z"/>
  <path d="M10.174 7.38h.652a.5.5 0 0 1-.652 0Z"/>
</svg>

Heavy rain to storm fill#

⇧ top

QWeather Icon Code: 316

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-316-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-316-fill" viewBox="0 0 16 16">
  <path d="M1.293 10.707A1 1 0 0 1 1 10c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm8 0A1 1 0 0 1 9 10c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm2.5 0A1 1 0 0 1 11.5 10c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM14 10a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-.707 4.707A1 1 0 0 1 13 14c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM10 14a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-6-4a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm.293 4.707A1 1 0 0 1 4 14c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM1 14a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Z"/>
  <path d="M7.857 0a.5.5 0 0 0-.474.342l-.167.5a.5.5 0 0 0-.025.191c-3.729.31-6.71 2.74-7.19 5.824-.033.216.397.393.593.283.412-.232 1.055-.445 2.029-.445 1.359 0 2.074.414 2.416.718.13.116.415.116.545 0 .294-.262.864-.604 1.883-.695v8.749a.533.533 0 0 0 1.066 0V6.718c1.019.091 1.589.433 1.883.695.13.116.415.116.545 0 .342-.304 1.057-.718 2.416-.718.974 0 1.617.213 2.03.445.195.11.625-.067.591-.283-.48-3.087-3.464-5.517-7.196-5.824a.5.5 0 0 0-.025-.191l-.166-.5A.5.5 0 0 0 8.136 0h-.279Z"/>
</svg>

Storm to heavy storm#

⇧ top

QWeather Icon Code: 317

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-317"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-317" viewBox="0 0 16 16">
  <path d="M2 8.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2Zm8 0a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2ZM5.5 8a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5Zm6.5.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2Zm2.5-.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5ZM5 12.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2Zm8.5-.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5ZM2 12.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2Zm9.5-.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5Z"/>
  <path d="M7.386.342A.5.5 0 0 1 7.86 0h.28a.5.5 0 0 1 .474.342l.167.5a.513.513 0 0 1 .015.055c1.855.14 3.535.764 4.808 1.72C15.056 3.707 16 5.252 16 7a.5.5 0 0 1-.826.38h-4.348l.001-.002h4.346l-.003-.002a3.561 3.561 0 0 0-.58-.361A3.597 3.597 0 0 0 13 6.633c-.653 0-1.202.19-1.59.382a3.561 3.561 0 0 0-.58.36l-.003.003h-.654l-.003-.002a3.557 3.557 0 0 0-.58-.361A3.681 3.681 0 0 0 8.5 6.67v.708h1.673l.001.001H8.5V15.5a.5.5 0 0 1-1 0V7.38H.826A.5.5 0 0 1 0 7c0-1.748.944-3.293 2.396-4.383C3.67 1.66 5.35 1.037 7.204.897A.513.513 0 0 1 7.22.842l.167-.5ZM7.5 7.379V6.67a3.681 3.681 0 0 0-1.67.706l-.003.002L7.5 7.38ZM3 5.633a4.59 4.59 0 0 1 1.964.451c.02-.604.118-1.31.348-2.022a5.848 5.848 0 0 1 1.148-2.07c-1.346.223-2.54.73-3.463 1.424-.962.723-1.617 1.633-1.875 2.629A4.571 4.571 0 0 1 3 5.633ZM6.263 4.37a6.471 6.471 0 0 0-.3 1.75h.003A4.597 4.597 0 0 1 8 5.633a4.59 4.59 0 0 1 2.034.486h.003a6.47 6.47 0 0 0-.3-1.75C9.444 3.461 8.91 2.572 8 1.956c-.911.616-1.444 1.505-1.737 2.413ZM13 5.633c.76 0 1.402.197 1.878.412-.258-.996-.913-1.906-1.875-2.629-.923-.693-2.117-1.201-3.463-1.424.556.634.92 1.36 1.148 2.07.23.712.328 1.418.348 2.022A4.585 4.585 0 0 1 13 5.634ZM.83 7.376l-.004.003h4.348l-.004-.003a3.56 3.56 0 0 0-.58-.361A3.597 3.597 0 0 0 3 6.633c-.653 0-1.202.19-1.59.382a3.56 3.56 0 0 0-.58.36Zm4.344.003a.5.5 0 0 0 .652 0h-.652Z"/>
  <path d="M10.174 7.38h.652a.5.5 0 0 1-.652 0Z"/>
</svg>

Storm to heavy storm fill#

⇧ top

QWeather Icon Code: 317

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-317-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-317-fill" viewBox="0 0 16 16">
  <path d="M2 8.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2Zm8 0a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2ZM5.5 8a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5Zm6.5.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2Zm2.5-.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5ZM5 12.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2Zm8.5-.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5ZM2 12.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2Zm9.5-.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5Z"/>
  <path d="M7.857 0a.5.5 0 0 0-.474.342l-.167.5a.5.5 0 0 0-.025.191c-3.729.31-6.71 2.74-7.19 5.824-.033.216.397.393.593.283.412-.232 1.055-.445 2.029-.445 1.359 0 2.074.414 2.416.718.13.116.415.116.545 0 .294-.262.864-.604 1.883-.695v8.749a.533.533 0 0 0 1.066 0V6.718c1.019.091 1.589.433 1.883.695.13.116.415.116.545 0 .342-.304 1.057-.718 2.416-.718.974 0 1.617.213 2.03.445.195.11.625-.067.591-.283-.48-3.087-3.464-5.517-7.196-5.824a.5.5 0 0 0-.025-.191l-.166-.5A.5.5 0 0 0 8.136 0h-.279Z"/>
</svg>

Heavy to severe storm#

⇧ top

QWeather Icon Code: 318

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-318"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-318" viewBox="0 0 16 16">
  <path d="M1 8.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2Zm2 0a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2ZM5.5 8a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5ZM4 12.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2ZM2.5 12a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5ZM10 8.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2Zm2.5-.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5Zm1.5.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2Zm.5 3.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5Zm-4.5.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2Zm2.5-.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5Z"/>
  <path d="M7.386.342A.5.5 0 0 1 7.86 0h.28a.5.5 0 0 1 .474.342l.167.5a.513.513 0 0 1 .015.055c1.855.14 3.535.764 4.808 1.72C15.056 3.707 16 5.252 16 7a.5.5 0 0 1-.826.38h-4.348l.001-.002h4.346l-.003-.002a3.561 3.561 0 0 0-.58-.361A3.597 3.597 0 0 0 13 6.633c-.653 0-1.202.19-1.59.382a3.561 3.561 0 0 0-.58.36l-.003.003h-.654l-.003-.002a3.557 3.557 0 0 0-.58-.361A3.681 3.681 0 0 0 8.5 6.67v.708h1.673l.001.001H8.5V15.5a.5.5 0 0 1-1 0V7.38H.826A.5.5 0 0 1 0 7c0-1.748.944-3.293 2.396-4.383C3.67 1.66 5.35 1.037 7.204.897A.513.513 0 0 1 7.22.842l.167-.5ZM7.5 7.379V6.67a3.681 3.681 0 0 0-1.67.706l-.003.002L7.5 7.38ZM3 5.633a4.59 4.59 0 0 1 1.964.451c.02-.604.118-1.31.348-2.022a5.848 5.848 0 0 1 1.148-2.07c-1.346.223-2.54.73-3.463 1.424-.962.723-1.617 1.633-1.875 2.629A4.571 4.571 0 0 1 3 5.633ZM6.263 4.37a6.471 6.471 0 0 0-.3 1.75h.003A4.597 4.597 0 0 1 8 5.633a4.59 4.59 0 0 1 2.034.486h.003a6.47 6.47 0 0 0-.3-1.75C9.444 3.461 8.91 2.572 8 1.956c-.911.616-1.444 1.505-1.737 2.413ZM13 5.633c.76 0 1.402.197 1.878.412-.258-.996-.913-1.906-1.875-2.629-.923-.693-2.117-1.201-3.463-1.424.556.634.92 1.36 1.148 2.07.23.712.328 1.418.348 2.022A4.585 4.585 0 0 1 13 5.634ZM.83 7.376l-.004.003h4.348l-.004-.003a3.56 3.56 0 0 0-.58-.361A3.597 3.597 0 0 0 3 6.633c-.653 0-1.202.19-1.59.382a3.56 3.56 0 0 0-.58.36Zm4.344.003a.5.5 0 0 0 .652 0h-.652Z"/>
  <path d="M10.174 7.38h.652a.5.5 0 0 1-.652 0Z"/>
</svg>

Heavy to severe storm fill#

⇧ top

QWeather Icon Code: 318

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-318-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-318-fill" viewBox="0 0 16 16">
  <path d="M1 8.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2Zm2 0a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2ZM5.5 8a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5ZM4 12.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2ZM2.5 12a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5ZM10 8.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2Zm2.5-.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5Zm1.5.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2Zm.5 3.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5Zm-4.5.5a.5.5 0 0 1 1 0v2a.5.5 0 0 1-1 0v-2Zm2.5-.5a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5Z"/>
  <path d="M7.857 0a.5.5 0 0 0-.474.342l-.167.5a.5.5 0 0 0-.025.191c-3.729.31-6.71 2.74-7.19 5.824-.033.216.397.393.593.283.412-.232 1.055-.445 2.029-.445 1.359 0 2.074.414 2.416.718.13.116.415.116.545 0 .294-.262.864-.604 1.883-.695v8.749a.533.533 0 0 0 1.066 0V6.718c1.019.091 1.589.433 1.883.695.13.116.415.116.545 0 .342-.304 1.057-.718 2.416-.718.974 0 1.617.213 2.03.445.195.11.625-.067.591-.283-.48-3.087-3.464-5.517-7.196-5.824a.5.5 0 0 0-.025-.191l-.166-.5A.5.5 0 0 0 8.136 0h-.279Z"/>
</svg>

Shower rain night#

⇧ top

QWeather Icon Code: 350

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-350"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-350" viewBox="0 0 16 16">
  <path d="M3.5 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm6 0a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-2.094-2.5a4.766 4.766 0 0 0 3.446-1.449.323.323 0 0 1 .341-.075c.31.113.645.174.995.174C13.74 11.15 15 9.941 15 8.45s-1.26-2.7-2.813-2.7c-.157 0-.312.013-.463.037a.32.32 0 0 1-.32-.138C10.58 4.36 9.098 3.5 7.406 3.5c-1.682 0-3.157.85-3.984 2.128a.318.318 0 0 1-.3.138 2.962 2.962 0 0 0-.31-.016C1.26 5.75 0 6.959 0 8.45s1.26 2.7 2.813 2.7c.302 0 .594-.046.867-.131a.322.322 0 0 1 .324.077A4.768 4.768 0 0 0 7.406 12.5Zm3.661-2.606c-.161-.116-.41-.088-.52.074a3.788 3.788 0 0 1-3.14 1.632 3.792 3.792 0 0 1-3.091-1.56c-.106-.147-.326-.178-.482-.08a1.93 1.93 0 0 1-1.022.29c-1.035 0-1.874-.806-1.874-1.8s.839-1.8 1.875-1.8c.24 0 .47.044.682.123.173.065.383-.008.455-.173.569-1.293 1.902-2.2 3.456-2.2 1.575 0 2.924.932 3.48 2.254.075.18.314.254.496.17.244-.111.517-.174.806-.174 1.035 0 1.874.806 1.874 1.8s-.839 1.8-1.874 1.8c-.42 0-.808-.133-1.12-.356Zm4.399-5.679a.31.31 0 0 0-.08.01 3.066 3.066 0 0 1-1.866-.076A3.183 3.183 0 0 1 11.492.364.29.29 0 0 0 11.22 0a.28.28 0 0 0-.104.02 3.546 3.546 0 0 0-2.21 3.096c.34.063.671.16.99.293a2.56 2.56 0 0 1 .54-1.671 4.166 4.166 0 0 0 2.755 3.356c.274.096.558.164.846.203a2.611 2.611 0 0 1-.239.163c.304.173.582.39.823.643a3.553 3.553 0 0 0 1.12-1.504.285.285 0 0 0-.275-.384Z"/>
</svg>

Shower rain night fill#

⇧ top

QWeather Icon Code: 350

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-350-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-350-fill" viewBox="0 0 16 16">
  <path d="M3.5 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm6 0a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm1.494-4.104A4.758 4.758 0 0 1 7.406 12.5a4.76 4.76 0 0 1-3.537-1.547 2.908 2.908 0 0 1-1.057.197C1.26 11.15 0 9.941 0 8.45s1.26-2.7 2.813-2.7c.173 0 .342.015.507.044C4.124 4.424 5.652 3.5 7.406 3.5c1.769 0 3.308.94 4.107 2.328a2.93 2.93 0 0 1 .675-.078C13.74 5.75 15 6.959 15 8.45s-1.26 2.7-2.813 2.7a2.9 2.9 0 0 1-1.193-.254Zm4.472-6.681a.31.31 0 0 0-.08.01 3.066 3.066 0 0 1-1.866-.076A3.183 3.183 0 0 1 11.492.364.29.29 0 0 0 11.22 0a.28.28 0 0 0-.104.02 3.546 3.546 0 0 0-2.21 3.096c.34.063.671.16.99.293a2.56 2.56 0 0 1 .54-1.671 4.166 4.166 0 0 0 2.755 3.356c.274.096.558.164.846.203a2.611 2.611 0 0 1-.239.163c.304.173.582.39.823.643a3.553 3.553 0 0 0 1.12-1.504.285.285 0 0 0-.275-.384Z"/>
</svg>

Heavy shower rain night#

⇧ top

QWeather Icon Code: 351

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-351"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-351" viewBox="0 0 16 16">
  <path d="M3.293 14.707A1 1 0 0 1 3 14c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm7 0A1 1 0 0 1 10 14c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM6.5 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm.906-2.5a4.766 4.766 0 0 0 3.446-1.449.323.323 0 0 1 .341-.075c.31.113.645.174.995.174C13.74 11.15 15 9.941 15 8.45s-1.26-2.7-2.813-2.7c-.157 0-.312.013-.463.037a.32.32 0 0 1-.32-.138C10.58 4.36 9.098 3.5 7.406 3.5c-1.682 0-3.157.85-3.984 2.128a.318.318 0 0 1-.3.138 2.962 2.962 0 0 0-.31-.016C1.26 5.75 0 6.959 0 8.45s1.26 2.7 2.813 2.7c.302 0 .594-.046.867-.131a.322.322 0 0 1 .324.077A4.768 4.768 0 0 0 7.406 12.5Zm3.661-2.606c-.161-.116-.41-.088-.52.074a3.788 3.788 0 0 1-3.14 1.632 3.792 3.792 0 0 1-3.091-1.56c-.106-.147-.326-.178-.482-.08a1.93 1.93 0 0 1-1.022.29c-1.035 0-1.874-.806-1.874-1.8s.839-1.8 1.875-1.8c.24 0 .47.044.682.123.173.065.383-.008.455-.173.569-1.293 1.902-2.2 3.456-2.2 1.575 0 2.924.932 3.48 2.254.075.18.314.254.496.17.244-.111.517-.174.806-.174 1.035 0 1.874.806 1.874 1.8s-.839 1.8-1.874 1.8c-.42 0-.808-.133-1.12-.356Zm4.399-5.679a.31.31 0 0 0-.08.01 3.066 3.066 0 0 1-1.866-.076A3.183 3.183 0 0 1 11.492.364.29.29 0 0 0 11.22 0a.28.28 0 0 0-.104.02 3.546 3.546 0 0 0-2.21 3.096c.34.063.671.16.99.293a2.56 2.56 0 0 1 .54-1.671 4.166 4.166 0 0 0 2.755 3.356c.274.096.558.164.846.203a2.611 2.611 0 0 1-.239.163c.304.173.582.39.823.643a3.553 3.553 0 0 0 1.12-1.504.285.285 0 0 0-.275-.384Z"/>
</svg>

Heavy shower rain night fill#

⇧ top

QWeather Icon Code: 351

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-351-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-351-fill" viewBox="0 0 16 16">
  <path d="M3.293 14.707A1 1 0 0 1 3 14c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm7 0A1 1 0 0 1 10 14c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM6.5 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm4.494-4.104A4.758 4.758 0 0 1 7.406 12.5a4.76 4.76 0 0 1-3.537-1.547 2.908 2.908 0 0 1-1.057.197C1.26 11.15 0 9.941 0 8.45s1.26-2.7 2.813-2.7c.173 0 .342.015.507.044C4.124 4.424 5.652 3.5 7.406 3.5c1.769 0 3.308.94 4.107 2.328a2.93 2.93 0 0 1 .675-.078C13.74 5.75 15 6.959 15 8.45s-1.26 2.7-2.813 2.7a2.9 2.9 0 0 1-1.193-.254Zm4.472-6.681a.31.31 0 0 0-.08.01 3.066 3.066 0 0 1-1.866-.076A3.183 3.183 0 0 1 11.492.364.29.29 0 0 0 11.22 0a.28.28 0 0 0-.104.02 3.546 3.546 0 0 0-2.21 3.096c.34.063.671.16.99.293a2.56 2.56 0 0 1 .54-1.671 4.166 4.166 0 0 0 2.755 3.356c.274.096.558.164.846.203a2.611 2.611 0 0 1-.239.163c.304.173.582.39.823.643a3.553 3.553 0 0 0 1.12-1.504.285.285 0 0 0-.275-.384Z"/>
</svg>

Rain#

⇧ top

QWeather Icon Code: 399

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-399"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-399" viewBox="0 0 16 16">
  <path d="M1 11a4 4 0 1 0 8 0c0-.46-.132-1.083-.41-1.853-.273-.757-.666-1.6-1.137-2.477C6.736 5.337 5.859 3.958 5 2.72c-.86 1.238-1.736 2.617-2.453 3.95-.471.878-.864 1.72-1.138 2.477C1.132 9.917 1 10.541 1 11Zm3.385-9.146C4.593 1.56 4.8 1.274 5 1c.201.274.407.56.615.854C7.703 4.82 10 8.726 10 11a5 5 0 1 1-10 0c0-2.274 2.297-6.181 4.385-9.146ZM10.8 5.333c0-.184.062-.472.223-.868.155-.384.383-.819.662-1.28.384-.636.85-1.295 1.315-1.901.466.606.93 1.265 1.316 1.901.278.461.505.896.661 1.28.16.396.223.684.223.868 0 .463-.206.929-.61 1.288A2.401 2.401 0 0 1 13 7.2a2.401 2.401 0 0 1-1.59-.579c-.404-.36-.61-.825-.61-1.288ZM12.488.637C11.276 2.193 10 4.167 10 5.333c0 .708.316 1.386.879 1.886.562.5 1.325.781 2.121.781s1.559-.28 2.121-.781c.563-.5.879-1.178.879-1.886 0-1.166-1.276-3.14-2.488-4.696A28.476 28.476 0 0 0 13 0c-.167.202-.338.415-.512.637Z"/>
</svg>

Rain fill#

⇧ top

QWeather Icon Code: 399

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-399-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-399-fill" viewBox="0 0 16 16">
  <path d="M1.464 14.536A5 5 0 0 1 0 11C0 8.5 2.777 4.025 5 1c2.223 3.025 5 7.5 5 10a5 5 0 0 1-8.536 3.536Zm9.415-7.317c-.563-.5-.879-1.178-.879-1.886C10 4 11.666 1.613 13 0c1.334 1.613 3 4 3 5.333 0 .708-.316 1.386-.879 1.886C14.56 7.719 13.796 8 13 8s-1.559-.28-2.121-.781Z"/>
</svg>

Light snow#

⇧ top

QWeather Icon Code: 400

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-400"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-400" viewBox="0 0 16 16">
  <path d="M5.501 12a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm5 0a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35ZM7.9 10c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Light snow fill#

⇧ top

QWeather Icon Code: 400

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-400-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-400-fill" viewBox="0 0 16 16">
  <path d="M5.501 12a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm5 0a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm1.226-3.783A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Moderate snow#

⇧ top

QWeather Icon Code: 401

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-401"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-401" viewBox="0 0 16 16">
  <path d="M3.151 11.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm9 0a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544ZM8.001 13a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35ZM7.9 10c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Moderate snow fill#

⇧ top

QWeather Icon Code: 401

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-401-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-401-fill" viewBox="0 0 16 16">
  <path d="M3.151 11.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm9 0a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544ZM8.001 13a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm3.726-4.783A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Heavy snow#

⇧ top

QWeather Icon Code: 402

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-402"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-402" viewBox="0 0 16 16">
  <path d="M1.501 10a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm4 2a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm4.65.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm4.35-2.35a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35ZM7.9 10c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Heavy snow fill#

⇧ top

QWeather Icon Code: 402

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-402-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-402-fill" viewBox="0 0 16 16">
  <path d="M1.501 10a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm4 2a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm4.65.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm4.35-2.35a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm-2.774-1.783A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Snowstorm#

⇧ top

QWeather Icon Code: 403

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-403"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-403" viewBox="0 0 16 16">
  <path d="M1.501 10a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm12.65.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm-6.5 3a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm-3.5-1a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm7.35-.35a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35ZM7.9 10c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Snowstorm fill#

⇧ top

QWeather Icon Code: 403

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-403-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-403-fill" viewBox="0 0 16 16">
  <path d="M1.501 10a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm12.65.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm-6.5 3a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm-3.5-1a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm7.35-.35a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm.226-3.783A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Sleet#

⇧ top

QWeather Icon Code: 404

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-404"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-404" viewBox="0 0 16 16">
  <path d="M1 13a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm12 0a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-7.849.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm5.35-.35a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35ZM7.9 10c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Sleet fill#

⇧ top

QWeather Icon Code: 404

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-404-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-404-fill" viewBox="0 0 16 16">
  <path d="M1 13a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm12 0a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-7.849.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm5.35-.35a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm1.226-4.783A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Rain and snow#

⇧ top

QWeather Icon Code: 405

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-405"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-405" viewBox="0 0 16 16">
  <path d="M0 14a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm4 0a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm5.151-1.65a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm5.35-.35a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35ZM7.9 10c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Rain and snow fill#

⇧ top

QWeather Icon Code: 405

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-405-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-405-fill" viewBox="0 0 16 16">
  <path d="M0 14a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm4 0a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm5.151-1.65a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm5.35-.35a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm-2.774-3.783A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Shower snow#

⇧ top

QWeather Icon Code: 406

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-406"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-406" viewBox="0 0 16 16">
  <path d="M4.575 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm6.501-2a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm-2.67-.5a4.766 4.766 0 0 0 3.446-1.449.323.323 0 0 1 .341-.075c.31.113.645.174.995.174C14.74 11.15 16 9.941 16 8.45s-1.26-2.7-2.813-2.7c-.157 0-.312.013-.463.037a.32.32 0 0 1-.32-.138C11.58 4.36 10.098 3.5 8.406 3.5c-1.682 0-3.157.85-3.984 2.128a.318.318 0 0 1-.3.138 2.962 2.962 0 0 0-.31-.016C2.26 5.75 1 6.959 1 8.45s1.26 2.7 2.813 2.7c.302 0 .594-.046.867-.131a.322.322 0 0 1 .324.077A4.768 4.768 0 0 0 8.406 12.5Zm3.661-2.606c-.161-.116-.41-.088-.52.074a3.788 3.788 0 0 1-3.14 1.632 3.792 3.792 0 0 1-3.091-1.56c-.106-.147-.326-.178-.482-.08-.294.183-.645.29-1.021.29-1.036 0-1.876-.806-1.876-1.8s.84-1.8 1.875-1.8c.241 0 .471.044.683.123.173.065.383-.008.455-.173.569-1.293 1.902-2.2 3.456-2.2 1.575 0 2.924.932 3.48 2.254.075.18.314.254.496.17.244-.111.517-.174.806-.174 1.035 0 1.874.806 1.874 1.8s-.839 1.8-1.874 1.8c-.42 0-.808-.133-1.12-.356Zm-6.872-7.99h.007a.5.5 0 0 0 .493-.506L5.683.494a.5.5 0 0 0-.5-.494h-.007a.5.5 0 0 0-.493.506l.012.905a.5.5 0 0 0 .5.493Zm-2.892.946a.5.5 0 1 0 .698-.716l-.648-.63a.5.5 0 1 0-.697.715l.647.631Zm-.179 2.203a.5.5 0 0 0-.5-.493h-.007l-.904.011a.5.5 0 0 0 .006 1h.007l.905-.011a.5.5 0 0 0 .493-.507Zm5.638-2.12a.5.5 0 0 0 .359-.151l.63-.648a.5.5 0 0 0-.716-.698l-.631.647a.5.5 0 0 0 .358.85ZM2.47 5.315a3.53 3.53 0 0 1 1.018-.288 1.83 1.83 0 0 1 1.811-1.603c.188.003.375.035.553.095.407-.193.838-.33 1.282-.405a2.82 2.82 0 0 0-4.67 2.145c0 .02.006.037.006.056Z"/>
</svg>

Shower snow fill#

⇧ top

QWeather Icon Code: 406

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-406-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-406-fill" viewBox="0 0 16 16">
  <path d="M4.575 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm6.501-2a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm.918-2.104A4.758 4.758 0 0 1 8.406 12.5a4.76 4.76 0 0 1-3.537-1.547 2.908 2.908 0 0 1-1.056.197C2.258 11.15 1 9.941 1 8.45s1.26-2.7 2.813-2.7c.173 0 .342.015.507.044C5.124 4.424 6.652 3.5 8.406 3.5c1.769 0 3.308.94 4.107 2.328a2.93 2.93 0 0 1 .675-.078C14.74 5.75 16 6.959 16 8.45s-1.26 2.7-2.813 2.7a2.9 2.9 0 0 1-1.193-.254ZM5.195 1.904h.007a.5.5 0 0 0 .493-.506L5.683.494a.5.5 0 0 0-.5-.494h-.007a.5.5 0 0 0-.493.506l.012.905a.5.5 0 0 0 .5.493Zm-2.892.946a.5.5 0 1 0 .698-.716l-.648-.63a.5.5 0 1 0-.697.715l.647.631Zm-.179 2.203a.5.5 0 0 0-.5-.493h-.007l-.904.011a.5.5 0 0 0 .006 1h.007l.905-.011a.5.5 0 0 0 .493-.507Zm5.638-2.12a.5.5 0 0 0 .359-.151l.63-.648a.5.5 0 0 0-.716-.698l-.631.647a.5.5 0 0 0 .358.85ZM2.47 5.315a3.53 3.53 0 0 1 1.018-.288 1.83 1.83 0 0 1 1.811-1.603c.188.003.375.035.553.095.407-.193.838-.33 1.282-.405a2.82 2.82 0 0 0-4.67 2.145c0 .02.006.037.006.056Z"/>
</svg>

Snow flurry#

⇧ top

QWeather Icon Code: 407

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-407"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-407" viewBox="0 0 16 16">
  <path d="M5.996 13a.35.35 0 0 0-.35.35v.544l-.471-.272a.35.35 0 1 0-.35.606l.471.272-.471.272a.35.35 0 1 0 .35.606l.471-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm5 0a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.351.606l.471.272-.471.272a.35.35 0 1 0 .35.606l.471-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm-2.59-.5a4.766 4.766 0 0 0 3.446-1.449.323.323 0 0 1 .341-.075c.31.113.645.174.995.174C14.74 11.15 16 9.941 16 8.45s-1.26-2.7-2.813-2.7c-.157 0-.312.013-.463.037a.32.32 0 0 1-.32-.138C11.58 4.36 10.098 3.5 8.406 3.5c-1.682 0-3.157.85-3.984 2.128a.318.318 0 0 1-.3.138 2.962 2.962 0 0 0-.31-.016C2.26 5.75 1 6.959 1 8.45s1.26 2.7 2.813 2.7c.302 0 .594-.046.867-.131a.322.322 0 0 1 .324.077A4.768 4.768 0 0 0 8.406 12.5Zm3.661-2.606c-.161-.116-.41-.088-.52.074a3.788 3.788 0 0 1-3.14 1.632 3.792 3.792 0 0 1-3.091-1.56c-.106-.147-.326-.178-.482-.08-.294.183-.645.29-1.021.29-1.036 0-1.876-.806-1.876-1.8s.84-1.8 1.875-1.8c.241 0 .471.044.683.123.173.065.383-.008.455-.173.569-1.293 1.902-2.2 3.456-2.2 1.575 0 2.924.932 3.48 2.254.075.18.314.254.496.17.244-.111.517-.174.806-.174 1.035 0 1.874.806 1.874 1.8s-.839 1.8-1.874 1.8c-.42 0-.808-.133-1.12-.356Zm-6.872-7.99h.007a.5.5 0 0 0 .493-.506L5.683.494a.5.5 0 0 0-.5-.494h-.007a.5.5 0 0 0-.493.506l.012.905a.5.5 0 0 0 .5.493Zm-2.892.946a.5.5 0 1 0 .698-.716l-.648-.63a.5.5 0 1 0-.697.715l.647.631Zm-.179 2.203a.5.5 0 0 0-.5-.493h-.007l-.904.011a.5.5 0 0 0 .006 1h.007l.905-.011a.5.5 0 0 0 .493-.507Zm5.638-2.12a.5.5 0 0 0 .359-.151l.63-.648a.5.5 0 0 0-.716-.698l-.631.647a.5.5 0 0 0 .358.85ZM2.47 5.315a3.53 3.53 0 0 1 1.018-.288 1.83 1.83 0 0 1 1.811-1.603c.188.003.375.035.553.095.407-.193.838-.33 1.282-.405a2.82 2.82 0 0 0-4.67 2.145c0 .02.006.037.006.056Z"/>
</svg>

Snow flurry fill#

⇧ top

QWeather Icon Code: 407

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-407-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-407-fill" viewBox="0 0 16 16">
  <path d="M5.996 13a.35.35 0 0 0-.35.35v.544l-.471-.272a.35.35 0 1 0-.35.606l.471.272-.471.272a.35.35 0 1 0 .35.606l.471-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm5 0a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.351.606l.471.272-.471.272a.35.35 0 1 0 .35.606l.471-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm.998-2.104A4.758 4.758 0 0 1 8.406 12.5a4.76 4.76 0 0 1-3.537-1.547 2.908 2.908 0 0 1-1.056.197C2.258 11.15 1 9.941 1 8.45s1.26-2.7 2.813-2.7c.173 0 .342.015.507.044C5.124 4.424 6.652 3.5 8.406 3.5c1.769 0 3.308.94 4.107 2.328a2.93 2.93 0 0 1 .675-.078C14.74 5.75 16 6.959 16 8.45s-1.26 2.7-2.813 2.7a2.9 2.9 0 0 1-1.193-.254ZM5.195 1.904h.007a.5.5 0 0 0 .493-.506L5.683.494a.5.5 0 0 0-.5-.494h-.007a.5.5 0 0 0-.493.506l.012.905a.5.5 0 0 0 .5.493Zm-2.892.946a.5.5 0 1 0 .698-.716l-.648-.63a.5.5 0 1 0-.697.715l.647.631Zm-.179 2.203a.5.5 0 0 0-.5-.493h-.007l-.904.011a.5.5 0 0 0 .006 1h.007l.905-.011a.5.5 0 0 0 .493-.507Zm5.638-2.12a.5.5 0 0 0 .359-.151l.63-.648a.5.5 0 0 0-.716-.698l-.631.647a.5.5 0 0 0 .358.85ZM2.47 5.315a3.53 3.53 0 0 1 1.018-.288 1.83 1.83 0 0 1 1.811-1.603c.188.003.375.035.553.095.407-.193.838-.33 1.282-.405a2.82 2.82 0 0 0-4.67 2.145c0 .02.006.037.006.056Z"/>
</svg>

Light to moderate snow#

⇧ top

QWeather Icon Code: 408

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-408"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-408" viewBox="0 0 16 16">
  <path d="M12.151 8.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272V8.35Zm-9 2a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm9.35 1.65a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Z"/>
  <path d="M7.386.342A.5.5 0 0 1 7.86 0h.28a.5.5 0 0 1 .474.342l.167.5a.513.513 0 0 1 .015.055c1.855.14 3.535.764 4.808 1.72C15.056 3.707 16 5.252 16 7a.5.5 0 0 1-.826.38h-4.348l.001-.002h4.346l-.003-.002a3.561 3.561 0 0 0-.58-.361A3.597 3.597 0 0 0 13 6.633c-.653 0-1.202.19-1.59.382a3.561 3.561 0 0 0-.58.36l-.003.003h-.654l-.003-.002a3.557 3.557 0 0 0-.58-.361A3.681 3.681 0 0 0 8.5 6.67v.708h1.673l.001.001H8.5V15.5a.5.5 0 0 1-1 0V7.38H.826A.5.5 0 0 1 0 7c0-1.748.944-3.293 2.396-4.383C3.67 1.66 5.35 1.037 7.204.897A.513.513 0 0 1 7.22.842l.167-.5ZM7.5 7.379V6.67a3.681 3.681 0 0 0-1.67.706l-.003.002L7.5 7.38ZM3 5.633a4.59 4.59 0 0 1 1.964.451c.02-.604.118-1.31.348-2.022a5.848 5.848 0 0 1 1.148-2.07c-1.346.223-2.54.73-3.463 1.424-.962.723-1.617 1.633-1.875 2.629A4.571 4.571 0 0 1 3 5.633ZM6.263 4.37a6.471 6.471 0 0 0-.3 1.75h.003A4.597 4.597 0 0 1 8 5.633a4.59 4.59 0 0 1 2.034.486h.003a6.47 6.47 0 0 0-.3-1.75C9.444 3.461 8.91 2.572 8 1.956c-.911.616-1.444 1.505-1.737 2.413ZM13 5.633c.76 0 1.402.197 1.878.412-.258-.996-.913-1.906-1.875-2.629-.923-.693-2.117-1.201-3.463-1.424.556.634.92 1.36 1.148 2.07.23.712.328 1.418.348 2.022A4.585 4.585 0 0 1 13 5.634ZM.83 7.376l-.004.003h4.348l-.004-.003a3.56 3.56 0 0 0-.58-.361A3.597 3.597 0 0 0 3 6.633c-.653 0-1.202.19-1.59.382a3.56 3.56 0 0 0-.58.36Zm4.344.003a.5.5 0 0 0 .652 0h-.652Z"/>
  <path d="M10.174 7.38h.652a.5.5 0 0 1-.652 0Z"/>
</svg>

Light to moderate snow fill#

⇧ top

QWeather Icon Code: 408

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-408-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-408-fill" viewBox="0 0 16 16">
  <path d="M12.151 8.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272V8.35Zm-9 2a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm9.35 1.65a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Z"/>
  <path d="M7.857 0a.5.5 0 0 0-.474.342l-.167.5a.5.5 0 0 0-.025.191c-3.729.31-6.71 2.74-7.19 5.824-.033.216.397.393.593.283.412-.232 1.055-.445 2.029-.445 1.359 0 2.074.414 2.416.718.13.116.415.116.545 0 .294-.262.864-.604 1.883-.695v8.749a.533.533 0 0 0 1.066 0V6.718c1.019.091 1.589.433 1.883.695.13.116.415.116.545 0 .342-.304 1.057-.718 2.416-.718.974 0 1.617.213 2.03.445.195.11.625-.067.591-.283-.48-3.087-3.464-5.517-7.196-5.824a.5.5 0 0 0-.025-.191l-.166-.5A.5.5 0 0 0 8.136 0h-.279Z"/>
</svg>

Moderate to heavy snow#

⇧ top

QWeather Icon Code: 409

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-409"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-409" viewBox="0 0 16 16">
  <path d="M1.151 9.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 0 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606L.8 10.5l-.47-.272a.35.35 0 1 1 .35-.606l.47.272V9.35Zm4 0a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 0 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272V9.35Zm5.35-.35a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 0 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272V9.35a.35.35 0 0 0-.35-.35Zm3.65.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272V9.35ZM12.501 12a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Z"/>
  <path d="M7.386.342A.5.5 0 0 1 7.86 0h.28a.5.5 0 0 1 .474.342l.167.5a.513.513 0 0 1 .015.055c1.855.14 3.535.764 4.808 1.72C15.056 3.707 16 5.252 16 7a.5.5 0 0 1-.826.38h-4.348l.001-.002h4.346l-.003-.002a3.561 3.561 0 0 0-.58-.361A3.597 3.597 0 0 0 13 6.633c-.653 0-1.202.19-1.59.382a3.561 3.561 0 0 0-.58.36l-.003.003h-.654l-.003-.002a3.557 3.557 0 0 0-.58-.361A3.681 3.681 0 0 0 8.5 6.67v.708h1.673l.001.001H8.5V15.5a.5.5 0 0 1-1 0V7.38H.826A.5.5 0 0 1 0 7c0-1.748.944-3.293 2.396-4.383C3.67 1.66 5.35 1.037 7.204.897A.513.513 0 0 1 7.22.842l.167-.5ZM7.5 7.379V6.67a3.681 3.681 0 0 0-1.67.706l-.003.002L7.5 7.38ZM3 5.633a4.59 4.59 0 0 1 1.964.451c.02-.604.118-1.31.348-2.022a5.848 5.848 0 0 1 1.148-2.07c-1.346.223-2.54.73-3.463 1.424-.962.723-1.617 1.633-1.875 2.629A4.571 4.571 0 0 1 3 5.633ZM6.263 4.37a6.471 6.471 0 0 0-.3 1.75h.003A4.597 4.597 0 0 1 8 5.633a4.59 4.59 0 0 1 2.034.486h.003a6.47 6.47 0 0 0-.3-1.75C9.444 3.461 8.91 2.572 8 1.956c-.911.616-1.444 1.505-1.737 2.413ZM13 5.633c.76 0 1.402.197 1.878.412-.258-.996-.913-1.906-1.875-2.629-.923-.693-2.117-1.201-3.463-1.424.556.634.92 1.36 1.148 2.07.23.712.328 1.418.348 2.022A4.585 4.585 0 0 1 13 5.634ZM.83 7.376l-.004.003h4.348l-.004-.003a3.56 3.56 0 0 0-.58-.361A3.597 3.597 0 0 0 3 6.633c-.653 0-1.202.19-1.59.382a3.56 3.56 0 0 0-.58.36Zm4.344.003a.5.5 0 0 0 .652 0h-.652Z"/>
  <path d="M10.174 7.38h.652a.5.5 0 0 1-.652 0Z"/>
</svg>

Moderate to heavy snow fill#

⇧ top

QWeather Icon Code: 409

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-409-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-409-fill" viewBox="0 0 16 16">
  <path d="M1.151 9.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 0 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606L.8 10.5l-.47-.272a.35.35 0 1 1 .35-.606l.47.272V9.35Zm4 0a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 0 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272V9.35Zm5.35-.35a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 0 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272V9.35a.35.35 0 0 0-.35-.35Zm3.65.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272V9.35ZM12.501 12a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Z"/>
  <path d="M7.857 0a.5.5 0 0 0-.474.342l-.167.5a.5.5 0 0 0-.025.191c-3.729.31-6.71 2.74-7.19 5.824-.033.216.397.393.593.283.412-.232 1.055-.445 2.029-.445 1.359 0 2.074.414 2.416.718.13.116.415.116.545 0 .294-.262.864-.604 1.883-.695v8.749a.533.533 0 0 0 1.066 0V6.718c1.019.091 1.589.433 1.883.695.13.116.415.116.545 0 .342-.304 1.057-.718 2.416-.718.974 0 1.617.213 2.03.445.195.11.625-.067.591-.283-.48-3.087-3.464-5.517-7.196-5.824a.5.5 0 0 0-.025-.191l-.166-.5A.5.5 0 0 0 8.136 0h-.279Z"/>
</svg>

Heavy snow to snowstorm#

⇧ top

QWeather Icon Code: 410

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-410"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-410" viewBox="0 0 16 16">
  <path d="M10.151 8.85a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606L9.8 10l-.47-.272a.35.35 0 0 1 .35-.606l.47.272V8.85Zm-9 .5a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 0 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606L.8 10.5l-.47-.272a.35.35 0 1 1 .35-.606l.47.272V9.35Zm4 0a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 0 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272V9.35ZM3.501 12a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm11-3.5a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272V8.85a.35.35 0 0 0-.35-.35Zm-4.35 4.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606L9.8 14l-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm4.35-.35a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Z"/>
  <path d="M7.386.342A.5.5 0 0 1 7.86 0h.28a.5.5 0 0 1 .474.342l.167.5a.513.513 0 0 1 .015.055c1.855.14 3.535.764 4.808 1.72C15.056 3.707 16 5.252 16 7a.5.5 0 0 1-.826.38h-4.348l.001-.002h4.346l-.003-.002a3.561 3.561 0 0 0-.58-.361A3.597 3.597 0 0 0 13 6.633c-.653 0-1.202.19-1.59.382a3.561 3.561 0 0 0-.58.36l-.003.003h-.654l-.003-.002a3.557 3.557 0 0 0-.58-.361A3.681 3.681 0 0 0 8.5 6.67v.708h1.673l.001.001H8.5V15.5a.5.5 0 0 1-1 0V7.38H.826A.5.5 0 0 1 0 7c0-1.748.944-3.293 2.396-4.383C3.67 1.66 5.35 1.037 7.204.897A.513.513 0 0 1 7.22.842l.167-.5ZM7.5 7.379V6.67a3.681 3.681 0 0 0-1.67.706l-.003.002L7.5 7.38ZM3 5.633a4.59 4.59 0 0 1 1.964.451c.02-.604.118-1.31.348-2.022a5.848 5.848 0 0 1 1.148-2.07c-1.346.223-2.54.73-3.463 1.424-.962.723-1.617 1.633-1.875 2.629A4.571 4.571 0 0 1 3 5.633ZM6.263 4.37a6.471 6.471 0 0 0-.3 1.75h.003A4.597 4.597 0 0 1 8 5.633a4.59 4.59 0 0 1 2.034.486h.003a6.47 6.47 0 0 0-.3-1.75C9.444 3.461 8.91 2.572 8 1.956c-.911.616-1.444 1.505-1.737 2.413ZM13 5.633c.76 0 1.402.197 1.878.412-.258-.996-.913-1.906-1.875-2.629-.923-.693-2.117-1.201-3.463-1.424.556.634.92 1.36 1.148 2.07.23.712.328 1.418.348 2.022A4.585 4.585 0 0 1 13 5.634ZM.83 7.376l-.004.003h4.348l-.004-.003a3.56 3.56 0 0 0-.58-.361A3.597 3.597 0 0 0 3 6.633c-.653 0-1.202.19-1.59.382a3.56 3.56 0 0 0-.58.36Zm4.344.003a.5.5 0 0 0 .652 0h-.652Z"/>
  <path d="M10.174 7.38h.652a.5.5 0 0 1-.652 0Z"/>
</svg>

Heavy snow to snowstorm fill#

⇧ top

QWeather Icon Code: 410

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-410-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-410-fill" viewBox="0 0 16 16">
  <path d="M10.151 8.85a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606L9.8 10l-.47-.272a.35.35 0 0 1 .35-.606l.47.272V8.85Zm-9 .5a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 0 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606L.8 10.5l-.47-.272a.35.35 0 1 1 .35-.606l.47.272V9.35Zm4 0a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 0 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272V9.35ZM3.501 12a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm11-3.5a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 0 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272V8.85a.35.35 0 0 0-.35-.35Zm-4.35 4.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606L9.8 14l-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm4.35-.35a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Z"/>
  <path d="M7.857 0a.5.5 0 0 0-.474.342l-.167.5a.5.5 0 0 0-.025.191c-3.729.31-6.71 2.74-7.19 5.824-.033.216.397.393.593.283.412-.232 1.055-.445 2.029-.445 1.359 0 2.074.414 2.416.718.13.116.415.116.545 0 .294-.262.864-.604 1.883-.695v8.749a.533.533 0 0 0 1.066 0V6.718c1.019.091 1.589.433 1.883.695.13.116.415.116.545 0 .342-.304 1.057-.718 2.416-.718.974 0 1.617.213 2.03.445.195.11.625-.067.591-.283-.48-3.087-3.464-5.517-7.196-5.824a.5.5 0 0 0-.025-.191l-.166-.5A.5.5 0 0 0 8.136 0h-.279Z"/>
</svg>

Shower snow night#

⇧ top

QWeather Icon Code: 456

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-456"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-456" viewBox="0 0 16 16">
  <path d="M3.57 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm6.501-2a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 0 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm-2.665-.5a4.766 4.766 0 0 0 3.446-1.449.323.323 0 0 1 .341-.075c.31.113.645.174.995.174C13.74 11.15 15 9.941 15 8.45s-1.26-2.7-2.813-2.7c-.157 0-.312.013-.463.037a.32.32 0 0 1-.32-.138C10.58 4.36 9.098 3.5 7.406 3.5c-1.682 0-3.157.85-3.984 2.128a.318.318 0 0 1-.3.138 2.962 2.962 0 0 0-.31-.016C1.26 5.75 0 6.959 0 8.45s1.26 2.7 2.813 2.7c.302 0 .594-.046.867-.131a.322.322 0 0 1 .324.077A4.768 4.768 0 0 0 7.406 12.5Zm3.661-2.606c-.161-.116-.41-.088-.52.074a3.788 3.788 0 0 1-3.14 1.632 3.792 3.792 0 0 1-3.091-1.56c-.106-.147-.326-.178-.482-.08a1.93 1.93 0 0 1-1.022.29c-1.035 0-1.874-.806-1.874-1.8s.839-1.8 1.875-1.8c.24 0 .47.044.682.123.173.065.383-.008.455-.173.569-1.293 1.902-2.2 3.456-2.2 1.575 0 2.924.932 3.48 2.254.075.18.314.254.496.17.244-.111.517-.174.806-.174 1.035 0 1.874.806 1.874 1.8s-.839 1.8-1.874 1.8c-.42 0-.808-.133-1.12-.356Zm4.399-5.679a.31.31 0 0 0-.08.01 3.066 3.066 0 0 1-1.866-.076A3.183 3.183 0 0 1 11.492.364.29.29 0 0 0 11.22 0a.28.28 0 0 0-.104.02 3.546 3.546 0 0 0-2.21 3.096c.34.063.671.16.99.293a2.56 2.56 0 0 1 .54-1.671 4.166 4.166 0 0 0 2.755 3.356c.274.096.558.164.846.203a2.611 2.611 0 0 1-.239.163c.304.173.582.39.823.643a3.553 3.553 0 0 0 1.12-1.504.285.285 0 0 0-.275-.384Z"/>
</svg>

Shower snow night fill#

⇧ top

QWeather Icon Code: 456

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-456-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-456-fill" viewBox="0 0 16 16">
  <path d="M3.57 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm6.501-2a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 0 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm.923-2.104A4.758 4.758 0 0 1 7.406 12.5a4.76 4.76 0 0 1-3.537-1.547 2.908 2.908 0 0 1-1.057.197C1.26 11.15 0 9.941 0 8.45s1.26-2.7 2.813-2.7c.173 0 .342.015.507.044C4.124 4.424 5.652 3.5 7.406 3.5c1.769 0 3.308.94 4.107 2.328a2.93 2.93 0 0 1 .675-.078C13.74 5.75 15 6.959 15 8.45s-1.26 2.7-2.813 2.7a2.9 2.9 0 0 1-1.193-.254Zm4.472-6.681a.31.31 0 0 0-.08.01 3.066 3.066 0 0 1-1.866-.076A3.183 3.183 0 0 1 11.492.364.29.29 0 0 0 11.22 0a.28.28 0 0 0-.104.02 3.546 3.546 0 0 0-2.21 3.096c.34.063.671.16.99.293a2.56 2.56 0 0 1 .54-1.671 4.166 4.166 0 0 0 2.755 3.356c.274.096.558.164.846.203a2.611 2.611 0 0 1-.239.163c.304.173.582.39.823.643a3.553 3.553 0 0 0 1.12-1.504.285.285 0 0 0-.275-.384Z"/>
</svg>

Snow flurry night#

⇧ top

QWeather Icon Code: 457

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-457"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-457" viewBox="0 0 16 16">
  <path d="M4.996 13a.35.35 0 0 0-.35.35v.544l-.471-.272a.35.35 0 1 0-.35.606l.471.272-.471.272a.35.35 0 1 0 .35.606l.471-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm5 0a.35.35 0 0 0-.35.35v.544l-.471-.272a.35.35 0 1 0-.35.606l.471.272-.471.272a.35.35 0 1 0 .35.606l.471-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm-2.59-.5a4.766 4.766 0 0 0 3.446-1.449.323.323 0 0 1 .341-.075c.31.113.645.174.995.174C13.74 11.15 15 9.941 15 8.45s-1.26-2.7-2.813-2.7c-.157 0-.312.013-.463.037a.32.32 0 0 1-.32-.138C10.58 4.36 9.098 3.5 7.406 3.5c-1.682 0-3.157.85-3.984 2.128a.318.318 0 0 1-.3.138 2.962 2.962 0 0 0-.31-.016C1.26 5.75 0 6.959 0 8.45s1.26 2.7 2.813 2.7c.302 0 .594-.046.867-.131a.322.322 0 0 1 .324.077A4.768 4.768 0 0 0 7.406 12.5Zm3.661-2.606c-.161-.116-.41-.088-.52.074a3.788 3.788 0 0 1-3.14 1.632 3.792 3.792 0 0 1-3.091-1.56c-.106-.147-.326-.178-.482-.08a1.93 1.93 0 0 1-1.022.29c-1.035 0-1.874-.806-1.874-1.8s.839-1.8 1.875-1.8c.24 0 .47.044.682.123.173.065.383-.008.455-.173.569-1.293 1.902-2.2 3.456-2.2 1.575 0 2.924.932 3.48 2.254.075.18.314.254.496.17.244-.111.517-.174.806-.174 1.035 0 1.874.806 1.874 1.8s-.839 1.8-1.874 1.8c-.42 0-.808-.133-1.12-.356Zm4.399-5.679a.31.31 0 0 0-.08.01 3.066 3.066 0 0 1-1.866-.076A3.183 3.183 0 0 1 11.492.364.29.29 0 0 0 11.22 0a.28.28 0 0 0-.104.02 3.546 3.546 0 0 0-2.21 3.096c.34.063.671.16.99.293a2.56 2.56 0 0 1 .54-1.671 4.166 4.166 0 0 0 2.755 3.356c.274.096.558.164.846.203a2.611 2.611 0 0 1-.239.163c.304.173.582.39.823.643a3.553 3.553 0 0 0 1.12-1.504.285.285 0 0 0-.275-.384Z"/>
</svg>

Snow flurry night fill#

⇧ top

QWeather Icon Code: 457

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-457-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-457-fill" viewBox="0 0 16 16">
  <path d="M4.996 13a.35.35 0 0 0-.35.35v.544l-.471-.272a.35.35 0 1 0-.35.606l.471.272-.471.272a.35.35 0 1 0 .35.606l.471-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm5 0a.35.35 0 0 0-.35.35v.544l-.471-.272a.35.35 0 1 0-.35.606l.471.272-.471.272a.35.35 0 1 0 .35.606l.471-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm.998-2.104A4.758 4.758 0 0 1 7.406 12.5a4.76 4.76 0 0 1-3.537-1.547 2.908 2.908 0 0 1-1.057.197C1.26 11.15 0 9.941 0 8.45s1.26-2.7 2.813-2.7c.173 0 .342.015.507.044C4.124 4.424 5.652 3.5 7.406 3.5c1.769 0 3.308.94 4.107 2.328a2.93 2.93 0 0 1 .675-.078C13.74 5.75 15 6.959 15 8.45s-1.26 2.7-2.813 2.7a2.9 2.9 0 0 1-1.193-.254Zm4.472-6.681a.31.31 0 0 0-.08.01 3.066 3.066 0 0 1-1.866-.076A3.183 3.183 0 0 1 11.492.364.29.29 0 0 0 11.22 0a.28.28 0 0 0-.104.02 3.546 3.546 0 0 0-2.21 3.096c.34.063.671.16.99.293a2.56 2.56 0 0 1 .54-1.671 4.166 4.166 0 0 0 2.755 3.356c.274.096.558.164.846.203a2.611 2.611 0 0 1-.239.163c.304.173.582.39.823.643a3.553 3.553 0 0 0 1.12-1.504.285.285 0 0 0-.275-.384Z"/>
</svg>

Snow#

⇧ top

QWeather Icon Code: 499

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-499"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-499" viewBox="0 0 16 16">
  <path d="M15.63 9.38a.593.593 0 0 0-.72-.417l-2.63.705-1.172-.678a3.089 3.089 0 0 0-.067-2.194l1.223-.706 2.482.665a.589.589 0 1 0 .306-1.137l-1.346-.36.953-.55a.588.588 0 1 0-.589-1.018l-1.043.603.398-1.489a.59.59 0 0 0-.416-.721.598.598 0 0 0-.72.415l-.704 2.627-1.173.676a3.26 3.26 0 0 0-1.935-1.03V3.35l1.815-1.815A.589.589 0 0 0 9.46.704l-.983.982V.588a.588.588 0 0 0-1.177 0v1.204L6.208.704a.589.589 0 1 0-.832.832l1.922 1.92v1.345a3.27 3.27 0 0 0-1.857 1.171L4.208 5.26l-.665-2.48a.588.588 0 0 0-1.137.306l.36 1.342-.949-.547A.589.589 0 1 0 1.228 4.9l1.043.603L.782 5.9a.589.589 0 0 0 .305 1.136l2.628-.705 1.172.678a3.09 3.09 0 0 0 .067 2.194l-1.223.706-2.481-.665a.597.597 0 0 0-.722.415.59.59 0 0 0 .417.722l1.344.36-.952.55a.588.588 0 0 0 .588 1.018l1.043-.603-.398 1.489a.59.59 0 0 0 1.137.306l.704-2.627 1.172-.675a3.26 3.26 0 0 0 1.936 1.03v1.42l-1.816 1.814a.588.588 0 0 0 .833.832l.983-.982v1.098a.589.589 0 0 0 1.177 0v-1.204l1.09 1.088a.589.589 0 0 0 .832-.832l-1.922-1.92v-1.345a3.27 3.27 0 0 0 1.858-1.171l1.232.712.665 2.48a.588.588 0 0 0 1.138-.306l-.36-1.342.95.548a.58.58 0 0 0 .65-.043.588.588 0 0 0-.062-.975l-1.043-.602 1.49-.4a.59.59 0 0 0 .416-.72Zm-7.632.72A2.102 2.102 0 1 1 8 5.898a2.102 2.102 0 0 1-.002 4.204Z"/>
</svg>

Snow fill#

⇧ top

QWeather Icon Code: 499

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-499-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-499-fill" viewBox="0 0 16 16">
  <path d="M8.5.5a.5.5 0 0 0-1 0v1.293l-.646-.647a.5.5 0 1 0-.707.708L7.5 3.207V5c0 .014 0 .028.002.041A2.997 2.997 0 0 0 5.687 6.09a.507.507 0 0 0-.035-.022l-1.553-.896-.495-1.85a.5.5 0 1 0-.966.26l.237.882-1.12-.646a.5.5 0 0 0-.5.866l1.12.646-.883.237a.5.5 0 1 0 .258.966l1.85-.495 1.552.896a.505.505 0 0 0 .036.019 2.994 2.994 0 0 0 0 2.096.51.51 0 0 0-.036.019l-1.553.896-1.849-.495a.5.5 0 0 0-.258.966l.883.237-1.12.646a.5.5 0 1 0 .5.866l1.12-.646-.237.883a.5.5 0 1 0 .966.258l.495-1.849 1.553-.896a.505.505 0 0 0 .035-.022 3 3 0 0 0 1.815 1.048.506.506 0 0 0-.002.04v1.793l-1.353 1.353a.5.5 0 0 0 .707.708l.646-.647V15.5a.5.5 0 0 0 1 0v-1.293l.647.647a.5.5 0 0 0 .707-.708L8.5 12.793V11c0-.014 0-.028-.002-.041a2.997 2.997 0 0 0 1.815-1.048.515.515 0 0 0 .035.022l1.553.896.495 1.85a.5.5 0 1 0 .966-.26l-.236-.882 1.12.646a.5.5 0 0 0 .5-.866l-1.12-.646.883-.237a.5.5 0 1 0-.26-.966l-1.848.495-1.553-.896a.53.53 0 0 0-.036-.02 2.994 2.994 0 0 0 0-2.095.534.534 0 0 0 .036-.019l1.553-.896 1.849.495a.5.5 0 1 0 .259-.966l-.883-.237 1.12-.646a.5.5 0 0 0-.5-.866l-1.12.646.236-.883a.5.5 0 1 0-.966-.258l-.495 1.849-1.553.896a.49.49 0 0 0-.035.022 2.997 2.997 0 0 0-1.815-1.048A.506.506 0 0 0 8.5 5V3.207l1.354-1.353a.5.5 0 0 0-.707-.708l-.647.647V.5Z"/>
</svg>

Mist#

⇧ top

QWeather Icon Code: 500

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-500"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-500" viewBox="0 0 16 16">
  <path d="M4.5 12a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1h-11Zm-4 2a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1H.5Zm7.4-4c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Mist fill#

⇧ top

QWeather Icon Code: 500

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-500-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-500-fill" viewBox="0 0 16 16">
  <path d="M4.5 12a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1h-11Zm-4 2a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1H.5Zm11.227-5.783A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Foggy#

⇧ top

QWeather Icon Code: 501

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-501"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-501" viewBox="0 0 16 16">
  <path d="M.5 11a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9Zm3 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Zm4.5.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5ZM4.5 15a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9Zm3.4-5c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Foggy fill#

⇧ top

QWeather Icon Code: 501

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-501-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-501-fill" viewBox="0 0 16 16">
  <path d="M.5 11a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9Zm3 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Zm4.5.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5ZM4.5 15a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9Zm7.227-6.783A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Haze#

⇧ top

QWeather Icon Code: 502

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-502"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-502" viewBox="0 0 16 16">
  <path d="M12.543 4.487c-1.581 0-3.876 1.712-4.57 2.888C7.282 6.2 4.987 4.487 3.406 4.487a3.486 3.486 0 0 0 0 6.97c1.58 0 3.876-1.75 4.569-2.906.693 1.156 2.988 2.906 4.569 2.906a3.486 3.486 0 0 0 0-6.97h-.001Zm-9.138 5.97a2.486 2.486 0 0 1 0-4.97c1.309 0 3.462 1.745 3.762 2.476-.306.675-2.418 2.494-3.762 2.494Zm9.138 0c-1.345 0-3.457-1.82-3.762-2.494.3-.73 2.452-2.476 3.762-2.476a2.486 2.486 0 0 1 0 4.97Z"/>
</svg>

Haze fill#

⇧ top

QWeather Icon Code: 502

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-502-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-502-fill" viewBox="0 0 16 16">
  <path d="M12.543 4.487c-1.581 0-3.876 1.712-4.57 2.888C7.282 6.2 4.987 4.487 3.406 4.487a3.486 3.486 0 0 0 0 6.97c1.58 0 3.876-1.75 4.569-2.906.693 1.156 2.988 2.906 4.569 2.906a3.486 3.486 0 0 0 0-6.97h-.001Z"/>
</svg>

Sand#

⇧ top

QWeather Icon Code: 503

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-503"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-503" viewBox="0 0 16 16">
  <path d="M15.687 5.959c.177-.316.282-.653.308-.997.168-2.733-4.122-3.89-4.304-3.938a.727.727 0 0 0-.443.024.51.51 0 0 0-.292.263.368.368 0 0 0 .03.349.56.56 0 0 0 .336.229c.036.009 3.639.986 3.514 3.028a1.95 1.95 0 0 1-.337.91 2.535 2.535 0 0 1-.777.723C11.553 8.027 6.415 8.7.637 8.267a.705.705 0 0 0-.422.104.448.448 0 0 0-.212.305c-.008.06 0 .12.023.178.022.057.058.11.107.156a.575.575 0 0 0 .176.113.702.702 0 0 0 .217.05c1.217.092 2.4.137 3.534.137 4.63 0 8.466-.74 10.422-2.07.013-.01.02-.02.034-.027a4.48 4.48 0 0 1-.217 1.174c-.736 1.86-4.793 3.587-10.847 3.137a.705.705 0 0 0-.423.104.448.448 0 0 0-.21.306c-.015.12.032.24.13.333a.64.64 0 0 0 .392.163c.71.055 1.39.08 2.047.08 4.02 0 7.006-.955 8.676-2.24a3.129 3.129 0 0 1-.227 1.027c-.322.717-1.733 2.798-6.058 2.798-.19 0-2.31-.017-2.384 0a.616.616 0 0 0-.201.087.47.47 0 0 0-.14.143.397.397 0 0 0 .084.506c.1.092.243.149.396.158.276.016 2.707.011 2.966.011 1 0 2.584-.229 3.79-.838 1.207-.61 2.132-1.508 2.641-2.561a5.561 5.561 0 0 0 .264-2.563l-.003-.007a3.12 3.12 0 0 0 .216-.374 8.547 8.547 0 0 0 .302-2.603.426.426 0 0 0-.023-.095ZM4.5 1.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm4 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"/>
  <path d="M5.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM3.5 5.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM5.75 7.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM2.5 10.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm.25 4.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm3.25-5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm3.75-5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"/>
</svg>

Sand fill#

⇧ top

QWeather Icon Code: 503

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-503-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-503-fill" viewBox="0 0 16 16">
  <path d="M4.5 1.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm4 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM5.75 4.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM3.5 5.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM5.75 7.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM2.5 10.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm.25 4.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm3.25-5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm3.75-5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"/>
  <path d="M15.999 5.106c0-1.863-2.498-3.458-6.03-4.106 1.904.808 3.099 1.968 3.099 3.257 0 2.44-4.275 4.418-9.55 4.418A19.596 19.596 0 0 1 0 8.363a16.95 16.95 0 0 0 6.452 1.16 17.35 17.35 0 0 0 6.099-1.018c.006.058.01.117.01.176 0 1.83-3.206 3.313-7.16 3.313a14.628 14.628 0 0 1-2.64-.234 12.7 12.7 0 0 0 4.837.871 13.361 13.361 0 0 0 4.267-.653c0 .02.006.039.006.058 0 1.373-2.405 2.484-5.371 2.484a10.992 10.992 0 0 1-1.98-.174 9.53 9.53 0 0 0 3.629.653c2.965 0 5.371-1.113 5.371-2.486a1.502 1.502 0 0 0-.143-.57 1.454 1.454 0 0 0-.35-.466c1.079-.58 1.734-1.335 1.734-2.16a2.084 2.084 0 0 0-.231-.836 2.016 2.016 0 0 0-.548-.66 3.332 3.332 0 0 0 1.36-1.078A3.49 3.49 0 0 0 16 5.106h-.001Z"/>
</svg>

Dust#

⇧ top

QWeather Icon Code: 504

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-504"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-504" viewBox="0 0 16 16">
  <path d="M7 1.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-4 7a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM7.5 8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm0 6.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm6.25-1.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM10 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm6.5 7.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM2 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/>
  <path d="M4.323 11.87a13.333 13.333 0 0 1-.804-.139A14.111 14.111 0 0 1 0 10.501c1.162.27 2.34.404 3.519.4.286 0 .564-.012.834-.037C9.075 10.434 11.478 6.419 12 5c.296-.806.238-1.6-.175-2.323-.356-.623-.974-1.194-1.856-1.677.93.22 1.788.525 2.547.898C14.643 2.943 16 4.526 16 6.298c0 1.32-.777 2.484-2.018 3.502a5.19 5.19 0 0 1-1.43.882c-1.961.907-4.026 1.352-6.1 1.315a13.14 13.14 0 0 1-2.129-.127Zm8.815-8.453a3.767 3.767 0 0 1-.2 1.928c-.326.888-1.212 2.5-2.728 3.902a10.22 10.22 0 0 1-2.49 1.71 13.09 13.09 0 0 0 4.412-1.182l.022-.01.023-.01a4.19 4.19 0 0 0 1.154-.714l.008-.007.009-.007C14.48 8.097 15 7.19 15 6.297c0-.83-.428-1.689-1.344-2.479a6.397 6.397 0 0 0-.518-.4Z"/>
</svg>

Dust fill#

⇧ top

QWeather Icon Code: 504

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-504-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-504-fill" viewBox="0 0 16 16">
  <path d="M7 1.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-4 7a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM7.5 8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm0 6.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm6.25-1.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM10 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm6.5 7.25a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM2 4a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/>
  <path d="M9.97 1c1.904 1.043 3.099 2.538 3.099 4.201 0 3.148-4.275 5.7-9.55 5.7a15.332 15.332 0 0 1-3.519-.4c2.06 1.036 4.25 1.544 6.451 1.496 2.075.037 4.14-.408 6.1-1.315a5.19 5.19 0 0 0 1.43-.882C15.224 8.782 16 7.618 16 6.298 16 3.894 13.502 1.836 9.97 1Z"/>
</svg>

Duststorm#

⇧ top

QWeather Icon Code: 507

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-507"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-507" viewBox="0 0 16 16">
  <path d="M14.556 7.467H1.007a.215.215 0 0 0-.074.07A.786.786 0 0 0 .8 8c0 .212.065.373.133.463.037.05.063.066.074.07h13.549L15.05 8l-.495-.533Zm1.358.287c.115.123.115.369 0 .492l-1.571 1.692c-.141.152-.343.007-.343-.246v-.359H1c-.552 0-1-.597-1-1.333s.448-1.333 1-1.333h13v-.359c0-.253.202-.398.343-.246l1.571 1.692Z"/>
  <path d="M10.462 2.99c.388.39 1.052.476 1.516.156.44-.303.536-.862.177-1.238a7.232 7.232 0 0 0-1.52-1.241C9.91.222 9.06 0 8.082 0 6.82 0 5.788.354 4.984 1.063c-.788.694-1.182 1.548-1.182 2.562 0 .472.102.944.307 1.417.205.472.528.916.97 1.333.097.088.21.186.341.292h3.284c-1.158-.77-1.909-1.333-2.254-1.688-.378-.389-.567-.84-.567-1.354 0-.528.197-.958.59-1.292.41-.333.907-.5 1.49-.5.6 0 1.12.132 1.561.396.276.156.588.41.938.761Zm1.558 6.343H9.125c.406.327.729.626.967.896.488.542.733 1.118.733 1.73 0 .61-.292 1.145-.875 1.604-.584.458-1.285.687-2.105.687-1.06 0-2.033-.58-2.92-1.738a1.175 1.175 0 0 0-1.43-.328c-.464.236-.643.754-.359 1.154C4.396 15.113 6.044 16 8.082 16c1.308 0 2.451-.41 3.428-1.23.993-.832 1.49-1.812 1.49-2.937 0-.86-.315-1.68-.946-2.458l-.034-.042Z"/>
</svg>

Duststorm fill#

⇧ top

QWeather Icon Code: 507

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-507-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-507-fill" viewBox="0 0 16 16">
  <path d="M15.859 8.141 14.34 9.66a.2.2 0 0 1-.34-.143V9H1a1 1 0 1 1 0-2h13v-.517a.2.2 0 0 1 .341-.142L15.86 7.86a.2.2 0 0 1 0 .282Z"/>
  <path d="M10.462 2.99c.388.39 1.052.476 1.516.156.44-.303.536-.862.177-1.238a7.232 7.232 0 0 0-1.52-1.241C9.91.222 9.06 0 8.082 0 6.82 0 5.788.354 4.984 1.063c-.788.694-1.182 1.548-1.182 2.562 0 .472.102.944.307 1.417.205.472.528.916.97 1.333.191.174.447.383.768.625h3.366a24.36 24.36 0 0 0-.162-.104c-1.356-.89-2.223-1.528-2.6-1.917-.38-.389-.568-.84-.568-1.354 0-.528.197-.958.59-1.292.41-.333.907-.5 1.49-.5.6 0 1.12.132 1.561.396.276.156.588.41.938.761ZM11.725 9c.12.126.229.251.33.375.63.778.945 1.597.945 2.458 0 1.125-.497 2.104-1.49 2.938C10.533 15.59 9.39 16 8.082 16c-2.038 0-3.686-.887-4.946-2.662-.284-.4-.105-.918.36-1.154a1.175 1.175 0 0 1 1.43.328c.886 1.159 1.859 1.738 2.92 1.738.819 0 1.52-.23 2.104-.688.583-.458.875-.993.875-1.604 0-.61-.245-1.187-.733-1.729-.317-.36-.783-.77-1.398-1.229h3.031Z"/>
</svg>

Sandstorm#

⇧ top

QWeather Icon Code: 508

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-508"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-508" viewBox="0 0 16 16">
  <path d="m15.914 5.254-1.571-1.692c-.141-.152-.343-.007-.343.246v.359H1c-.552 0-1 .597-1 1.333s.448 1.333 1 1.333h13v.359c0 .253.202.398.343.246l1.571-1.692c.115-.123.115-.369 0-.492Zm-1.358-.287.495.533-.495.533H1.007a.215.215 0 0 1-.074-.07A.786.786 0 0 1 .8 5.5c0-.212.065-.373.133-.463a.215.215 0 0 1 .074-.07h13.549Zm1.358 5.287-1.571-1.692c-.141-.152-.343-.007-.343.246v.359H1c-.552 0-1 .597-1 1.333s.448 1.333 1 1.333h13v.359c0 .253.202.398.343.246l1.571-1.692c.115-.123.115-.369 0-.492Zm-1.358-.287.495.533-.495.533H1.007a.214.214 0 0 1-.074-.07A.786.786 0 0 1 .8 10.5c0-.212.065-.373.133-.463a.215.215 0 0 1 .074-.07h13.549Z"/>
  <path d="M11.978 3.146c-.464.32-1.128.234-1.516-.156-.35-.351-.662-.605-.938-.76-.441-.265-.961-.397-1.56-.397-.584 0-1.08.167-1.49.5a1.614 1.614 0 0 0-.591 1.292c0 .189.025.37.076.542H3.847a3.304 3.304 0 0 1-.045-.542c0-1.014.394-1.868 1.182-2.563C5.788.355 6.821 0 8.082 0c.977 0 1.828.222 2.553.667.515.305 1.021.719 1.52 1.24.36.377.263.936-.177 1.239ZM5.63 6.833a35.33 35.33 0 0 0 1.932 1.375c.516.342.967.661 1.352.959h2.963c-.634-.717-1.576-1.474-2.826-2.271a61.018 61.018 0 0 1-.095-.063H5.63Zm5.191 5H13c0 1.125-.497 2.104-1.49 2.938C10.533 15.59 9.39 16 8.082 16c-2.038 0-3.686-.887-4.946-2.662-.284-.4-.105-.918.36-1.154a1.175 1.175 0 0 1 1.43.328c.886 1.159 1.859 1.738 2.92 1.738.819 0 1.52-.23 2.104-.688.583-.458.875-.993.875-1.604a2.26 2.26 0 0 0-.004-.125Z"/>
</svg>

Sandstorm fill#

⇧ top

QWeather Icon Code: 508

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-508-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-508-fill" viewBox="0 0 16 16">
  <path d="m15.914 6.185-1.571 1.268c-.141.115-.343.006-.343-.184V7H1a1 1 0 1 1 0-2h13v-.269c0-.19.202-.299.343-.184l1.571 1.268a.242.242 0 0 1 0 .37Zm0 4-1.571 1.268c-.141.115-.343.006-.343-.184V11H1a1 1 0 1 1 0-2h13v-.269c0-.19.202-.299.343-.184l1.571 1.268a.242.242 0 0 1 0 .37Z"/>
  <path d="M11.978 3.146c-.464.32-1.128.234-1.516-.156-.35-.351-.662-.605-.938-.76-.441-.265-.961-.397-1.56-.397-.584 0-1.08.167-1.49.5a1.614 1.614 0 0 0-.591 1.292c0 .514.189.965.567 1.354L6.47 5H4.092a3.518 3.518 0 0 1-.29-1.375c0-1.014.395-1.868 1.183-2.563C5.788.355 6.821 0 8.082 0c.977 0 1.828.222 2.553.667.515.305 1.021.719 1.52 1.24.36.377.263.936-.177 1.239ZM5.847 7h3.366c1.075.698 1.912 1.365 2.512 2h-3.03c-.334-.25-.712-.513-1.133-.792A39.401 39.401 0 0 1 5.847 7Zm4.764 4c.143.31.214.629.214.958 0 .611-.292 1.146-.875 1.604-.584.459-1.285.688-2.105.688-1.06 0-2.033-.58-2.92-1.738a1.175 1.175 0 0 0-1.43-.328c-.464.236-.643.754-.359 1.154C4.396 15.113 6.044 16 8.082 16c1.308 0 2.451-.41 3.428-1.23.993-.832 1.49-1.812 1.49-2.937 0-.282-.034-.56-.102-.833h-2.287Z"/>
</svg>

Dense fog#

⇧ top

QWeather Icon Code: 509

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-509"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-509" viewBox="0 0 16 16">
  <path d="M.25 11a.25.25 0 1 0 0 .5h9.5a.25.25 0 1 0 0-.5H.25Zm3 1.5a.25.25 0 1 0 0 .5h3.5a.25.25 0 1 0 0-.5h-3.5ZM10 14.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 1 1 0 .5h-3.5a.25.25 0 0 1-.25-.25ZM8.25 12.5a.25.25 0 1 0 0 .5h7.5a.25.25 0 1 0 0-.5h-7.5ZM1 14.25a.25.25 0 0 1 .25-.25h7.5a.25.25 0 1 1 0 .5h-7.5a.25.25 0 0 1-.25-.25Zm2.25 1.25a.25.25 0 1 0 0 .5h9.5a.25.25 0 1 0 0-.5h-9.5ZM7.9 10c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083 3 3 0 1 0 .566-5.767.335.335 0 0 1-.341-.152A4.997 4.997 0 0 0 7.9 0a4.997 4.997 0 0 0-4.25 2.365.334.334 0 0 1-.32.153 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10Zm3.905-2.896c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192a4.001 4.001 0 0 1 7.398.059c.08.2.335.282.53.19a2 2 0 1 1-.335 3.41Z"/>
</svg>

Dense fog fill#

⇧ top

QWeather Icon Code: 509

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-509-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-509-fill" viewBox="0 0 16 16">
  <path d="M.25 11a.25.25 0 1 0 0 .5h9.5a.25.25 0 1 0 0-.5H.25Zm3 1.5a.25.25 0 1 0 0 .5h3.5a.25.25 0 1 0 0-.5h-3.5ZM10 14.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 1 1 0 .5h-3.5a.25.25 0 0 1-.25-.25ZM8.25 12.5a.25.25 0 1 0 0 .5h7.5a.25.25 0 1 0 0-.5h-7.5ZM1 14.25a.25.25 0 0 1 .25-.25h7.5a.25.25 0 1 1 0 .5h-7.5a.25.25 0 0 1-.25-.25Zm2.25 1.25a.25.25 0 1 0 0 .5h9.5a.25.25 0 1 0 0-.5h-9.5Zm8.477-7.283A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 0a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63Z"/>
</svg>

Strong fog#

⇧ top

QWeather Icon Code: 510

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-510"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-510" viewBox="0 0 16 16">
  <path d="M.25 11a.25.25 0 1 0 0 .5h9.5a.25.25 0 1 0 0-.5H.25Zm3 1.5a.25.25 0 1 0 0 .5h3.5a.25.25 0 1 0 0-.5h-3.5ZM10 14.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 1 1 0 .5h-3.5a.25.25 0 0 1-.25-.25ZM8.25 12.5a.25.25 0 1 0 0 .5h7.5a.25.25 0 1 0 0-.5h-7.5ZM1 14.25a.25.25 0 0 1 .25-.25h7.5a.25.25 0 1 1 0 .5h-7.5a.25.25 0 0 1-.25-.25Zm2.25 1.25a.25.25 0 1 0 0 .5h9.5a.25.25 0 1 0 0-.5h-9.5ZM10 2.75a.25.25 0 0 1 .25-.25h5.5a.25.25 0 1 1 0 .5h-5.5a.25.25 0 0 1-.25-.25Zm-2 1a.25.25 0 0 1 .25-.25h5.5a.25.25 0 1 1 0 .5h-5.5A.25.25 0 0 1 8 3.75Zm2.25.75a.25.25 0 1 0 0 .5h5.5a.25.25 0 1 0 0-.5h-5.5Z"/>
  <path d="M9 .121a4.997 4.997 0 0 0-5.35 2.243.334.334 0 0 1-.32.154 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083A3 3 0 0 0 15.959 6h-1.022a2 2 0 0 1-3.132 1.104c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192A4.001 4.001 0 0 1 9 1.153V.121Z"/>
</svg>

Strong fog fill#

⇧ top

QWeather Icon Code: 510

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-510-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-510-fill" viewBox="0 0 16 16">
  <path d="M.25 11a.25.25 0 1 0 0 .5h9.5a.25.25 0 1 0 0-.5H.25Zm3 1.5a.25.25 0 1 0 0 .5h3.5a.25.25 0 1 0 0-.5h-3.5ZM10 14.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 1 1 0 .5h-3.5a.25.25 0 0 1-.25-.25ZM8.25 12.5a.25.25 0 1 0 0 .5h7.5a.25.25 0 1 0 0-.5h-7.5ZM1 14.25a.25.25 0 0 1 .25-.25h7.5a.25.25 0 1 1 0 .5h-7.5a.25.25 0 0 1-.25-.25Zm2.25 1.25a.25.25 0 1 0 0 .5h9.5a.25.25 0 1 0 0-.5h-9.5ZM7.9 10a4.99 4.99 0 0 0 3.827-1.783 3 3 0 0 0 4.215-3.307.25.25 0 0 1-.192.09h-5.5a.25.25 0 1 1 0-.5h5.5a.25.25 0 0 1 .084.015A3.008 3.008 0 0 0 14.66 3h-4.41a.25.25 0 1 1 0-.5h1.981A4.998 4.998 0 0 0 7.9 0a4.998 4.998 0 0 0-4.359 2.549 3 3 0 1 0 .586 5.732A4.988 4.988 0 0 0 7.9 10ZM8 3.75a.25.25 0 0 1 .25-.25h5.5a.25.25 0 1 1 0 .5h-5.5A.25.25 0 0 1 8 3.75Z"/>
</svg>

Moderate haze#

⇧ top

QWeather Icon Code: 511

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-511"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-511" viewBox="0 0 16 16">
  <path d="M12.543 4.487c-1.581 0-3.876 1.712-4.57 2.888C7.282 6.2 4.987 4.487 3.406 4.487a3.486 3.486 0 0 0 0 6.97c1.58 0 3.876-1.75 4.569-2.906.693 1.156 2.988 2.906 4.569 2.906a3.486 3.486 0 0 0 0-6.97h-.001Zm-9.138 5.97a2.486 2.486 0 0 1 0-4.97c1.309 0 3.462 1.745 3.762 2.476-.306.675-2.418 2.494-3.762 2.494Zm9.138 0c-1.345 0-3.457-1.82-3.762-2.494.3-.73 2.452-2.476 3.762-2.476a2.486 2.486 0 0 1 0 4.97ZM3.989 2.481a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm10.011 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM2.989 14.457a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm11.011-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/>
</svg>

Moderate haze fill#

⇧ top

QWeather Icon Code: 511

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-511-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-511-fill" viewBox="0 0 16 16">
  <path d="M12.543 4.487c-1.581 0-3.876 1.712-4.57 2.888C7.282 6.2 4.987 4.487 3.406 4.487a3.486 3.486 0 0 0 0 6.97c1.58 0 3.876-1.75 4.569-2.906.693 1.156 2.988 2.906 4.569 2.906a3.486 3.486 0 0 0 0-6.97h-.001ZM3.989 2.481a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm10.011 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM2.989 14.457a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm11.011-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/>
</svg>

Heavy haze#

⇧ top

QWeather Icon Code: 512

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-512"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-512" viewBox="0 0 16 16">
  <path d="M12.543 4.487c-1.581 0-3.876 1.712-4.57 2.888C7.282 6.2 4.987 4.487 3.406 4.487a3.486 3.486 0 0 0 0 6.97c1.58 0 3.876-1.75 4.569-2.906.693 1.156 2.988 2.906 4.569 2.906a3.486 3.486 0 0 0 0-6.97h-.001Zm-9.138 5.97a2.486 2.486 0 0 1 0-4.97c1.309 0 3.462 1.745 3.762 2.476-.306.675-2.418 2.494-3.762 2.494Zm9.138 0c-1.345 0-3.457-1.82-3.762-2.494.3-.73 2.452-2.476 3.762-2.476a2.486 2.486 0 0 1 0 4.97ZM3.989 2.481a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm5.042.477a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1 11.022a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM14 2.481a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM2.989 14.457a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm11.011-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/>
</svg>

Heavy haze fill#

⇧ top

QWeather Icon Code: 512

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-512-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-512-fill" viewBox="0 0 16 16">
  <path d="M3.989 2.481a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm5.042.477a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1 11.022a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM14 2.481a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM2.989 14.457a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm11.011-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1.457-8.97c-1.581 0-3.876 1.712-4.57 2.888C7.282 6.2 4.987 4.487 3.406 4.487a3.486 3.486 0 0 0 0 6.97c1.58 0 3.876-1.75 4.569-2.906.693 1.156 2.988 2.906 4.569 2.906a3.486 3.486 0 0 0 0-6.97h-.001Z"/>
</svg>

Severe haze#

⇧ top

QWeather Icon Code: 513

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-513"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-513" viewBox="0 0 16 16">
  <path d="M15.947 7.972a3.445 3.445 0 0 0-3.404-3.485c-1.581 0-3.876 1.712-4.57 2.888C7.282 6.2 4.987 4.487 3.406 4.487a3.486 3.486 0 0 0 0 6.97c1.58 0 3.876-1.75 4.569-2.906.693 1.156 2.988 2.906 4.569 2.906a3.445 3.445 0 0 0 3.404-3.485h-.001ZM3.405 10.457a2.486 2.486 0 0 1 0-4.97c1.309 0 3.462 1.745 3.762 2.476-.306.675-2.418 2.494-3.762 2.494Zm9.138 0c-1.345 0-3.457-1.82-3.762-2.494.3-.73 2.452-2.476 3.762-2.476a2.486 2.486 0 0 1 0 4.97ZM2.989 2.481a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm4.042.477a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm3.045 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-3.045 9.029a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm3.045 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM15 2.481a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.989 14.457a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13.011-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/>
</svg>

Severe haze fill#

⇧ top

QWeather Icon Code: 513

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-513-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-513-fill" viewBox="0 0 16 16">
  <path d="M2.989 2.481a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm4.042.477a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm3.045 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-3.045 9.029a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm3.045 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM15 2.481a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM1.989 14.457a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm13.011-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm.947-5.485a3.445 3.445 0 0 0-3.404-3.485c-1.581 0-3.876 1.712-4.57 2.888C7.282 6.2 4.987 4.487 3.406 4.487a3.486 3.486 0 0 0 0 6.97c1.58 0 3.876-1.75 4.569-2.906.693 1.156 2.988 2.906 4.569 2.906a3.445 3.445 0 0 0 3.404-3.485h-.001Z"/>
</svg>

Heavy fog#

⇧ top

QWeather Icon Code: 514

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-514"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-514" viewBox="0 0 16 16">
  <path d="M7.5 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5Zm3 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5Zm-10 7a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9Zm3 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Zm4.5.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5ZM4.5 15a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9Z"/>
  <path d="M9 .121a4.997 4.997 0 0 0-5.35 2.243.334.334 0 0 1-.32.154 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083A3 3 0 0 0 15.959 6h-1.022a2 2 0 0 1-3.132 1.104c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192A4.001 4.001 0 0 1 9 1.153V.121Z"/>
</svg>

Heavy fog fill#

⇧ top

QWeather Icon Code: 514

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-514-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-514-fill" viewBox="0 0 16 16">
  <path d="M.5 11a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9Zm3 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Zm4.5.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5ZM4.5 15a.5.5 0 0 0 0 1h9a.5.5 0 0 0 0-1h-9Zm7.227-6.783A4.99 4.99 0 0 1 7.9 10a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 11.901 2H7.5a.5.5 0 0 0 0 1h7c.046 0 .09-.006.132-.018.397.258.73.607.967 1.018H10.5a.5.5 0 0 0 0 1h5.459a3 3 0 0 1-4.231 3.217Z"/>
</svg>

Extra heavy fog#

⇧ top

QWeather Icon Code: 515

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-515"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-515" viewBox="0 0 16 16">
  <path d="M.25 11a.25.25 0 1 0 0 .5h5.5a.25.25 0 1 0 0-.5H.25Zm10 4.5a.25.25 0 1 0 0 .5h5.5a.25.25 0 1 0 0-.5h-5.5ZM3 12.75a.25.25 0 0 1 .25-.25h3.5a.25.25 0 1 1 0 .5h-3.5a.25.25 0 0 1-.25-.25ZM7.25 11a.25.25 0 1 0 0 .5h3.5a.25.25 0 1 0 0-.5h-3.5ZM0 15.75a.25.25 0 0 1 .25-.25h3.5a.25.25 0 1 1 0 .5H.25a.25.25 0 0 1-.25-.25Zm5.25-.25a.25.25 0 1 0 0 .5h3.5a.25.25 0 1 0 0-.5h-3.5ZM12 11.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 1 1 0 .5h-3.5a.25.25 0 0 1-.25-.25ZM10.25 14a.25.25 0 1 0 0 .5h3.5a.25.25 0 1 0 0-.5h-3.5ZM8 12.75a.25.25 0 0 1 .25-.25h7.5a.25.25 0 1 1 0 .5h-7.5a.25.25 0 0 1-.25-.25ZM1.25 14a.25.25 0 1 0 0 .5h7.5a.25.25 0 1 0 0-.5h-7.5ZM10 2.75a.25.25 0 0 1 .25-.25h5.5a.25.25 0 1 1 0 .5h-5.5a.25.25 0 0 1-.25-.25Zm-2 1a.25.25 0 0 1 .25-.25h5.5a.25.25 0 1 1 0 .5h-5.5A.25.25 0 0 1 8 3.75Zm2.25.75a.25.25 0 1 0 0 .5h5.5a.25.25 0 1 0 0-.5h-5.5Z"/>
  <path d="M9 .121a4.997 4.997 0 0 0-5.35 2.243.334.334 0 0 1-.32.154 3 3 0 1 0 .596 5.836.334.334 0 0 1 .345.086A4.99 4.99 0 0 0 7.9 10c1.453 0 2.761-.62 3.675-1.61a.335.335 0 0 1 .365-.083A3 3 0 0 0 15.959 6h-1.022a2 2 0 0 1-3.132 1.104c-.172-.129-.438-.097-.555.083A3.997 3.997 0 0 1 7.9 9a3.996 3.996 0 0 1-3.297-1.734c-.112-.163-.347-.197-.513-.089a2 2 0 1 1-.362-3.54c.184.072.408-.01.485-.192A4.001 4.001 0 0 1 9 1.153V.121Z"/>
</svg>

Extra heavy fog fill#

⇧ top

QWeather Icon Code: 515

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-515-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-515-fill" viewBox="0 0 16 16">
  <path d="M.25 11a.25.25 0 1 0 0 .5h5.5a.25.25 0 1 0 0-.5H.25Zm10 4.5a.25.25 0 1 0 0 .5h5.5a.25.25 0 1 0 0-.5h-5.5ZM3 12.75a.25.25 0 0 1 .25-.25h3.5a.25.25 0 1 1 0 .5h-3.5a.25.25 0 0 1-.25-.25ZM7.25 11a.25.25 0 1 0 0 .5h3.5a.25.25 0 1 0 0-.5h-3.5ZM0 15.75a.25.25 0 0 1 .25-.25h3.5a.25.25 0 1 1 0 .5H.25a.25.25 0 0 1-.25-.25Zm5.25-.25a.25.25 0 1 0 0 .5h3.5a.25.25 0 1 0 0-.5h-3.5ZM12 11.25a.25.25 0 0 1 .25-.25h3.5a.25.25 0 1 1 0 .5h-3.5a.25.25 0 0 1-.25-.25ZM10.25 14a.25.25 0 1 0 0 .5h3.5a.25.25 0 1 0 0-.5h-3.5ZM8 12.75a.25.25 0 0 1 .25-.25h7.5a.25.25 0 1 1 0 .5h-7.5a.25.25 0 0 1-.25-.25ZM1.25 14a.25.25 0 1 0 0 .5h7.5a.25.25 0 1 0 0-.5h-7.5Zm6.65-4a4.99 4.99 0 0 0 3.827-1.783 3 3 0 0 0 4.215-3.307.25.25 0 0 1-.192.09h-5.5a.25.25 0 1 1 0-.5h5.5a.25.25 0 0 1 .084.015A3.008 3.008 0 0 0 14.66 3h-4.41a.25.25 0 1 1 0-.5h1.981A4.998 4.998 0 0 0 7.9 0a4.998 4.998 0 0 0-4.359 2.549 3 3 0 1 0 .586 5.732A4.988 4.988 0 0 0 7.9 10ZM8 3.75a.25.25 0 0 1 .25-.25h5.5a.25.25 0 1 1 0 .5h-5.5A.25.25 0 0 1 8 3.75Z"/>
</svg>

New moon#

⇧ top

QWeather Icon Code: 800

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-800"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-800" viewBox="0 0 16 16">
  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16Z"/>
</svg>

Waxing crescent#

⇧ top

QWeather Icon Code: 801

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-801"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-801" viewBox="0 0 16 16">
  <path d="M9 0c-.265 0-.53.013-.795.04a7.985 7.985 0 0 0-.631.094c-.043.008-.087.011-.13.02a7.998 7.998 0 0 0 0 15.692c.043.009.087.012.13.02.208.037.417.073.631.094A8 8 0 1 0 9 0Zm0 15.5a7.46 7.46 0 0 1-1.668-.188 8.497 8.497 0 0 0 0-14.623A7.5 7.5 0 1 1 9 15.5Z"/>
</svg>

First quarter#

⇧ top

QWeather Icon Code: 802

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-802"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-802" viewBox="0 0 16 16">
  <path d="M8 0c-.356.003-.712.03-1.065.079a7.992 7.992 0 0 0-.354 15.788h.001c.468.087.942.131 1.418.133A8 8 0 0 0 8 0Zm0 15.5a6.76 6.76 0 0 1-.725-.04A24.01 24.01 0 0 0 8.5 7.5 25.67 25.67 0 0 0 7.593.514C7.734.504 7.868.5 8 .5a7.5 7.5 0 1 1 0 15Z"/>
</svg>

Waxing gibbous#

⇧ top

QWeather Icon Code: 803

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-803"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-803" viewBox="0 0 16 16">
  <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0Zm0 15a6.73 6.73 0 0 1-.948-.072.486.486 0 0 1-.24-.106A8.838 8.838 0 0 1 3.962 8 8.868 8.868 0 0 1 6.76 1.22a.702.702 0 0 1 .359-.157c.292-.04.586-.062.881-.063a7 7 0 0 1 0 14Z"/>
</svg>

Full moon#

⇧ top

QWeather Icon Code: 804

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-804"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-804" viewBox="0 0 16 16">
  <path d="M8 1a7 7 0 1 1-7 7 7.008 7.008 0 0 1 7-7m0-1a8 8 0 1 0 0 16A8 8 0 0 0 8 0Z"/>
</svg>

Waning gibbous#

⇧ top

QWeather Icon Code: 805

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-805"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-805" viewBox="0 0 16 16">
  <path d="M0 8a8 8 0 1 0 16 0A8 8 0 0 0 0 8Zm1 0a7.008 7.008 0 0 1 7-7c.295.001.59.022.881.063a.702.702 0 0 1 .36.157A8.868 8.868 0 0 1 12.036 8a8.838 8.838 0 0 1-2.849 6.822.486.486 0 0 1-.24.106A6.73 6.73 0 0 1 8 15a7.008 7.008 0 0 1-7-7Z"/>
</svg>

Last quarter#

⇧ top

QWeather Icon Code: 806

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-806"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-806" viewBox="0 0 16 16">
  <path d="M8 0a8.03 8.03 0 0 0-1.065.079 7.992 7.992 0 0 0-.354 15.788h.001c.468.087.942.131 1.418.133A8 8 0 0 0 8 0ZM1 8a7.008 7.008 0 0 1 6.204-6.951A25.25 25.25 0 0 1 8 7.5c.032 2.51-.328 5.01-1.067 7.41A7.005 7.005 0 0 1 1 8Z"/>
</svg>

Waning crescent#

⇧ top

QWeather Icon Code: 807

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-807"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-807" viewBox="0 0 16 16">
  <path d="M10.555.154c-.042-.009-.085-.012-.129-.02A7.981 7.981 0 0 0 9.795.04a8 8 0 1 0 0 15.92 8.12 8.12 0 0 0 .631-.094c.043-.008.087-.011.13-.02a7.998 7.998 0 0 0 0-15.692h-.001Zm.113 15.158a7.499 7.499 0 1 1 0-14.623 8.497 8.497 0 0 0 0 14.623Z"/>
</svg>

Hot#

⇧ top

QWeather Icon Code: 900

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-900"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-900" viewBox="0 0 16 16">
  <path d="M4.9 2.5c-.9.3-1.2 1.1-1.1 1.6-.7-.8-.7-1.7-.6-3.1-2.1.8-1.6 3.2-1.7 4C1 4.5.9 3.5.9 3.5.3 3.8 0 4.6 0 5.3 0 6.9 1.3 8 2.8 8c1.5 0 2.7-1.2 2.7-2.7 0-1.1-.6-1.4-.6-2.8Zm6.6.5a.5.5 0 0 0-.5.5v6.063a2 2 0 1 0 1 0V3.5a.5.5 0 0 0-.5-.5Z"/>
  <path d="m10.2 8.399-.532.356a3.3 3.3 0 1 0 3.665 0l-.533-.356V2.5a1.3 1.3 0 1 0-2.6 0v5.899ZM9 2.5a2.5 2.5 0 0 1 5 0v5.258a4.5 4.5 0 1 1-5 0V2.5Z"/>
</svg>

Hot fill#

⇧ top

QWeather Icon Code: 900

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-900-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-900-fill" viewBox="0 0 16 16">
  <path d="M11.5 0A2.5 2.5 0 0 0 9 2.5v4.99a.534.534 0 0 1-.217.423 4.5 4.5 0 1 0 5.435 0A.534.534 0 0 1 14 7.49V2.5A2.5 2.5 0 0 0 11.5 0Zm2 11.5A2 2 0 1 1 11 9.563V3.5a.5.5 0 0 1 1 0v6.063a2 2 0 0 1 1.5 1.937Zm-8.6-9c-.9.3-1.2 1.1-1.1 1.6-.7-.8-.7-1.7-.6-3.1-2.1.8-1.6 3.2-1.7 4C1 4.5.9 3.5.9 3.5.3 3.8 0 4.6 0 5.3 0 6.9 1.3 8 2.8 8c1.5 0 2.7-1.2 2.7-2.7 0-1.1-.6-1.4-.6-2.8Z"/>
</svg>

Cold#

⇧ top

QWeather Icon Code: 901

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-901"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-901" viewBox="0 0 16 16">
  <path d="M2.302 1.7a.7.7 0 0 1 1.4 0v1.088l.942-.544a.7.7 0 1 1 .7 1.212L4.402 4l.942.544a.7.7 0 1 1-.7 1.212l-.942-.544V6.3a.7.7 0 1 1-1.4 0V5.212l-.942.544a.7.7 0 0 1-.7-1.212L1.602 4 .66 3.456a.7.7 0 0 1 .7-1.212l.942.544V1.7ZM11.5 7a.5.5 0 0 0-.5.5v2.063a2 2 0 1 0 1 0V7.5a.5.5 0 0 0-.5-.5Z"/>
  <path d="m10.2 8.399-.532.356a3.3 3.3 0 1 0 3.665 0l-.533-.356V2.5a1.3 1.3 0 1 0-2.6 0v5.899ZM9 2.5a2.5 2.5 0 0 1 5 0v5.258a4.5 4.5 0 1 1-5 0V2.5Z"/>
</svg>

Cold fill#

⇧ top

QWeather Icon Code: 901

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-901-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-901-fill" viewBox="0 0 16 16">
  <path d="M11.5 0A2.5 2.5 0 0 0 9 2.5v4.99a.534.534 0 0 1-.217.423 4.5 4.5 0 1 0 5.435 0A.534.534 0 0 1 14 7.49V2.5A2.5 2.5 0 0 0 11.5 0Zm2 11.5A2 2 0 1 1 11 9.563V7.5a.5.5 0 0 1 1 0v2.063a2 2 0 0 1 1.5 1.937ZM2.302 1.7a.7.7 0 0 1 1.4 0v1.088l.942-.544a.7.7 0 1 1 .7 1.212L4.402 4l.942.544a.7.7 0 1 1-.7 1.212l-.942-.544V6.3a.7.7 0 1 1-1.4 0V5.212l-.942.544a.7.7 0 0 1-.7-1.212L1.602 4 .66 3.456a.7.7 0 0 1 .7-1.212l.942.544V1.7Z"/>
</svg>

Unknown#

⇧ top

QWeather Icon Code: 999

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-999"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-999" viewBox="0 0 16 16">
  <path d="M8.03 9.283c.265 0 .45-.221.53-.475a.866.866 0 0 1 .309-.423l.285-.222c.288-.225.484-.41.585-.556.174-.239.261-.533.261-.882 0-.57-.2-1-.602-1.29C9 5.145 8.498 5 7.894 5c-.46 0-.847.102-1.163.306-.36.23-.6.578-.717 1.04-.08.315.188.588.51.588.314 0 .56-.268.705-.547a1.63 1.63 0 0 1 .056-.098c.13-.206.351-.31.661-.31.316 0 .533.085.65.254a.93.93 0 0 1 .18.556c0 .177-.053.34-.16.488a1.026 1.026 0 0 1-.232.237l-.293.23c-.289.226-.468.426-.538.6-.036.09-.065.218-.087.384-.039.302.21.555.513.555h.051ZM8.013 11a.581.581 0 0 0 0-1.165h-.037a.582.582 0 0 0 0 1.165h.037Z"/>
  <path d="M11.575 11.39A4.986 4.986 0 0 1 7.9 13a4.99 4.99 0 0 1-3.629-1.56.334.334 0 0 0-.345-.086 3 3 0 1 1-.596-5.836.334.334 0 0 0 .32-.153A4.997 4.997 0 0 1 7.9 3c1.804 0 3.385.956 4.264 2.388a.335.335 0 0 0 .341.153 3 3 0 1 1-.566 5.767.335.335 0 0 0-.364.082Zm-.325-1.203c.117-.18.383-.212.555-.083a2 2 0 1 0 .335-3.41c-.194.092-.449.01-.53-.19a4.001 4.001 0 0 0-7.396-.059c-.078.183-.302.264-.486.191a2 2 0 1 0 .362 3.54c.166-.107.401-.073.513.09A3.996 3.996 0 0 0 7.9 12a3.996 3.996 0 0 0 3.35-1.813Z"/>
</svg>

Unknown fill#

⇧ top

QWeather Icon Code: 999

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-999-fill"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-999-fill" viewBox="0 0 16 16">
  <path d="M7.9 13a4.99 4.99 0 0 0 3.827-1.783 3 3 0 1 0 .553-5.63A4.999 4.999 0 0 0 7.9 3a4.998 4.998 0 0 0-4.359 2.549 3 3 0 1 0 .586 5.732A4.988 4.988 0 0 0 7.9 13Zm.138-3.503h-.064c-.378 0-.69-.296-.641-.648a1.8 1.8 0 0 1 .109-.447c.087-.204.31-.437.671-.7l.366-.268a1.24 1.24 0 0 0 .291-.278.907.907 0 0 0 .2-.569c0-.238-.074-.454-.225-.648-.147-.198-.418-.297-.812-.297-.388 0-.663.121-.827.362a1.65 1.65 0 0 0-.07.114c-.18.326-.488.639-.88.639-.404 0-.738-.32-.638-.686.146-.54.445-.945.896-1.214.394-.238.879-.357 1.454-.357.755 0 1.382.17 1.88.508.501.338.752.84.752 1.504 0 .408-.109.75-.326 1.03-.127.169-.37.385-.732.648l-.356.259a1.016 1.016 0 0 0-.386.494c-.1.295-.331.554-.662.554ZM8.016 11.5H7.97c-.4 0-.725-.304-.725-.68 0-.375.324-.679.725-.679h.045c.4 0 .724.304.724.68 0 .375-.324.679-.724.679Z"/>
</svg>

Typhoon#

⇧ top

QWeather Icon Code: 1001

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1001"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1001" viewBox="0 0 16 16">
  <path d="M9.21 1.491c-3.757-.066-6.613 2.537-6.88 5.705-.292 3.494 2.107 4.947 2.428 5.232C2.853 12.4.585 10.28.204 8.296a.104.104 0 0 0-.1-.085.103.103 0 0 0-.103.114c.403 3.526 3.405 6.2 6.79 6.186 3.604-.016 6.518-2.147 6.89-5.646.35-3.295-2.108-5.008-2.424-5.292 2.023.02 4.162 2.15 4.54 4.133.008.048.05.084.098.085a.102.102 0 0 0 .1-.071.103.103 0 0 0 .004-.043c-.406-3.521-3.405-6.126-6.788-6.185ZM8 9.503A1.502 1.502 0 1 1 8 6.5a1.502 1.502 0 0 1 0 3.004Z"/>
</svg>

Tornado#

⇧ top

QWeather Icon Code: 1002

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1002"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1002" viewBox="0 0 16 16">
  <path d="M2.653 4.48c-.105-.315-.105-.573.014-.791.53-.967 2.19-2.004 4.637-2.443 2.743-.492 4.582.057 5.1.746a.71.71 0 0 1 .033.837c.897-.528 1.158-1.081 1.014-1.58C13.166.246 10.41-.369 7.09.244c-3.417.632-5.456 2.22-5.362 3.229.031.337.38.804.925 1.006Z"/>
  <path d="M11.568 3.056c-.178-.621-1.676-1.49-3.99-1.047-2.362.452-3.348 1.804-3.29 2.43.02.208.237.498.575.624-.066-.196-.065-.356.01-.492.327-.6 1.358-1.244 2.877-1.516 1.704-.306 2.845.035 3.166.463a.44.44 0 0 1 .022.52c.556-.329.718-.672.63-.982Z"/>
  <path d="M15.583 1.905c.062.674-.27 1.59-1.036 2.482.365.215.778.548.828.978.11.964-.43 2.058-1.606 2.953.008.007.016.012.024.017a.15.15 0 0 1 .03.023 1.278 1.278 0 0 1 .34 1.041c-.058.378-.301.568-.598.8-.3.232-.654.508-.926 1.062-.097.198-.38.559-.564.729-.378.35-.722.4-1.007.44-.18.026-.336.049-.462.141-.294.216-.43.424-.553.612-.101.154-.193.294-.356.415a.915.915 0 0 1-.432.167c-.165.03-.326.06-.519.252-.073.073-.128.19-.188.317-.078.167-.165.351-.31.476-.103.089-.21.146-.306.197-.117.062-.216.115-.27.207-.093.16-.123.34-.147.487-.028.167-.048.292-.149.299-.106.007-.964-1.02-1.167-1.975-.045-.21-.102-.478-.018-.791.022-.085.049-.15.085-.238.031-.078.07-.175.12-.319l.016-.044a2.85 2.85 0 0 0 .134-.446c.034-.234-.267-.455-.457-.595a1.666 1.666 0 0 1-.12-.092c-.149-.138-1.019-.973-.964-1.71 0-.189.048-.376.139-.542-.958-.5-1.593-1.174-1.774-1.808a1.946 1.946 0 0 1-.05-.459C1.513 6.41.583 5.356.424 4.445c-.073-.427.173-.94.554-1.38 0 .001-.035.686.285 1.026.956 1.018 3.98 1.787 7.223 1.262 3.613-.585 5.97-2.628 5.763-3.967-.06-.39-.198-.651-.538-.972 0 0 1.784.537 1.873 1.491Zm-5.95 9.347c1.13-.1 2.536-.664 3.386-1.793.17-.241.273-.524.298-.818-.83.52-1.902.951-3.247 1.199-1.852.341-3.422.098-4.581-.408.03.104.077.201.142.287.54.625 1.978 1.714 4.002 1.533ZM4.122 7.37c1.124.775 3.08 1.268 5.706.85 2.927-.463 4.836-2.11 4.671-3.22a1.227 1.227 0 0 0-.15-.395c-1.082 1.143-2.899 2.206-5.571 2.61-2.004.302-3.616.223-4.876-.072.06.088.134.165.22.227Z"/>
</svg>

Rainstorm#

⇧ top

QWeather Icon Code: 1003

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1003"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1003" viewBox="0 0 16 16">
  <path d="M7.9 10a4.99 4.99 0 0 0 3.827-1.783 3 3 0 1 0 .553-5.63A4.999 4.999 0 0 0 7.9 0a4.998 4.998 0 0 0-4.359 2.549 3 3 0 1 0 .586 5.732A4.988 4.988 0 0 0 7.9 10Zm-.791-6.398c-.057-.362.17-.8.496-.997.256-.153.551-.133.806.023l.07.042a.846.846 0 0 1 .409.853L8.532 5.8H7.454L7.11 3.602ZM8.599 6.9a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Zm.344 4.804a.494.494 0 0 0-.157-.641c-.205-.13-.467-.053-.586.172l-2.143 4.061a.494.494 0 0 0 .157.641c.205.13.467.053.586-.172l2.143-4.061ZM2.8 11.556c.191.115.257.37.146.57l-1.2 2.165a.391.391 0 0 1-.546.153.427.427 0 0 1-.146-.57l1.2-2.165a.39.39 0 0 1 .546-.153Zm3 0c.191.115.257.37.146.57l-1.2 2.165a.391.391 0 0 1-.546.153.427.427 0 0 1-.146-.57l1.2-2.165a.39.39 0 0 1 .546-.153Zm9 0c.191.115.257.37.146.57l-1.2 2.165a.391.391 0 0 1-.546.153.427.427 0 0 1-.146-.57l1.2-2.165a.39.39 0 0 1 .546-.153Zm-2.854.569a.427.427 0 0 0-.146-.57.391.391 0 0 0-.546.154l-1.2 2.166a.428.428 0 0 0 .146.57.391.391 0 0 0 .546-.154l1.2-2.166Z"/>
</svg>

Snow storm#

⇧ top

QWeather Icon Code: 1004

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1004"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1004" viewBox="0 0 16 16">
  <path d="M7.9 10a4.99 4.99 0 0 0 3.827-1.783 3 3 0 1 0 .553-5.63A4.999 4.999 0 0 0 7.9 0a4.998 4.998 0 0 0-4.359 2.549 3 3 0 1 0 .586 5.732A4.988 4.988 0 0 0 7.9 10Zm-.791-6.398c-.057-.362.17-.8.496-.997.256-.153.551-.133.806.023l.07.042a.846.846 0 0 1 .409.853L8.532 5.8H7.454L7.11 3.602ZM8.599 6.9a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0ZM1.501 10a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Zm12.65.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm-6.5 3a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm-3.5-1a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm7.35-.35a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Z"/>
</svg>

Cold wave#

⇧ top

QWeather Icon Code: 1005

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1005"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1005" viewBox="0 0 16 16">
  <path d="M8.5.5a.5.5 0 1 0-1 0v1.293l-.646-.647a.5.5 0 1 0-.708.708L7.5 3.207V5c0 .014 0 .028.002.041A2.997 2.997 0 0 0 5.687 6.09a.512.512 0 0 0-.035-.022l-1.553-.896-.495-1.85a.5.5 0 1 0-.966.26l.237.882-1.12-.646a.5.5 0 0 0-.5.866l1.12.646-.884.237a.5.5 0 0 0 .26.966l1.848-.495 1.553.896a.503.503 0 0 0 .036.019 2.994 2.994 0 0 0 0 2.096.508.508 0 0 0-.036.019l-1.553.896-1.849-.495a.5.5 0 0 0-.259.966l.884.237-1.12.646a.5.5 0 1 0 .5.866l1.12-.646-.237.883a.5.5 0 1 0 .966.258l.495-1.849 1.553-.896a.507.507 0 0 0 .035-.022 3 3 0 0 0 1.815 1.048.51.51 0 0 0-.002.04v1.793l-1.354 1.353a.5.5 0 0 0 .708.708l.646-.647V15.5a.5.5 0 0 0 1 0v-1.293l.646.647a.5.5 0 0 0 .708-.708L8.5 12.793V10.99c0-.01 0-.02-.002-.031H8.5V5.04h-.002l.002-.03V3.207l1.354-1.353a.5.5 0 1 0-.707-.708l-.647.647V.5Z"/>
  <path d="M16 5.064 13.897 4l-1.946.985-1.722-.435-.229.928L12.061 6l1.836-.93 1.68.85.423-.856Zm0 3L13.897 7l-1.946.985-1.722-.435-.229.928L12.061 9l1.836-.93 1.68.85.423-.856ZM13.897 10 16 11.065l-.423.856-1.68-.85-1.836.929L10 11.478l.23-.928 1.721.435L13.897 10Z"/>
</svg>

Gale#

⇧ top

QWeather Icon Code: 1006

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1006"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1006" viewBox="0 0 16 16">
  <path d="M15.497 3.077S7.525.722 4.845.023a.794.794 0 0 0-.956.568L.024 15a.81.81 0 0 0 .544.968.811.811 0 0 0 1-.554l1.671-6.23 12.373-4.817a.696.696 0 0 0-.115-1.291Z"/>
  <path d="M11.756 7.71a.296.296 0 0 0-.512 0L7.04 15a.292.292 0 0 0 .256.438h8.41a.292.292 0 0 0 .256-.437L11.756 7.71Zm-.956 2.41c-.036-.317.287-.59.7-.59.412 0 .736.273.7.59l-.316 2.785h-.768L10.8 10.12Zm1.267 3.91a.563.563 0 1 1-1.125 0 .563.563 0 0 1 1.125 0Z"/>
</svg>

Sandstorm warning#

⇧ top

QWeather Icon Code: 1007

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1007"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1007" viewBox="0 0 16 16">
  <path d="M15.859 8.141 14.34 9.66a.2.2 0 0 1-.34-.143V9H1a1 1 0 1 1 0-2h13v-.517a.2.2 0 0 1 .341-.142L15.86 7.86a.2.2 0 0 1 0 .282Z"/>
  <path d="M10.462 2.99c.388.39 1.052.476 1.516.156.44-.303.536-.862.177-1.238a7.232 7.232 0 0 0-1.52-1.241C9.91.222 9.06 0 8.082 0 6.82 0 5.788.354 4.984 1.063c-.788.694-1.182 1.548-1.182 2.562 0 .472.102.944.307 1.417.205.472.528.916.97 1.333.191.174.447.383.768.625h3.366a24.36 24.36 0 0 0-.162-.104c-1.356-.89-2.223-1.528-2.6-1.917-.38-.389-.568-.84-.568-1.354 0-.528.197-.958.59-1.292.41-.333.907-.5 1.49-.5.6 0 1.12.132 1.561.396.276.156.588.41.938.761ZM11.725 9c.12.126.229.251.33.375.63.778.945 1.597.945 2.458 0 1.125-.497 2.104-1.49 2.938C10.533 15.59 9.39 16 8.082 16c-2.038 0-3.686-.887-4.946-2.662-.284-.4-.105-.918.36-1.154a1.175 1.175 0 0 1 1.43.328c.886 1.159 1.859 1.738 2.92 1.738.819 0 1.52-.23 2.104-.688.583-.458.875-.993.875-1.604 0-.61-.245-1.187-.733-1.729-.317-.36-.783-.77-1.398-1.229h3.031Z"/>
</svg>

Low temperature freeze#

⇧ top

QWeather Icon Code: 1008

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1008"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1008" viewBox="0 0 16 16">
  <path d="M11.5 7a.5.5 0 0 0-.5.5v2.063a2 2 0 1 0 1 0V7.5a.5.5 0 0 0-.5-.5Z"/>
  <path d="m10.2 8.399-.532.356a3.3 3.3 0 1 0 3.665 0l-.533-.356V2.5a1.3 1.3 0 1 0-2.6 0v5.899ZM9 2.5a2.5 2.5 0 0 1 5 0v5.258a4.5 4.5 0 1 1-5 0V2.5Zm-5.465-.033a.467.467 0 0 1 .933 0v.725l.628-.363a.467.467 0 1 1 .467.808L4.935 4l.628.363a.467.467 0 0 1-.467.808l-.628-.363v.725a.467.467 0 1 1-.933 0v-.725l-.628.363a.467.467 0 0 1-.467-.808L3.068 4l-.628-.363a.467.467 0 1 1 .467-.808l.628.363v-.725Z"/>
  <path d="M7.324 1.872 4.175.048a.347.347 0 0 0-.35 0L.675 1.872a.352.352 0 0 0-.175.304v3.648c0 .126.067.242.175.305l3.15 1.824a.344.344 0 0 0 .35 0l3.149-1.824a.351.351 0 0 0 .176-.305V2.176a.353.353 0 0 0-.176-.304Zm-.526 3.75L4 7.241l-2.798-1.62V2.38L4 .758 6.798 2.38v3.242Z"/>
</svg>

High temperature#

⇧ top

QWeather Icon Code: 1009

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1009"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1009" viewBox="0 0 16 16">
  <path d="M3 2a.6.6 0 0 0-.6.6v1.8H.6a.6.6 0 1 0 0 1.2h1.8v1.8a.6.6 0 0 0 1.2 0V5.6h1.8a.6.6 0 1 0 0-1.2H3.6V2.6A.6.6 0 0 0 3 2Zm8.5 1a.5.5 0 0 0-.5.5v6.063a2 2 0 1 0 1 0V3.5a.5.5 0 0 0-.5-.5Z"/>
  <path d="m10.2 8.399-.532.356a3.3 3.3 0 1 0 3.665 0l-.533-.356V2.5a1.3 1.3 0 1 0-2.6 0v5.899ZM9 2.5a2.5 2.5 0 0 1 5 0v5.258a4.5 4.5 0 1 1-5 0V2.5Z"/>
</svg>

Heat wave#

⇧ top

QWeather Icon Code: 1010

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1010"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1010" viewBox="0 0 16 16">
  <path d="M8.01 2.503a.5.5 0 0 1-.501-.5v-1.5a.5.5 0 0 1 1 0v1.5a.5.5 0 0 1-.5.5ZM3.766 4.255a.498.498 0 0 1-.353-.147l-1.062-1.06a.5.5 0 0 1 .707-.707L4.122 3.4a.5.5 0 0 1-.355.854v.001ZM2.004 8.493h-1.5a.5.5 0 1 1 0-1h1.5a.5.5 0 1 1 0 1Zm.691 5.303a.5.5 0 0 1-.354-.854l1.062-1.06a.5.5 0 0 1 .708.707l-1.063 1.06a.498.498 0 0 1-.353.147Zm5.301 2.201a.5.5 0 0 1-.5-.5v-1.5a.5.5 0 0 1 1 0v1.5a.5.5 0 0 1-.5.5Zm-.869-3.583a4.5 4.5 0 0 0 1.373.059V3.527a4.503 4.503 0 0 0-4.652 2.75 4.5 4.5 0 0 0 3.28 6.137Zm8.876-4.407A.506.506 0 0 0 16 7.952v.04a.5.5 0 0 0-.2-.392 2.952 2.952 0 0 0-.846-.463A2.96 2.96 0 0 0 14 7c-.629 0-1.037.364-1.304.601l-.028.025C12.37 7.891 12.222 8 12 8c-.273 0-.468-.029-.638-.085A1.967 1.967 0 0 1 10.8 7.6a.5.5 0 0 0-.6.8c.276.207.544.363.846.463.301.1.61.137.954.137.629 0 1.038-.364 1.304-.601l.028-.025C13.63 8.109 13.778 8 14 8c.273 0 .468.029.638.085.17.057.344.151.562.315a.5.5 0 0 0 .8-.392v.054a.506.506 0 0 0 .003-.055ZM12 6c.629 0 1.038-.364 1.304-.601l.028-.025C13.63 5.109 13.778 5 14 5c.273 0 .468.029.638.085.17.057.344.151.562.315a.5.5 0 0 0 .6-.8 2.952 2.952 0 0 0-.846-.463A2.96 2.96 0 0 0 14 4c-.629 0-1.037.364-1.304.601l-.028.025C12.37 4.891 12.222 5 12 5c-.273 0-.468-.029-.638-.085A1.967 1.967 0 0 1 10.8 4.6a.5.5 0 0 0-.6.8c.276.207.544.363.846.463.301.1.61.137.954.137Zm0 6c.629 0 1.038-.364 1.304-.601l.028-.025c.298-.264.446-.374.668-.374.273 0 .468.029.638.085.17.057.344.151.562.315a.5.5 0 0 0 .6-.8 2.951 2.951 0 0 0-.846-.463c-.301-.1-.61-.137-.954-.137-.629 0-1.037.364-1.304.601l-.028.025c-.298.264-.446.374-.668.374-.273 0-.468-.029-.638-.085a1.968 1.968 0 0 1-.562-.315.5.5 0 0 0-.6.8c.276.207.544.363.846.463.301.1.61.137.954.137Z"/>
</svg>

Dry hot wind#

⇧ top

QWeather Icon Code: 1011

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1011"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1011" viewBox="0 0 16 16">
  <path d="M4.9 1.5c-.9.3-1.2 1.1-1.1 1.6-.7-.8-.7-1.7-.6-3.1-2.1.8-1.6 3.2-1.7 4C1 3.5.9 2.5.9 2.5.3 2.8 0 3.6 0 4.3 0 5.9 1.3 7 2.8 7c1.5 0 2.7-1.2 2.7-2.7 0-1.1-.6-1.4-.6-2.8ZM2 9h6a1 1 0 1 0-.943-1.333.5.5 0 1 1-.943-.334A2 2 0 1 1 8 10H2a.5.5 0 0 1 0-1Z"/>
  <path d="M11.079 8.375A2.5 2.5 0 0 1 16 9c0 1.397-1.24 2.5-2.5 2.5H.5a.5.5 0 0 1 0-1h13c.74 0 1.5-.688 1.5-1.5a1.5 1.5 0 0 0-2.953-.375.5.5 0 1 1-.968-.25ZM2.5 12.5A.5.5 0 0 1 3 12h8a2 2 0 1 1-1.886 2.667.5.5 0 1 1 .943-.334A1 1 0 1 0 11 13H3a.5.5 0 0 1-.5-.5Z"/>
</svg>

Downburst#

⇧ top

QWeather Icon Code: 1012

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1012"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1012" viewBox="0 0 16 16">
  <path d="M5 10a.5.5 0 0 1 .5.5V14a2 2 0 1 1-2.665-1.887.5.5 0 0 1 .332.944A1 1 0 1 0 4.5 14v-3.5A.5.5 0 0 1 5 10Zm3 1c.276 0 .5.18.5.4v3.2c0 .22-.224.4-.5.4s-.5-.18-.5-.4v-3.2c0-.22.224-.4.5-.4Zm2.5-.5a.5.5 0 0 1 1 0V14a1 1 0 1 0 1.332-.944.5.5 0 1 1 .332-.943A2 2 0 1 1 10.5 14v-3.5ZM7.9 10a4.99 4.99 0 0 0 3.827-1.783 3 3 0 1 0 .553-5.63A4.999 4.999 0 0 0 7.9 0a4.998 4.998 0 0 0-4.359 2.549 3 3 0 1 0 .586 5.732A4.988 4.988 0 0 0 7.9 10Zm-.791-6.398c-.057-.362.17-.8.496-.997.256-.153.551-.133.806.023l.07.042a.846.846 0 0 1 .409.853L8.532 5.8H7.454L7.11 3.602ZM8.599 6.9a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z"/>
</svg>

Avalanche#

⇧ top

QWeather Icon Code: 1013

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1013"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1013" viewBox="0 0 16 16">
  <path d="m14.589 4-1.472.835-1.235 2.139-2.44 1.017L8.336 9.77l-3.588.905L1 15.998h15L14.589 4Zm-4.088-4a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 0 0-.35.606l.47.272-.47.272a.35.35 0 0 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 0 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272V.35a.35.35 0 0 0-.35-.35Zm-4.35 3.35a.35.35 0 1 1 .7 0v.544l.471-.272a.35.35 0 0 1 .35.606L7.2 4.5l.471.272a.35.35 0 0 1-.35.606l-.471-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 0 1-.35-.606L5.8 4.5l-.47-.272a.35.35 0 1 1 .35-.606l.47.272V3.35Z"/>
  <path d="M10.151 4.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 0 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 0 1-.35-.606L9.8 5.5l-.47-.272a.35.35 0 0 1 .35-.606l.47.272V4.35Zm-5 3a.35.35 0 1 1 .7 0v.544l.471-.272a.35.35 0 0 1 .35.606L6.2 8.5l.471.272a.35.35 0 0 1-.35.606l-.471-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 0 1-.35-.606L4.8 8.5l-.47-.272a.35.35 0 0 1 .35-.606l.47.272V7.35ZM2.501 9a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 0 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.471.272a.35.35 0 1 0 .35-.606L3.2 10.5l.47-.272a.35.35 0 1 0-.349-.606l-.471.272V9.35A.35.35 0 0 0 2.5 9Z"/>
</svg>

Lightning#

⇧ top

QWeather Icon Code: 1014

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1014"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1014" viewBox="0 0 16 16">
  <path d="M7.058 0h5.403c.264 0 .422.311.279.548l-2.975 3.85a.173.173 0 0 0 .05.232.147.147 0 0 0 .08.024h3.13c.416 0 .63.53.345.855L4.12 16l2.203-8.082a.177.177 0 0 0-.025-.146.159.159 0 0 0-.055-.048.148.148 0 0 0-.07-.018H2.976a.451.451 0 0 1-.236-.067.49.49 0 0 1-.173-.183.532.532 0 0 1-.006-.503L6.56.311C6.66.119 6.85 0 7.057 0Z"/>
</svg>

Hail#

⇧ top

QWeather Icon Code: 1015

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1015"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1015" viewBox="0 0 16 16">
  <path d="m1 9 1 1.5L1 13l-1-2.5L1 9Zm15 1.5L15 9l-1 1.5 1 2.5 1-2.5ZM4.5 11l1 1.5-1 2.5-1-2.5 1-1.5Zm8 1.5-1-1.5-1 1.5 1 2.5 1-2.5Zm-3.5 1L8 12l-1 1.5L8 16l1-2.5ZM7.9 10a4.99 4.99 0 0 0 3.827-1.783 3 3 0 1 0 .553-5.63A4.999 4.999 0 0 0 7.9 0a4.998 4.998 0 0 0-4.359 2.549 3 3 0 1 0 .586 5.732A4.988 4.988 0 0 0 7.9 10Zm-.791-6.398c-.057-.362.17-.8.496-.997.256-.153.551-.133.806.023l.07.042a.846.846 0 0 1 .409.853L8.532 5.8H7.454L7.11 3.602ZM8.599 6.9a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z"/>
</svg>

Frost#

⇧ top

QWeather Icon Code: 1016

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1016"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1016" viewBox="0 0 16 16">
  <path d="M0 10.75a.75.75 0 0 1 1.5 0v3.75h13v-3.75a.75.75 0 0 1 1.5 0v4.5a.75.75 0 0 1-.75.75H.75a.75.75 0 0 1-.75-.75v-4.5Z"/>
  <path d="M8.406.406a.406.406 0 1 0-.812 0v1.05L7.069.932a.406.406 0 1 0-.575.575l1.1 1.1v1.457l.001.033a2.44 2.44 0 0 0-1.474.851.415.415 0 0 0-.029-.018l-1.261-.728L4.428 2.7a.406.406 0 1 0-.785.21l.193.718-.91-.526a.406.406 0 0 0-.406.704l.91.525-.718.192a.406.406 0 0 0 .21.785l1.502-.402 1.262.728.03.015a2.432 2.432 0 0 0 0 1.704.415.415 0 0 0-.03.015l-1.262.728-1.502-.402a.406.406 0 1 0-.21.785l.717.192-.91.525a.406.406 0 0 0 .407.704l.91-.526-.193.718a.406.406 0 1 0 .785.21L4.831 8.8l1.261-.728a.416.416 0 0 0 .029-.018 2.44 2.44 0 0 0 1.474.851.411.411 0 0 0-.001.034v1.456l-1.1 1.1a.406.406 0 1 0 .575.575l.525-.526v1.05a.406.406 0 0 0 .812 0v-1.05l.526.526a.406.406 0 1 0 .574-.575l-1.1-1.1V8.937l-.001-.033a2.435 2.435 0 0 0 1.474-.852l.029.019 1.261.728.403 1.502a.406.406 0 1 0 .785-.21l-.192-.718.91.526a.406.406 0 1 0 .405-.704l-.91-.525.718-.192a.406.406 0 0 0-.21-.785l-1.502.402-1.262-.728a.422.422 0 0 0-.03-.016 2.433 2.433 0 0 0 0-1.702l.03-.016 1.262-.728 1.502.402a.406.406 0 0 0 .21-.785l-.717-.192.91-.525a.406.406 0 0 0-.407-.704l-.91.526.193-.718a.406.406 0 1 0-.785-.21L11.17 4.2l-1.262.728a.414.414 0 0 0-.029.019 2.435 2.435 0 0 0-1.474-.852l.001-.034V2.607l1.1-1.1a.406.406 0 0 0-.574-.575l-.526.526V.407Z"/>
</svg>

Heavy fog warning#

⇧ top

QWeather Icon Code: 1017

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1017"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1017" viewBox="0 0 16 16">
  <path d="M12.227 8.13a.263.263 0 0 0-.454 0l-3.738 6.482a.26.26 0 0 0 .227.388h7.476a.26.26 0 0 0 .227-.388L12.227 8.13Zm-.85 2.144c-.032-.282.256-.524.623-.524s.655.242.623.524l-.282 2.476h-.682l-.282-2.476Zm1.127 3.476a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM.75 2a.75.75 0 0 0 0 1.5h14.5a.75.75 0 0 0 0-1.5H.75Zm7 3.5a.75.75 0 0 0 0 1.5h7.5a.75.75 0 0 0 0-1.5h-7.5ZM0 9.75A.75.75 0 0 1 .75 9h7.5a.75.75 0 0 1 0 1.5H.75A.75.75 0 0 1 0 9.75ZM.75 5.5a.75.75 0 0 0 0 1.5h4.5a.75.75 0 1 0 0-1.5H.75Z"/>
</svg>

Low level wind shearl#

⇧ top

QWeather Icon Code: 1018

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1018"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1018" viewBox="0 0 16 16">
  <path d="M7.86 12.447a2.807 2.807 0 1 0 0-5.614 2.807 2.807 0 0 0 0 5.614Zm0-6.771c.973 0 1.636.475 1.833.628.013-.169.026-.382.027-.628.015-2.353-.956-5.15-1.856-5.15-.678 0-1.849 2.306-1.849 5.15 0 .211.016.412.027.617a3.018 3.018 0 0 1 1.818-.617Zm-3.332 6.1a3.022 3.022 0 0 1-.372-1.901 8.77 8.77 0 0 0-.558.29C1.553 11.328-.384 13.567.066 14.347c.339.587 2.921.449 5.384-.973.183-.106.349-.22.52-.332a3.016 3.016 0 0 1-1.442-1.266Zm7.871-1.762a9.015 9.015 0 0 0-.547-.285 3.021 3.021 0 0 1-.375 1.883 3.013 3.013 0 0 1-1.46 1.273c.175.114.344.23.53.338 2.463 1.422 5.046 1.559 5.388.967.45-.779-1.492-3.015-3.536-4.176Z"/>
</svg>

Haze warning#

⇧ top

QWeather Icon Code: 1019

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1019"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1019" viewBox="0 0 16 16">
  <path d="M12.543 4.487c-1.581 0-3.876 1.712-4.57 2.888C7.282 6.2 4.987 4.487 3.406 4.487a3.486 3.486 0 0 0 0 6.97c1.58 0 3.876-1.75 4.569-2.906.693 1.156 2.988 2.906 4.569 2.906a3.486 3.486 0 0 0 0-6.97h-.001Z"/>
</svg>

Thunder gust#

⇧ top

QWeather Icon Code: 1020

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1020"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1020" viewBox="0 0 16 16">
  <path d="M2 3h6a1 1 0 1 0-.943-1.333.5.5 0 1 1-.943-.334A2 2 0 1 1 8 4H2a.5.5 0 0 1 0-1Z"/>
  <path d="M11.079 2.375A2.5 2.5 0 0 1 16 3c0 1.397-1.24 2.5-2.5 2.5H.5a.5.5 0 0 1 0-1h13c.74 0 1.5-.688 1.5-1.5a1.5 1.5 0 0 0-2.953-.375.5.5 0 1 1-.968-.25ZM2.5 6.5A.5.5 0 0 1 3 6h8a2 2 0 1 1-1.886 2.667.5.5 0 1 1 .943-.334A1 1 0 1 0 11 7H3a.5.5 0 0 1-.5-.5Zm2.96 6.126c-.054 0-.089-.05-.065-.093l.792-1.438C6.21 11.05 6.176 11 6.122 11H4.544a.147.147 0 0 0-.076.02.158.158 0 0 0-.058.057l-1.397 2.637c-.042.079.022.17.118.17h1.42c.05 0 .084.043.069.086l-.739 1.943c-.027.07.072.118.124.063l2.978-3.243c.04-.042.006-.107-.055-.107H5.46Zm4.698 2.886a1.666 1.666 0 0 1-.488-1.179c0-.833.926-2.325 1.667-3.333.74 1.008 1.666 2.5 1.666 3.333a1.666 1.666 0 0 1-2.845 1.179Z"/>
</svg>

Road icing#

⇧ top

QWeather Icon Code: 1021

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1021"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1021" viewBox="0 0 16 16">
  <path d="M16 4 6.5 9l3.5 3-6 4h9l2.5-5L11 9l5-3V4Zm-1.45 1.878-.1-.173.5-.291.1.172-.5.292Zm-2 1.167-.1-.173 1-.583.1.172-1 .584Zm-2 1.166-.1-.172 1-.584.1.173-1 .583Zm-1 .584-.376.22.265.22-.128.154-.485-.403.624-.364.1.173Zm1.389 1.69-.128.154-.75-.625.128-.153.75.625Zm1.196.998-.366.513-.163-.117.259-.362-.304-.253.128-.153.446.372Zm-1.616 2.263-.163-.117.625-.875.163.117-.625.875Zm-.938 1.312-.162-.116.312-.438.163.117-.313.437ZM3.535 2.467a.467.467 0 0 1 .933 0v.725l.628-.363a.467.467 0 1 1 .467.808L4.935 4l.628.363a.467.467 0 0 1-.467.808l-.628-.363v.725a.467.467 0 1 1-.933 0v-.725l-.628.363a.467.467 0 0 1-.467-.808L3.068 4l-.628-.363a.467.467 0 1 1 .467-.808l.628.363v-.725Z"/>
  <path d="M7.324 1.872 4.175.048a.347.347 0 0 0-.35 0L.675 1.872a.352.352 0 0 0-.175.304v3.648c0 .126.067.242.175.305l3.15 1.824a.344.344 0 0 0 .35 0l3.149-1.824a.351.351 0 0 0 .176-.305V2.176a.353.353 0 0 0-.176-.304Zm-.526 3.75L4 7.241l-2.798-1.62V2.38L4 .758 6.798 2.38v3.242Z"/>
</svg>

Drought#

⇧ top

QWeather Icon Code: 1022

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1022"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1022" viewBox="0 0 16 16">
  <path d="M2.121.352C1.873.01 1.337-.103.924.104.51.31.377.756.624 1.099l3.09 4.281a.21.21 0 0 1-.017.27l-2.63 2.915C.641 9.038.541 9.66.805 10.21L2.628 14H1a1 1 0 1 0 0 2h14a1 1 0 1 0 0-2h-.492l-2.082-4.33a.209.209 0 0 1 .037-.234l2.63-2.915c.496-.551.543-1.297.117-1.888L12.12.353c-.248-.344-.784-.456-1.197-.25-.413.207-.547.653-.3.996l3.089 4.281a.21.21 0 0 1-.017.27l-2.629 2.915c-.426.473-.526 1.096-.262 1.645L12.63 14H9.51L7.425 9.67a.209.209 0 0 1 .037-.234l2.63-2.915c.496-.551.543-1.297.117-1.888L7.12.353c-.248-.344-.784-.456-1.197-.25-.413.207-.547.653-.3.996L8.714 5.38a.21.21 0 0 1-.017.27l-2.63 2.915c-.426.473-.526 1.096-.262 1.645L7.628 14h-3.12L2.426 9.67a.209.209 0 0 1 .037-.234l2.63-2.915c.497-.551.543-1.297.117-1.888L2.12.353Z"/>
</svg>

Gale at sea#

⇧ top

QWeather Icon Code: 1023

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1023"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1023" viewBox="0 0 16 16">
  <path d="M12.685 1.923S7.703.45 6.028.014A.496.496 0 0 0 5.43.37L3.015 9.376a.506.506 0 0 0 .34.605.507.507 0 0 0 .625-.347l1.044-3.893 7.734-3.01a.434.434 0 0 0-.073-.808ZM.777 11.644a.5.5 0 1 0-.554.832l1.017.678a1.5 1.5 0 0 0 1.503.094l1.033-.517a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.033.517a1.5 1.5 0 0 0 1.503-.094l1.017-.678a.5.5 0 1 0-.554-.832l-1.017.678a.5.5 0 0 1-.501.031l-1.034-.517a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.034.517a.5.5 0 0 1-.5-.03l-1.018-.679Zm0 2.5a.5.5 0 1 0-.554.832l1.017.678a1.5 1.5 0 0 0 1.503.094l1.033-.517a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.033.517a1.5 1.5 0 0 0 1.503-.094l1.017-.678a.5.5 0 1 0-.554-.832l-1.017.678a.5.5 0 0 1-.501.031l-1.034-.517a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.034.517a.5.5 0 0 1-.5-.03l-1.018-.679Z"/>
</svg>

Heat stroke#

⇧ top

QWeather Icon Code: 1024

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1024"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1024" viewBox="0 0 16 16">
  <path d="M11.306 1.326a.281.281 0 0 0 .48-.199V.283a.281.281 0 1 0-.562 0v.844c0 .075.03.146.082.2ZM9.011 2.373a.281.281 0 0 0 .307-.46l-.598-.596a.281.281 0 0 0-.398.398l.598.597a.28.28 0 0 0 .091.06ZM7.283 4.78h.844a.281.281 0 0 0 0-.564h-.844a.281.281 0 0 0 0 .563ZM8.36 7.716a.281.281 0 0 0 .355-.036l.597-.596a.281.281 0 0 0-.398-.398l-.597.597a.281.281 0 0 0 .042.433Zm2.939 1.204a.281.281 0 0 0 .48-.2v-.844a.281.281 0 1 0-.563 0v.844c0 .075.03.147.083.2Zm3.075-1.173a.28.28 0 0 0 .367-.152.281.281 0 0 0-.061-.307l-.597-.596a.281.281 0 1 0-.397.398l.597.596a.28.28 0 0 0 .09.061Zm.502-2.96h.844a.282.282 0 0 0 0-.563h-.844a.281.281 0 1 0 0 .563Zm-1.142-2.434a.282.282 0 0 0 .356-.036l.596-.596a.281.281 0 0 0-.398-.398l-.597.596a.281.281 0 0 0 .043.434Zm-3.637.042a2.532 2.532 0 1 1 2.812 4.21 2.532 2.532 0 0 1-2.813-4.21Zm2.5.468a1.969 1.969 0 1 0-2.188 3.274 1.969 1.969 0 0 0 2.188-3.274ZM5 6.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm-.939 2.251L2.904 8.52a1 1 0 0 0-1.187.848l-.708 5.31A1 1 0 0 0 2 15.81h1.055a1 1 0 0 0 .555-.168l2.651-1.767a.2.2 0 0 1 .2-.013l3.791 1.896a.5.5 0 0 0 .224.052h.23a.5.5 0 0 0 .278-.916l-4.205-2.803a.8.8 0 0 0-.855-.02l-1.695 1.017a.2.2 0 0 1-.3-.205l.365-2.19a.2.2 0 0 1 .339-.108l.932.932a1 1 0 0 0 .707.293h2.086a.5.5 0 0 0 0-1H6.441a.2.2 0 0 1-.142-.058L4.572 9.024a1 1 0 0 0-.51-.273Zm.633-7.132a.218.218 0 0 0-.29-.096.213.213 0 0 0-.098.287l.21.415c.092.182.056.4-.09.544l-.16.159a.892.892 0 0 0-.17 1.038l.21.415a.218.218 0 0 0 .29.096.213.213 0 0 0 .098-.287l-.21-.415a.467.467 0 0 1 .09-.544l.16-.159a.892.892 0 0 0 .17-1.038l-.21-.415Zm-2.291-.096a.218.218 0 0 1 .29.096l.21.415a.892.892 0 0 1-.17 1.038l-.16.159a.467.467 0 0 0-.09.544l.21.415a.213.213 0 0 1-.096.287.218.218 0 0 1-.29-.096l-.21-.415a.892.892 0 0 1 .17-1.038l.16-.159a.467.467 0 0 0 .09-.544l-.21-.415a.213.213 0 0 1 .096-.287Zm1 0a.218.218 0 0 1 .29.096l.21.415a.892.892 0 0 1-.17 1.038l-.16.159a.467.467 0 0 0-.09.544l.21.415a.213.213 0 0 1-.096.287.218.218 0 0 1-.29-.096l-.21-.415a.892.892 0 0 1 .17-1.038l.16-.159a.467.467 0 0 0 .09-.544l-.21-.415a.213.213 0 0 1 .096-.287Z"/>
</svg>

Wildfire#

⇧ top

QWeather Icon Code: 1025

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1025"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1025" viewBox="0 0 16 16">
  <path d="M15.4 3c-.9.3-1.2 1.1-1.1 1.6-.7-.8-.7-1.7-.6-3.1-2.1.8-1.6 3.2-1.7 4-.5-.5-.6-1.5-.6-1.5-.6.3-.9 1.1-.9 1.8 0 1.6 1.3 2.7 2.8 2.7 1.5 0 2.7-1.2 2.7-2.7 0-1.1-.6-1.4-.6-2.8Z"/>
  <path d="M12.3 9.3c-1.6-.4-2.8-1.8-2.8-3.6 0-.6.2-1.3.6-1.9L7.26.203a.2.2 0 0 0-.316.003l-3.7 4.873a.2.2 0 0 0 .159.321H4.8L2.056 8.876a.2.2 0 0 0 .157.324H4.2L.298 13.567a.2.2 0 0 0 .149.333H6v1.9c0 .11.09.2.2.2H8a.2.2 0 0 0 .2-.2v-1.9h5.547a.2.2 0 0 0 .147-.335L10 9.3h2.3Z"/>
</svg>

Grassland fire#

⇧ top

QWeather Icon Code: 1026

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1026"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1026" viewBox="0 0 16 16">
  <path d="M15.454 5.05c-.818.27-1.09.99-1 1.44-.636-.72-.636-1.53-.545-2.79-1.909.72-1.455 2.88-1.545 3.6-.455-.45-.546-1.35-.546-1.35-.545.27-.818.99-.818 1.62C11 9.01 12.182 10 13.546 10A2.432 2.432 0 0 0 16 7.57c0-.99-.546-1.26-.546-2.52Z"/>
  <path d="M14.7 10.8v-.2c-.4.2-.8.2-1.3.2-.9 0-1.7-.3-2.3-.8-.3.4-.6.9-.8 1.4-.4 1.1-.7 2-.8 2.8-.1-1.6-.3-4.2-1.1-6.6C7 3.1 2.2 0 2.2 0s2.6 6.5 2.9 9.8c.3 2.2-.1 4.3-.3 5.4-.1-.8-.3-2-.9-3.3C2.8 9.3 0 7.6 0 7.6s1.4 3.2 1.7 5.1c.2 1.8-.4 3.3-.4 3.3h13.5c.1 0-1-1.5-.1-5.2Z"/>
</svg>

Freeze#

⇧ top

QWeather Icon Code: 1027

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1027"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1027" viewBox="0 0 16 16">
  <path d="M7.07 4.933a.933.933 0 0 1 1.866 0v1.45l1.256-.725a.933.933 0 1 1 .933 1.617L9.87 8l1.256.725a.933.933 0 1 1-.933 1.617l-1.256-.725v1.45a.933.933 0 0 1-1.867 0v-1.45l-1.256.725a.933.933 0 1 1-.933-1.617L6.136 8 4.88 7.275a.933.933 0 0 1 .933-1.617l1.256.725v-1.45Z"/>
  <path d="M14.649 3.743 8.35.095a.693.693 0 0 0-.701 0L1.351 3.743a.705.705 0 0 0-.351.61v7.295c0 .251.134.483.351.61l6.298 3.647a.688.688 0 0 0 .701 0l6.298-3.648a.702.702 0 0 0 .352-.609V4.352a.705.705 0 0 0-.351-.609Zm-1.052 7.5L8 14.483l-5.597-3.242V4.76L8 1.516l5.597 3.242v6.484Z"/>
</svg>

Space weather#

⇧ top

QWeather Icon Code: 1028

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1028"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1028" viewBox="0 0 16 16">
  <path d="M15.25 4.13a2.08 2.08 0 0 0 .486-1.328 2.102 2.102 0 0 0-3.284-1.734A7.305 7.305 0 0 0 8.652 0 7.35 7.35 0 0 0 1.3 7.35c0 .879.162 1.717.445 2.498A3.14 3.14 0 0 0 0 12.654a3.15 3.15 0 0 0 3.15 3.15 3.135 3.135 0 0 0 2.748-1.64 7.327 7.327 0 0 0 5.564-.021A7.35 7.35 0 0 0 16 7.35a7.3 7.3 0 0 0-.75-3.222ZM3.15 14.333a1.682 1.682 0 0 1-1.68-1.68c0-.927.754-1.68 1.68-1.68a1.681 1.681 0 0 1 0 3.36Zm5.5-1.101c-.812 0-1.615-.17-2.357-.497 0-.027.008-.054.008-.081a3.15 3.15 0 0 0-3.117-3.147 5.838 5.838 0 0 1-.415-2.155 5.888 5.888 0 0 1 5.881-5.88 5.84 5.84 0 0 1 2.958.806 2.08 2.08 0 0 0-.074.524c0 1.16.94 2.1 2.1 2.1.116 0 .228-.015.34-.033a5.83 5.83 0 0 1 .557 2.483 5.889 5.889 0 0 1-5.88 5.88Z"/>
  <path d="M8.584 4.829a2.688 2.688 0 1 0 0 5.376 2.688 2.688 0 0 0 0-5.376Z"/>
</svg>

Heavy air pollution#

⇧ top

QWeather Icon Code: 1029

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1029"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1029" viewBox="0 0 16 16">
  <path d="M10.649.631a2 2 0 0 0-3.275.533 1.5 1.5 0 0 0-2.098.84 1 1 0 0 0-1.028.665 1 1 0 1 0 .388 1.162.995.995 0 0 0 1.22-.084 1.493 1.493 0 0 0 1.388.148 1.5 1.5 0 0 0 2.362.793 2.5 2.5 0 0 0 4.149-.719A1.002 1.002 0 0 0 15 3a1 1 0 0 0-.674-.946 1 1 0 0 0-1.36-1.042 2.497 2.497 0 0 0-2.318-.381ZM2.234 6.096a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM3 2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
  <path d="M5 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm-.5 4a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm-3 1h3v1h-3v-1ZM16 16H0v-1h1.034l.5-7h2.932l.5 7H16v1ZM3.963 15l-.143-2H2.18l-.143 2h1.926Zm-.214-3-.067-.933H2.318L2.251 12H3.75Zm-.138-1.933L3.534 9H2.466l-.077 1.067h1.222Z"/>
  <path d="M10.773 7.63a.263.263 0 0 1 .454 0l3.738 6.482a.26.26 0 0 1-.227.388H7.262a.26.26 0 0 1-.227-.388l3.738-6.481ZM11 9.25c-.367 0-.655.242-.623.524l.282 2.476h.682l.282-2.476c.032-.282-.256-.524-.623-.524Zm.004 4.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
</svg>

Low temperature rain and snow#

⇧ top

QWeather Icon Code: 1030

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1030"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1030" viewBox="0 0 16 16">
  <path d="M11.5 7a.5.5 0 0 0-.5.5v2.063a2 2 0 1 0 1 0V7.5a.5.5 0 0 0-.5-.5Z"/>
  <path d="m10.2 8.399-.532.356a3.3 3.3 0 1 0 3.665 0l-.533-.356V2.5a1.3 1.3 0 1 0-2.6 0v5.899ZM9 2.5a2.5 2.5 0 0 1 5 0v5.258a4.5 4.5 0 1 1-5 0V2.5Zm-6.349-.65a.35.35 0 1 1 .7 0v.544l.471-.272a.35.35 0 0 1 .35.606L3.7 3l.47.272a.35.35 0 0 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 0 1-.35-.606L2.3 3l-.47-.272a.35.35 0 0 1 .35-.606l.47.272V1.85Z"/>
  <path d="M5.493 1.404 3.131.036a.26.26 0 0 0-.263 0L.507 1.404a.264.264 0 0 0-.132.228v2.736c0 .094.05.181.132.228l2.361 1.368a.258.258 0 0 0 .263 0l2.362-1.368a.264.264 0 0 0 .132-.228V1.632a.264.264 0 0 0-.132-.228ZM5.1 4.216 3 5.432.901 4.216V1.785L3 .569l2.099 1.215v2.432Zm.393 4.188L3.131 7.036a.26.26 0 0 0-.263 0L.507 8.404a.264.264 0 0 0-.132.228v2.736c0 .094.05.181.132.228l2.361 1.368a.258.258 0 0 0 .263 0l2.362-1.368a.264.264 0 0 0 .132-.228V8.632a.264.264 0 0 0-.132-.228ZM5.1 11.216 3 12.432.901 11.216V8.785L3 7.569l2.099 1.215v2.432Z"/>
  <path d="M2.293 11.207A1 1 0 0 1 2 10.5c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Z"/>
</svg>

Strong convection#

⇧ top

QWeather Icon Code: 1031

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1031"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1031" viewBox="0 0 16 16">
  <path d="m1.959 8.648 3.43-2.169a.288.288 0 0 0-.067-.517l-1.853-.579a5.17 5.17 0 0 1 .808-1.08 5.254 5.254 0 0 1 1.668-1.126 5.298 5.298 0 0 1 4.084 0 5.22 5.22 0 0 1 1.668 1.125c.48.478.861 1.045 1.125 1.668a.701.701 0 0 0 1.292-.546 6.612 6.612 0 0 0-1.425-2.113 6.635 6.635 0 0 0-2.114-1.425 6.7 6.7 0 0 0-5.177 0 6.618 6.618 0 0 0-2.114 1.425c-.485.484-.86 1.047-1.172 1.647l-1.74-.543a.287.287 0 0 0-.35.382l1.517 3.717a.289.289 0 0 0 .42.134Zm14.02 2.402L14.46 7.334a.286.286 0 0 0-.419-.134l-3.43 2.168a.287.287 0 0 0 .067.517l1.91.598a5.238 5.238 0 0 1-.892 1.24 5.22 5.22 0 0 1-3.71 1.535 5.285 5.285 0 0 1-2.042-.41 5.242 5.242 0 0 1-1.668-1.124 5.24 5.24 0 0 1-1.125-1.67.701.701 0 0 0-1.292.547 6.608 6.608 0 0 0 1.425 2.113 6.629 6.629 0 0 0 4.701 1.948 6.615 6.615 0 0 0 4.702-1.948 6.63 6.63 0 0 0 1.258-1.807l1.681.526a.287.287 0 0 0 .352-.383Z"/>
</svg>

Ozone#

⇧ top

QWeather Icon Code: 1032

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1032"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1032" viewBox="0 0 16 16">
  <path d="M7.81 8c0 .473-.077.872-.232 1.198a1.686 1.686 0 0 1-.638.74c-.272.166-.585.25-.94.25s-.668-.084-.94-.25a1.708 1.708 0 0 1-.641-.74c-.153-.326-.23-.726-.23-1.198s.077-.871.23-1.195c.155-.327.368-.573.64-.74A1.75 1.75 0 0 1 6 5.813c.355 0 .668.084.94.252.273.167.485.413.638.74.155.324.233.723.233 1.195Z"/>
  <path d="M13.99 13.245a3 3 0 0 1-4.49 2.354A2.987 2.987 0 0 1 8 16a2.987 2.987 0 0 1-1.5-.401 3 3 0 0 1-4.49-2.354A2.993 2.993 0 0 1 1 11c0-.535.14-1.037.385-1.471a2.998 2.998 0 0 1-.304-4.835A3 3 0 0 1 3.755 1.01 2.993 2.993 0 0 1 6 0c.768 0 1.47.289 2 .764A2.989 2.989 0 0 1 10 0c.893 0 1.695.39 2.245 1.01a3 3 0 0 1 2.674 3.684 2.998 2.998 0 0 1-.304 4.834c.245.435.385.937.385 1.472 0 .893-.39 1.695-1.01 2.245ZM9 8c0-.671-.132-1.245-.395-1.722A2.722 2.722 0 0 0 7.533 5.18 3.073 3.073 0 0 0 6 4.8a3.09 3.09 0 0 0-1.537.38c-.45.254-.807.62-1.07 1.098C3.13 6.755 3 7.328 3 8c0 .67.13 1.243.392 1.722.264.476.62.842 1.071 1.098.453.253.965.38 1.537.38s1.083-.127 1.533-.38c.453-.254.81-.619 1.072-1.095C8.868 9.246 9 8.67 9 8Zm1.71 2.654c.226.097.482.146.77.146.296 0 .558-.05.787-.148.229-.1.408-.235.538-.407A.941.941 0 0 0 13 9.654a.836.836 0 0 0-.228-.605c-.149-.16-.364-.258-.647-.296a.018.018 0 0 1-.016-.018c0-.009.006-.016.015-.018a.939.939 0 0 0 .523-.274.753.753 0 0 0 .206-.546.94.94 0 0 0-.17-.555 1.17 1.17 0 0 0-.476-.396 1.644 1.644 0 0 0-.715-.146c-.27 0-.512.049-.727.146-.213.097-.383.23-.51.402a.98.98 0 0 0-.173.39c-.022.11.071.203.184.203h.402c.108 0 .191-.09.239-.186a.541.541 0 0 1 .271-.242.774.774 0 0 1 .603.002.47.47 0 0 1 .268.431.46.46 0 0 1-.08.27.537.537 0 0 1-.228.18.81.81 0 0 1-.334.064h-.167a.2.2 0 0 0-.201.2v.204c0 .11.09.2.2.2h.168a.98.98 0 0 1 .386.069.557.557 0 0 1 .25.19c.06.08.09.172.09.275a.461.461 0 0 1-.084.272.553.553 0 0 1-.23.185.81.81 0 0 1-.337.066.877.877 0 0 1-.33-.059.582.582 0 0 1-.235-.165.436.436 0 0 1-.045-.07c-.05-.093-.133-.181-.24-.181h-.445c-.113 0-.206.092-.184.202a.99.99 0 0 0 .178.399c.13.172.306.308.53.407Z"/>
</svg>

Heavy snow warning#

⇧ top

QWeather Icon Code: 1033

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1033"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1033" viewBox="0 0 16 16">
  <path d="M7.9 10a4.99 4.99 0 0 0 3.827-1.783 3 3 0 1 0 .553-5.63A4.999 4.999 0 0 0 7.9 0a4.998 4.998 0 0 0-4.359 2.549 3 3 0 1 0 .586 5.732A4.988 4.988 0 0 0 7.9 10Zm-.791-6.398c-.057-.362.17-.8.496-.997.256-.153.551-.133.806.023l.07.042a.846.846 0 0 1 .409.853L8.532 5.8H7.454L7.11 3.602ZM8.599 6.9a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0ZM1.501 10a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.471.272a.35.35 0 1 0 .35-.606L2.2 11.5l.47-.272a.35.35 0 1 0-.349-.606l-.471.272v-.544A.35.35 0 0 0 1.5 10Zm4 2a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.471.272a.35.35 0 1 0 .35-.606L6.2 13.5l.471-.272a.35.35 0 1 0-.35-.606l-.471.272v-.544A.35.35 0 0 0 5.5 12Zm4.65.35a.35.35 0 1 1 .7 0v.544l.47-.272a.35.35 0 1 1 .35.606l-.47.272.47.272a.35.35 0 1 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606l.47-.272-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Zm4.35-2.35a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 1 0-.35.606l.47.272-.47.272a.35.35 0 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606l-.47-.272.47-.272a.35.35 0 1 0-.35-.606l-.47.272v-.544a.35.35 0 0 0-.35-.35Z"/>
</svg>

Cold warning#

⇧ top

QWeather Icon Code: 1034

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1034"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1034" viewBox="0 0 16 16">
  <path d="M2.302 1.7a.7.7 0 0 1 1.4 0v1.088l.942-.544a.7.7 0 1 1 .7 1.212L4.402 4l.942.544a.7.7 0 1 1-.7 1.212l-.942-.544V6.3a.7.7 0 1 1-1.4 0V5.212l-.942.544a.7.7 0 0 1-.7-1.212L1.602 4 .66 3.456a.7.7 0 0 1 .7-1.212l.942.544V1.7ZM11.5 7a.5.5 0 0 0-.5.5v2.063a2 2 0 1 0 1 0V7.5a.5.5 0 0 0-.5-.5Z"/>
  <path d="m10.2 8.399-.532.356a3.3 3.3 0 1 0 3.665 0l-.533-.356V2.5a1.3 1.3 0 1 0-2.6 0v5.899ZM9 2.5a2.5 2.5 0 0 1 5 0v5.258a4.5 4.5 0 1 1-5 0V2.5Z"/>
</svg>

Continuous rain#

⇧ top

QWeather Icon Code: 1035

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1035"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1035" viewBox="0 0 16 16">
  <path d="M8.293 15.707A1 1 0 0 1 8 15c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm-6-6A1 1 0 0 1 2 9c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm10 6A1 1 0 0 1 12 15c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM7.268 5.162a.224.224 0 0 0-.233.042A2.99 2.99 0 0 1 5 6a2.99 2.99 0 0 1-2.035-.796.224.224 0 0 0-.233-.042 2 2 0 1 1-.383-3.832.224.224 0 0 0 .22-.087A2.996 2.996 0 0 1 5 0c1 0 1.887.49 2.432 1.243.05.069.136.102.22.087a2 2 0 1 1-.383 3.832ZM5 5.25c.752 0 1.418-.37 1.827-.936.086-.12.273-.134.388-.041a1.25 1.25 0 1 0 .209-2.082c-.132.068-.312.017-.373-.118a2.25 2.25 0 0 0-4.102 0c-.06.135-.241.186-.372.118a1.25 1.25 0 1 0 .209 2.082c.114-.093.301-.079.387.04A2.247 2.247 0 0 0 5 5.25Zm8.137 5.855A2.99 2.99 0 0 1 11 12a2.99 2.99 0 0 1-2.138-.895 2 2 0 1 1-.375-3.745A2.997 2.997 0 0 1 11 6c1.052 0 1.977.541 2.512 1.36A2.004 2.004 0 0 1 16 9.3a2 2 0 0 1-2.863 1.805Zm-2.85-3.224.276 1.759h.863l.286-1.822a.677.677 0 0 0-.327-.682l-.056-.034a.607.607 0 0 0-.645-.018c-.26.157-.442.508-.397.797Zm1.193 2.639a.48.48 0 1 0-.96 0 .48.48 0 0 0 .96 0Z"/>
</svg>

Waterlogging#

⇧ top

QWeather Icon Code: 1036

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1036"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1036" viewBox="0 0 16 16">
  <path d="M3 10.76c-.683-.13-1.336-.353-2.139-.705-.298-.132-.657-.018-.801.253-.144.27-.02.597.279.728 1.034.454 1.872.72 2.794.854a5.438 5.438 0 0 0 1.331 2.548C5.402 15.438 6.674 16 8 16s2.598-.562 3.536-1.562c.937-1 1.464-2.357 1.464-3.771C13 8.24 10.703 4.073 8.615.91A78.36 78.36 0 0 0 8 0a61.87 61.87 0 0 0-.615.911 49.363 49.363 0 0 0-2.39 3.999c-1.648.01-2.627-.194-4.134-.856-.298-.13-.657-.017-.801.254-.144.27-.02.597.279.728 1.496.657 2.581.92 4.105.959a22.42 22.42 0 0 0-.805 1.858c-.939-.1-1.73-.339-2.778-.799-.298-.13-.657-.017-.801.254-.144.27-.02.597.279.728 1.092.48 1.964.749 2.948.875C3.104 9.557 3 10.15 3 10.667v.092Zm1.005.124A4.554 4.554 0 0 1 4 10.667c0-.43.101-.992.312-1.676.252.009.516.01.796.008 1.249-.015 1.993-.128 3.18-.482.314-.094.486-.402.382-.688-.103-.286-.442-.441-.757-.347-1.07.319-1.694.413-2.82.427h-.394a24.089 24.089 0 0 1 .88-1.922c.982-.037 1.678-.163 2.708-.47.315-.094.487-.402.383-.688-.103-.286-.442-.441-.757-.347-.677.201-1.175.313-1.734.372A49.378 49.378 0 0 1 8 1.835c.86 1.32 1.736 2.791 2.453 4.213.471.936.864 1.834 1.138 2.643.277.82.409 1.486.409 1.976a4.415 4.415 0 0 1-1.172 3.017c-.75.8-1.767 1.25-2.828 1.25-1.06 0-2.078-.45-2.828-1.25a4.324 4.324 0 0 1-.976-1.698c.287.013.59.016.912.013 1.249-.015 1.993-.128 3.18-.482.314-.094.486-.402.382-.688-.103-.286-.442-.441-.757-.348-1.07.32-1.694.414-2.82.428-.396.004-.754-.003-1.088-.025Z"/>
  <path d="M11.052 4.996c1.675-.025 2.681.09 4.375.488a.47.47 0 0 0 .562-.376.497.497 0 0 0-.357-.592c-1.84-.433-2.934-.549-4.818-.509a8.9 8.9 0 0 0-.295.012c.183.325.361.651.533.977Zm1.369 3.019c.975.051 1.823.191 3.006.47a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.592c-1.412-.332-2.385-.478-3.612-.51.148.344.282.682.402 1.01Zm3.006 3.47c-.95-.224-1.684-.358-2.44-.429a4.745 4.745 0 0 0-.029-.999c.838.072 1.637.215 2.674.458.253.06.413.325.357.593a.47.47 0 0 1-.562.377Z"/>
</svg>

Geological hazard#

⇧ top

QWeather Icon Code: 1037

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1037"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1037" viewBox="0 0 16 16">
  <path d="m9 4.866-3.027 5.462.696 1.729-1.761 3.927L.212 16a.184.184 0 0 1-.103-.031.232.232 0 0 1-.077-.088.29.29 0 0 1-.01-.246L6.69.149a.247.247 0 0 1 .077-.107A.188.188 0 0 1 6.88 0c.04 0 .08.012.113.037a.243.243 0 0 1 .08.105L9 4.866ZM13.5 11l2.482 4.676c.057.15-.03.324-.163.324L10 15.969 13.5 11Zm-1.595-3.44.46-4.56-4.16 7.05 1.605-.212L8 15.068l5.653-7.362-1.748-.145Z"/>
</svg>

Heavy rainfall#

⇧ top

QWeather Icon Code: 1038

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1038"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1038" viewBox="0 0 16 16">
  <path d="M7.9 10a4.99 4.99 0 0 0 3.827-1.783 3 3 0 1 0 .553-5.63A4.999 4.999 0 0 0 7.9 0a4.998 4.998 0 0 0-4.359 2.549 3 3 0 1 0 .586 5.732A4.988 4.988 0 0 0 7.9 10Zm-.791-6.398c-.057-.362.17-.8.496-.997.256-.153.551-.133.806.023l.07.042a.846.846 0 0 1 .409.853L8.532 5.8H7.454L7.11 3.602ZM8.599 6.9a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0ZM1 12.5a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2ZM5 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm4.293.707A1 1 0 0 1 9 15c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM13 12.5a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Z"/>
</svg>

Severely falling temperature#

⇧ top

QWeather Icon Code: 1039

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1039"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1039" viewBox="0 0 16 16">
  <path d="M6 2.7a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
  <path d="M7.833 11.939a.258.258 0 0 0 .335 0l6.721-5.737a.317.317 0 0 0 .09-.35.32.32 0 0 0-.12-.15.332.332 0 0 0-.185-.057h-2.442V.498a.492.492 0 0 0-.15-.352.517.517 0 0 0-.36-.146h-7.58a.517.517 0 0 0-.36.146.491.491 0 0 0-.15.352v5.147H1.327a.332.332 0 0 0-.186.056.31.31 0 0 0-.029.501l6.72 5.737ZM7.832 2.99a2.417 2.417 0 0 1 1.426-.157c.156.03.615.131 1.068.487.263.207.496.486.597.64l-.52.546c-.119-.192-.524-.662-1.12-.81-.838-.21-2.077.27-2.089 1.621-.01 1.33 1.186 1.911 2.185 1.654.544-.139.885-.536 1.03-.74l.51.53c-.246.329-.565.6-.932.794a2.28 2.28 0 0 1-1.167.254h-.01c-.213-.006-1.107-.028-1.77-.696-.673-.678-.703-1.525-.703-1.827 0-.68.258-1.263.719-1.75.104-.111.383-.37.776-.546Zm-3.02-.936a.935.935 0 0 1 .674-.266.968.968 0 0 1 .688.255.857.857 0 0 1 .268.645.856.856 0 0 1-.268.65.938.938 0 0 1-.676.255.982.982 0 0 1-.688-.261.85.85 0 0 1-.28-.637c0-.25.094-.463.281-.641Z"/>
  <path d="M14.4 8.94h1.478a.123.123 0 0 1 .08.215L8.247 15.91a.374.374 0 0 1-.492 0L.04 9.155a.123.123 0 0 1 .081-.215H1.6a.59.59 0 0 1 .393.148l6.009 5.26 6.007-5.26a.594.594 0 0 1 .393-.148Z"/>
</svg>

Snow disaster#

⇧ top

QWeather Icon Code: 1040

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1040"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1040" viewBox="0 0 16 16">
  <path d="M7.07.933a.933.933 0 0 1 1.866 0v1.45l1.256-.725a.933.933 0 0 1 .933 1.617L9.87 4l1.256.725a.933.933 0 0 1-.933 1.617l-1.256-.725v1.45a.933.933 0 0 1-1.867 0v-1.45l-1.255.725a.933.933 0 1 1-.934-1.617L6.136 4 4.88 3.275a.933.933 0 0 1 .934-1.617l1.255.725V.933ZM2.686 9.817a.817.817 0 0 1 1.633 0v1.268l1.099-.634a.817.817 0 1 1 .816 1.415l-1.098.634 1.098.634a.817.817 0 0 1-.816 1.415l-1.099-.634v1.268a.817.817 0 1 1-1.633 0v-1.268l-1.1.634a.817.817 0 0 1-.816-1.415l1.1-.634-1.1-.634a.817.817 0 0 1 .817-1.415l1.099.634V9.817ZM12.502 9a.817.817 0 0 0-.816.817v1.268l-1.1-.634a.817.817 0 1 0-.816 1.415l1.099.634-1.099.634a.817.817 0 0 0 .817 1.415l1.099-.634v1.268a.817.817 0 1 0 1.633 0v-1.268l1.099.634a.817.817 0 0 0 .817-1.415l-1.1-.634 1.1-.634a.817.817 0 0 0-.817-1.415l-1.099.634V9.817A.817.817 0 0 0 12.502 9Z"/>
</svg>

Wildfire grassland#

⇧ top

QWeather Icon Code: 1041

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1041"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1041" viewBox="0 0 16 16">
  <path d="M13.475 2.625c-.787.263-1.05.962-.963 1.4-.612-.7-.612-1.488-.524-2.713-1.838.7-1.4 2.8-1.488 3.5-.438-.437-.525-1.312-.525-1.312-.525.263-.787.963-.787 1.575 0 1.4 1.137 2.362 2.45 2.362A2.353 2.353 0 0 0 14 5.075c0-.963-.525-1.225-.525-2.45Z"/>
  <path d="M8.313 4.988c0 1.575 1.05 2.8 2.45 3.15H8.75l3.37 3.69a.2.2 0 0 1-.148.335H7.175v1.717a46.583 46.583 0 0 0-1.925-.265v-1.453H.447a.2.2 0 0 1-.15-.333L3.676 8.05H1.988a.2.2 0 0 1-.157-.324L4.2 4.725H3.028a.2.2 0 0 1-.16-.32l3.188-4.2a.2.2 0 0 1 .317-.002l2.465 3.122a3.092 3.092 0 0 0-.525 1.663Z"/>
  <path d="M0 14s1-.5 3.5-.5 6.5 1 8.5 1 4-.5 4-.5v2H0v-2Z"/>
</svg>

Medical meteorology#

⇧ top

QWeather Icon Code: 1042

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1042"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1042" viewBox="0 0 16 16">
  <path d="M6.5 4h3v2.5H12v3H9.5V12h-3V9.5H4v-3h2.5V4Z"/>
  <path d="m.095 7.65 3.648-6.298A.705.705 0 0 1 4.352 1h7.296a.703.703 0 0 1 .609.352l3.648 6.298a.688.688 0 0 1 0 .7l-3.648 6.298a.705.705 0 0 1-.61.352H4.353a.705.705 0 0 1-.61-.351L.096 8.351a.693.693 0 0 1 0-.701ZM14.484 8l-3.242-5.596H4.758L1.516 8l3.243 5.597h6.483L14.484 8Z"/>
</svg>

Thunderstorm#

⇧ top

QWeather Icon Code: 1043

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1043"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1043" viewBox="0 0 16 16">
  <path d="M7.9 10a4.99 4.99 0 0 0 3.827-1.783 3 3 0 1 0 .553-5.63A4.999 4.999 0 0 0 7.9 0a4.998 4.998 0 0 0-4.359 2.549 3 3 0 1 0 .586 5.732A4.988 4.988 0 0 0 7.9 10Zm-.791-6.398c-.057-.362.17-.8.496-.997.256-.153.551-.133.806.023l.07.042a.846.846 0 0 1 .409.853L8.532 5.8H7.454L7.11 3.602ZM8.599 6.9a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0ZM0 11.5a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2ZM3 13a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm8.293.707A1 1 0 0 1 11 13c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM14 11.5a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-5.54 1.126c-.054 0-.089-.05-.065-.093l.792-1.438C9.21 11.05 9.176 11 9.122 11H7.544a.147.147 0 0 0-.076.02.158.158 0 0 0-.058.057l-1.397 2.637c-.042.079.022.17.118.17h1.42c.05 0 .084.043.069.086l-.739 1.943c-.027.07.072.118.124.063l2.978-3.243c.04-.042.006-.107-.055-.107H8.46Z"/>
</svg>

School closure#

⇧ top

QWeather Icon Code: 1044

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1044"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1044" viewBox="0 0 16 16">
  <path d="M3.981 3.721a.194.194 0 0 0-.26.26l1.45 3.312 2.122-2.121-3.312-1.45Zm1.544 3.926 2.121-2.122 4.597 4.596-2.122 2.122-4.596-4.596Zm4.95 4.949 2.121-2.121.354.354a.5.5 0 0 1 0 .707l-1.414 1.414a.5.5 0 0 1-.708 0l-.353-.354Z"/>
  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-1.3 0a6.67 6.67 0 0 0-1.352-4.037l-9.385 9.385A6.7 6.7 0 0 0 14.7 8Zm-2.385-5.126a6.7 6.7 0 0 0-9.44 9.44l9.44-9.44Z"/>
</svg>

Factory closure#

⇧ top

QWeather Icon Code: 1045

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1045"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1045" viewBox="0 0 16 16">
  <path d="M3.25 5.121c.055-.203.306-.25.455-.102l1.411 1.412a.8.8 0 0 0 1.132 0l.282-.283a.8.8 0 0 0 0-1.132L5.12 3.605c-.149-.149-.101-.4.102-.454a2.799 2.799 0 0 1 3.531 2.79.284.284 0 0 1-.085.191l-.51.51 3.974 3.975a.8.8 0 0 1 0 1.131l-.283.283a.8.8 0 0 1-1.132 0L6.744 8.057l-.51.51a.284.284 0 0 1-.192.085 2.799 2.799 0 0 1-2.79-3.531Z"/>
  <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-1.3 0a6.67 6.67 0 0 0-1.352-4.037l-9.385 9.385A6.7 6.7 0 0 0 14.7 8Zm-2.385-5.126a6.7 6.7 0 0 0-9.44 9.44l9.44-9.44Z"/>
</svg>

Maritime risk#

⇧ top

QWeather Icon Code: 1046

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1046"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1046" viewBox="0 0 16 16">
  <path d="M.777 11.644a.5.5 0 1 0-.554.832l1.017.678a1.5 1.5 0 0 0 1.503.094l1.033-.517a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.033.517a1.5 1.5 0 0 0 1.503-.094l1.017-.678a.5.5 0 1 0-.554-.832l-1.017.678a.5.5 0 0 1-.501.031l-1.034-.517a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.034.517a.5.5 0 0 1-.5-.03l-1.018-.679Zm0 2.5a.5.5 0 1 0-.554.832l1.017.678a1.5 1.5 0 0 0 1.503.094l1.033-.517a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.033.517a1.5 1.5 0 0 0 1.503-.094l1.017-.678a.5.5 0 1 0-.554-.832l-1.017.678a.5.5 0 0 1-.501.031l-1.034-.517a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.034.517a.5.5 0 0 1-.5-.03l-1.018-.679ZM8.284.788a.329.329 0 0 0-.568 0L3.044 8.89a.324.324 0 0 0 .284.485h9.344a.324.324 0 0 0 .284-.485L8.284.788Zm-1.062 2.68c-.04-.352.32-.655.778-.655s.818.303.778.655l-.352 3.095h-.852l-.352-3.095ZM8.63 7.813a.625.625 0 1 1-1.25 0 .625.625 0 0 1 1.25 0Z"/>
</svg>

Spring dust#

⇧ top

QWeather Icon Code: 1047

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1047"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1047" viewBox="0 0 16 16">
  <path d="M5.05 2.677a.87.87 0 0 1-.867.867.869.869 0 0 1-.868-.867.87.87 0 0 1 .868-.868.87.87 0 0 1 .867.868Zm5.974 6.243a.41.41 0 0 1 .565.38.41.41 0 0 1-.408.408.41.41 0 0 1-.157-.787Zm2.454-2.018a.87.87 0 0 1-.613.255.871.871 0 0 1-.868-.868.87.87 0 0 1 1.736 0 .87.87 0 0 1-.255.613Zm-1.342 5.293a.87.87 0 0 1 .868-.867.87.87 0 0 1 0 1.735.87.87 0 0 1-.868-.868Zm1.749-3.897a.878.878 0 0 1 .618-.257.877.877 0 0 1 .875.875.878.878 0 0 1-.875.875.878.878 0 0 1-.875-.875c0-.232.093-.454.257-.618Zm-1.633-5.934a.87.87 0 0 1-.867.868.87.87 0 0 1-.868-.868.87.87 0 0 1 .868-.868.87.87 0 0 1 .867.868ZM8.596 5.389a1.274 1.274 0 0 1 2.177.901c0 .706-.57 1.276-1.276 1.276a1.274 1.274 0 0 1-.901-2.177Zm-4.064 8.396c0-.649.53-1.18 1.18-1.18.649 0 1.18.531 1.18 1.18 0 .649-.531 1.18-1.18 1.18-.65 0-1.18-.531-1.18-1.18ZM2.863 4.488a.613.613 0 0 1-.417.188.613.613 0 0 1 0-1.225.613.613 0 0 1 .417 1.037ZM.685 8.956a.415.415 0 0 1 .29-.125.415.415 0 0 1 .408.418.42.42 0 0 1-.408.418.415.415 0 0 1-.408-.418c0-.11.042-.215.118-.293ZM2.25 5.422a.87.87 0 0 1 .868.867.87.87 0 0 1-.868.868.87.87 0 0 1-.868-.868.87.87 0 0 1 .868-.867Zm.172 6.549a.41.41 0 0 1 .288-.12.41.41 0 0 1 .408.408c0 .22-.188.408-.408.408a.41.41 0 0 1-.288-.696ZM6.656 6.58a.58.58 0 0 1-.408.169.58.58 0 0 1-.222-1.114.58.58 0 0 1 .8.536.58.58 0 0 1-.17.408ZM8.41 4.024a.59.59 0 0 1-1.005-.416.59.59 0 0 1 .589-.589.59.59 0 0 1 .416 1.005Zm5.741-.033a.496.496 0 1 1-.992 0 .496.496 0 0 1 .992 0Zm-9.757 6.534a1.276 1.276 0 1 0 0-2.552 1.276 1.276 0 0 0 0 2.552Zm3.368-.408a.868.868 0 1 0 0-1.736.868.868 0 0 0 0 1.736Zm2.439 2.078a.958.958 0 1 1-1.916 0 .958.958 0 0 1 1.916 0Z"/>
</svg>

Falling temperature#

⇧ top

QWeather Icon Code: 1048

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1048"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1048" viewBox="0 0 16 16">
  <path d="M5.5 4.2a.7.7 0 0 0 .702-.702.7.7 0 1 0-1.403 0 .7.7 0 0 0 .345.61.698.698 0 0 0 .356.093Z"/>
  <path d="M3.5 0a.5.5 0 0 0-.5.5V10H.593c-.595 0-.818.804-.314 1.129l7.407 4.778a.576.576 0 0 0 .628 0l7.407-4.778c.504-.325.28-1.129-.314-1.129H13V.5a.5.5 0 0 0-.5-.5h-9Zm2 5c-.277 0-.528-.067-.755-.2a1.542 1.542 0 0 1-.542-.543A1.465 1.465 0 0 1 4 3.498a1.51 1.51 0 0 1 .745-1.296C4.972 2.069 5.223 2 5.5 2s.528.068.755.203A1.509 1.509 0 0 1 7 3.498c0 .277-.068.53-.203.759a1.542 1.542 0 0 1-.542.543c-.227.133-.478.2-.755.2Zm5.464.05a1.354 1.354 0 0 0-.163-.464 1.223 1.223 0 0 0-.7-.562 1.536 1.536 0 0 0-.486-.074c-.308 0-.582.08-.82.24a1.559 1.559 0 0 0-.56.695c-.134.304-.202.676-.202 1.115 0 .447.068.823.202 1.13.137.303.324.534.56.69.238.153.51.23.817.23.17 0 .329-.022.477-.068a1.29 1.29 0 0 0 .401-.208 1.293 1.293 0 0 0 .474-.793L12 6.987a2.343 2.343 0 0 1-.754 1.426 2.297 2.297 0 0 1-.725.433A2.637 2.637 0 0 1 9.598 9a2.53 2.53 0 0 1-1.335-.356 2.464 2.464 0 0 1-.925-1.03C7.113 7.165 7 6.627 7 6c0-.63.114-1.167.34-1.614a2.48 2.48 0 0 1 .929-1.03A2.511 2.511 0 0 1 9.599 3c.315 0 .609.046.88.137.272.091.514.225.726.402.212.175.387.39.524.644.138.253.229.542.271.867h-1.036Z"/>
</svg>

Typhoon and rainstorm#

⇧ top

QWeather Icon Code: 1049

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1049"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1049" viewBox="0 0 16 16">
  <path d="M1.293 14.707A1 1 0 0 1 1 14c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm3 1A1 1 0 0 1 4 15c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM7 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm3.293.707A1 1 0 0 1 10 15c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM13 14a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2ZM9.114.001C5.651-.059 3.018 2.34 2.774 5.26c-.27 3.22 1.94 4.56 2.236 4.823-1.756-.027-3.846-1.98-4.197-3.81a.096.096 0 0 0-.093-.078.095.095 0 0 0-.094.105c.371 3.25 3.138 5.715 6.258 5.7 3.322-.014 6.008-1.978 6.35-5.203C13.558 3.76 11.292 2.181 11 1.92c1.865.018 3.837 1.982 4.184 3.81a.095.095 0 0 0 .091.077.095.095 0 0 0 .096-.105c-.374-3.245-3.138-5.645-6.257-5.7ZM8 7.386a1.385 1.385 0 1 1 0-2.77 1.385 1.385 0 0 1 0 2.77Z"/>
</svg>

Severe cold#

⇧ top

QWeather Icon Code: 1050

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1050"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1050" viewBox="0 0 16 16">
  <path d="M11.5 7a.5.5 0 0 0-.5.5v2.063a2 2 0 1 0 1 0V7.5a.5.5 0 0 0-.5-.5Z"/>
  <path d="m10.2 8.399-.532.356a3.3 3.3 0 1 0 3.665 0l-.533-.356V2.5a1.3 1.3 0 1 0-2.6 0v5.899ZM9 2.5a2.5 2.5 0 0 1 5 0v5.258a4.5 4.5 0 1 1-5 0V2.5ZM4.002 1a.7.7 0 0 0-.7.7v1.088l-.942-.544a.7.7 0 0 0-.7 1.212L2.602 4l-.942.544a.7.7 0 0 0 .7 1.212l.942-.544V6.3a.7.7 0 1 0 1.4 0V5.212l.942.544a.7.7 0 1 0 .7-1.212L5.402 4l.942-.544a.7.7 0 1 0-.7-1.212l-.942.544V1.7a.7.7 0 0 0-.7-.7ZM3.001 8a.467.467 0 0 0-.466.467v.725l-.628-.363a.467.467 0 0 0-.467.808l.628.363-.628.363a.467.467 0 0 0 .467.808l.628-.363v.725a.467.467 0 1 0 .933 0v-.725l.628.363a.467.467 0 1 0 .467-.808L3.935 10l.628-.363a.467.467 0 1 0-.467-.808l-.628.363v-.725A.467.467 0 0 0 3.001 8Z"/>
</svg>

Sand dust#

⇧ top

QWeather Icon Code: 1051

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1051"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1051" viewBox="0 0 16 16">
  <path d="M15.859 8.141 14.34 9.66a.2.2 0 0 1-.34-.143V9H1a1 1 0 1 1 0-2h13v-.517a.2.2 0 0 1 .341-.142L15.86 7.86a.2.2 0 0 1 0 .282Z"/>
  <path d="M10.462 2.99c.388.39 1.052.476 1.516.156.44-.303.536-.862.177-1.238a7.232 7.232 0 0 0-1.52-1.241C9.91.222 9.06 0 8.082 0 6.82 0 5.788.354 4.984 1.063c-.788.694-1.182 1.548-1.182 2.562 0 .472.102.944.307 1.417.205.472.528.916.97 1.333.191.174.447.383.768.625h3.366a24.36 24.36 0 0 0-.162-.104c-1.356-.89-2.223-1.528-2.6-1.917-.38-.389-.568-.84-.568-1.354 0-.528.197-.958.59-1.292.41-.333.907-.5 1.49-.5.6 0 1.12.132 1.561.396.276.156.588.41.938.761ZM11.725 9c.12.126.229.251.33.375.63.778.945 1.597.945 2.458 0 1.125-.497 2.104-1.49 2.938C10.533 15.59 9.39 16 8.082 16c-2.038 0-3.686-.887-4.946-2.662-.284-.4-.105-.918.36-1.154a1.175 1.175 0 0 1 1.43.328c.886 1.159 1.859 1.738 2.92 1.738.819 0 1.52-.23 2.104-.688.583-.458.875-.993.875-1.604 0-.61-.245-1.187-.733-1.729-.317-.36-.783-.77-1.398-1.229h3.031ZM1 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM2.5 3a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
  <path d="M10.5 4.23a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm1.524 2.116a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm1.454-2.199a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM6.5 12a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm8.5-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM4.5 11a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm-2 3a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-.75-2.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm13 2.293a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM2 6a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/>
</svg>

Sea thunderstorms#

⇧ top

QWeather Icon Code: 1052

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1052"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1052" viewBox="0 0 16 16">
  <path d="M.777 11.644a.5.5 0 1 0-.554.832l1.017.678a1.5 1.5 0 0 0 1.503.094l1.033-.517a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.033.517a1.5 1.5 0 0 0 1.503-.094l1.017-.678a.5.5 0 1 0-.554-.832l-1.017.678a.5.5 0 0 1-.501.031l-1.034-.517a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.034.517a.5.5 0 0 1-.5-.03l-1.018-.679Zm0 2.5a.5.5 0 1 0-.554.832l1.017.678a1.5 1.5 0 0 0 1.503.094l1.033-.517a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.033.517a1.5 1.5 0 0 0 1.503-.094l1.017-.678a.5.5 0 1 0-.554-.832l-1.017.678a.5.5 0 0 1-.501.031l-1.034-.517a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.034.517a.5.5 0 0 1-.5-.03l-1.018-.679Zm7.618-6.111c-.024.043.011.093.065.093h1.468c.06 0 .094.065.055.107l-2.978 3.243c-.052.055-.151.006-.124-.063L7.62 9.47c.015-.043-.019-.087-.069-.087h-1.42c-.096 0-.16-.09-.118-.17L7.41 6.578a.159.159 0 0 1 .058-.057.147.147 0 0 1 .076-.02h1.578c.054 0 .089.051.065.094l-.792 1.439ZM3.293 9.707A1 1 0 0 1 3 9c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm8 0A1 1 0 0 1 11 9c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm-1.156-4.602A2.99 2.99 0 0 1 8 6a2.99 2.99 0 0 1-2.138-.895 2 2 0 1 1-.375-3.745A2.997 2.997 0 0 1 8 0c1.052 0 1.977.541 2.512 1.36A2.004 2.004 0 0 1 13 3.3a2 2 0 0 1-2.863 1.805Zm-2.85-3.224.277 1.759h.862l.286-1.822a.677.677 0 0 0-.327-.682l-.056-.034a.607.607 0 0 0-.645-.018c-.26.157-.443.508-.397.797ZM8.48 4.52a.48.48 0 1 0-.96 0 .48.48 0 0 0 .96 0Z"/>
</svg>

Sea fog#

⇧ top

QWeather Icon Code: 1053

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1053"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1053" viewBox="0 0 16 16">
  <path d="M.777 11.644a.5.5 0 1 0-.554.832l1.017.678a1.5 1.5 0 0 0 1.503.094l1.033-.517a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.033.517a1.5 1.5 0 0 0 1.503-.094l1.017-.678a.5.5 0 1 0-.554-.832l-1.017.678a.5.5 0 0 1-.501.031l-1.034-.517a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.034.517a.5.5 0 0 1-.5-.03l-1.018-.679Zm0 2.5a.5.5 0 1 0-.554.832l1.017.678a1.5 1.5 0 0 0 1.503.094l1.033-.517a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.033.517a1.5 1.5 0 0 0 1.503-.094l1.017-.678a.5.5 0 1 0-.554-.832l-1.017.678a.5.5 0 0 1-.501.031l-1.034-.517a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.034.517a.5.5 0 0 1-.5-.03l-1.018-.679ZM9 .604a4.86 4.86 0 0 0-3.229.439 4.608 4.608 0 0 0-1.69 1.497 3.262 3.262 0 0 0-.396-.037c-.472 0-.938.1-1.364.294a3.169 3.169 0 0 0-1.102.828 2.962 2.962 0 0 0-.656 2.544 3 3 0 0 0 .574 1.225c.283.362.647.66 1.064.871a3.301 3.301 0 0 0 2.727.109A4.72 4.72 0 0 0 8 9.5a4.72 4.72 0 0 0 3.072-1.126 3.301 3.301 0 0 0 2.727-.109 3.153 3.153 0 0 0 1.064-.871c.212-.271.375-.573.483-.894h-.963a2.162 2.162 0 0 1-.45.6 2.257 2.257 0 0 1-.745.465 2.33 2.33 0 0 1-.873.151c-.301 0-.6-.058-.877-.17a.973.973 0 0 0-.984.15A3.76 3.76 0 0 1 8 8.6a3.76 3.76 0 0 1-2.454-.903.973.973 0 0 0-.984-.151 2.33 2.33 0 0 1-1.925-.076 2.225 2.225 0 0 1-.752-.615 2.117 2.117 0 0 1-.404-.865 2.073 2.073 0 0 1 .02-.948c.08-.31.232-.6.443-.847.21-.248.477-.447.778-.584a2.31 2.31 0 0 1 .963-.207c.06.002.12.008.178.018l.102.012a.972.972 0 0 0 .51-.076.928.928 0 0 0 .39-.323c.34-.502.804-.914 1.352-1.2A3.86 3.86 0 0 1 9 1.53V.604Z"/>
  <path d="M10 1.9c0-.22.18-.4.4-.4h5.2a.4.4 0 0 1 0 .8h-5.2a.4.4 0 0 1-.4-.4ZM8 3.3c0-.22.18-.4.4-.4h5.2a.4.4 0 0 1 0 .8H8.4a.4.4 0 0 1-.4-.4Zm2 1.4c0-.22.18-.4.4-.4h5.2a.4.4 0 0 1 0 .8h-5.2a.4.4 0 0 1-.4-.4ZM7 6.1c0-.22.18-.4.4-.4h5.2a.4.4 0 0 1 0 .8H7.4a.4.4 0 0 1-.4-.4Z"/>
</svg>

Sea thunder#

⇧ top

QWeather Icon Code: 1054

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1054"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1054" viewBox="0 0 16 16">
  <path d="M.777 11.644a.5.5 0 1 0-.554.832l1.017.678a1.5 1.5 0 0 0 1.503.094l1.033-.517a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.033.517a1.5 1.5 0 0 0 1.503-.094l1.017-.678a.5.5 0 1 0-.554-.832l-1.017.678a.5.5 0 0 1-.501.031l-1.034-.517a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.034.517a.5.5 0 0 1-.5-.03l-1.018-.679Zm0 2.5a.5.5 0 1 0-.554.832l1.017.678a1.5 1.5 0 0 0 1.503.094l1.033-.517a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.033.517a1.5 1.5 0 0 0 1.503-.094l1.017-.678a.5.5 0 1 0-.554-.832l-1.017.678a.5.5 0 0 1-.501.031l-1.034-.517a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.034.517a.5.5 0 0 1-.5-.03l-1.018-.679ZM7.408 0h3.378c.164 0 .264.195.174.342L9.1 2.75a.108.108 0 0 0 .032.145c.015.01.032.014.05.014h1.956c.26 0 .394.332.216.535L5.572 10 6.95 4.949a.11.11 0 0 0-.016-.091.1.1 0 0 0-.034-.03.092.092 0 0 0-.043-.012h-2a.282.282 0 0 1-.147-.041.307.307 0 0 1-.109-.115.333.333 0 0 1-.004-.314L7.098.195A.352.352 0 0 1 7.408 0Z"/>
</svg>

Sea typhoon#

⇧ top

QWeather Icon Code: 1055

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1055"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1055" viewBox="0 0 16 16">
  <path d="M8.924 0C6.038-.05 3.844 1.95 3.64 4.383c-.225 2.684 1.618 3.8 1.865 4.02-1.464-.023-3.206-1.65-3.499-3.175a.08.08 0 0 0-.076-.066.079.079 0 0 0-.08.088c.31 2.707 2.616 4.762 5.215 4.75 2.769-.012 5.007-1.65 5.293-4.336.269-2.531-1.62-3.846-1.862-4.065 1.554.015 3.197 1.652 3.487 3.174a.08.08 0 0 0 .076.066.079.079 0 0 0 .076-.055c.004-.01.005-.022.004-.033-.312-2.704-2.616-4.705-5.215-4.75Zm-.93 6.155a1.154 1.154 0 1 1 0-2.308 1.154 1.154 0 0 1 0 2.308ZM.777 11.644a.5.5 0 1 0-.554.832l1.017.678a1.5 1.5 0 0 0 1.503.094l1.033-.517a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.033.517a1.5 1.5 0 0 0 1.503-.094l1.017-.678a.5.5 0 1 0-.554-.832l-1.017.678a.5.5 0 0 1-.501.031l-1.034-.517a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.034.517a.5.5 0 0 1-.5-.03l-1.018-.679Zm0 2.5a.5.5 0 1 0-.554.832l1.017.678a1.5 1.5 0 0 0 1.503.094l1.033-.517a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.033.517a1.5 1.5 0 0 0 1.503-.094l1.017-.678a.5.5 0 1 0-.554-.832l-1.017.678a.5.5 0 0 1-.501.031l-1.034-.517a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.034.517a.5.5 0 0 1-.5-.03l-1.018-.679Z"/>
</svg>

Low temperature#

⇧ top

QWeather Icon Code: 1056

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1056"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1056" viewBox="0 0 16 16">
  <rect width="6" height="1.2" y="4.5" rx=".6"/>
  <path d="M11.5 7a.5.5 0 0 0-.5.5v2.063a2 2 0 1 0 1 0V7.5a.5.5 0 0 0-.5-.5Z"/>
  <path d="m10.2 8.399-.532.356a3.3 3.3 0 1 0 3.665 0l-.533-.356V2.5a1.3 1.3 0 1 0-2.6 0v5.899ZM9 2.5a2.5 2.5 0 0 1 5 0v5.258a4.5 4.5 0 1 1-5 0V2.5Z"/>
</svg>

Road ice and snow#

⇧ top

QWeather Icon Code: 1057

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1057"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1057" viewBox="0 0 16 16">
  <path d="m10.591 8.276-3.254.264c-.364.03-.717.13-1.043.297l-1.266.65-.868-2.415c1.095-.75 1.94-1.436 2.276-2.545a.409.409 0 0 0-.424-.525.397.397 0 0 0-.348.286c-.307 1.009-1.179 1.593-2.498 2.475l-.017.011c-.448.3-.937.627-1.457 1.01C-.146 9.134-.137 10.97.126 11.75a.405.405 0 0 0 .51.256.406.406 0 0 0 .256-.514C.871 11.427.418 9.94 1.904 8.655l1.329 2.385c.221.395.603.674 1.044.762l2.01.404c.368.074.7.272.94.56l1.746 2.098a.378.378 0 0 0 .38.125l.024-.006a.378.378 0 0 0 .289-.381.384.384 0 0 0-.043-.167l-1.603-3.11a1.113 1.113 0 0 0-.685-.56l-.662-.186.252-.211a2.74 2.74 0 0 1 .998-.53l2.803-.813a.38.38 0 0 0 .268-.436.383.383 0 0 0-.403-.313Z"/>
  <path d="M7.052 14.708c-2.037-.36-3.766-1.441-5.352-2.68a.13.13 0 0 0-.18.02l-.488.59a.137.137 0 0 0-.03.108.139.139 0 0 0 .059.095c1.733 1.14 3.816 1.709 5.985 1.91l.006-.043Zm-4.284-.452a.13.13 0 0 0-.094-.003.133.133 0 0 0-.072.062l-.254.462a.139.139 0 0 0 .078.197A23.178 23.178 0 0 0 9 16l-.002-.057c-1.967-.106-4.174-.814-6.23-1.687Zm-.796-7.492a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm9.563-4.297a.467.467 0 0 1 .933 0v.725l.628-.363a.467.467 0 0 1 .467.808L12.935 4l.628.363a.467.467 0 0 1-.467.808l-.628-.363v.725a.467.467 0 1 1-.933 0v-.725l-.628.363a.467.467 0 1 1-.467-.808L11.068 4l-.628-.363a.467.467 0 0 1 .467-.808l.628.363v-.725Z"/>
  <path d="M15.325 1.872 12.175.048a.346.346 0 0 0-.35 0l-3.15 1.824a.353.353 0 0 0-.175.304v3.648c0 .126.067.242.175.305l3.15 1.824a.344.344 0 0 0 .35 0l3.149-1.824a.351.351 0 0 0 .176-.305V2.176a.353.353 0 0 0-.175-.304Zm-.526 3.75L12 7.241l-2.799-1.62V2.38L12 .758l2.799 1.621v3.242Z"/>
</svg>

Thunderstorm and gale#

⇧ top

QWeather Icon Code: 1058

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1058"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1058" viewBox="0 0 16 16">
  <path d="M15.497 3.077S7.525.722 4.845.023a.794.794 0 0 0-.956.568L.024 15a.81.81 0 0 0 .544.968.811.811 0 0 0 1-.554l1.671-6.23 12.373-4.817a.696.696 0 0 0-.115-1.291Zm-2.562 7.525c-.085 0-.141-.08-.103-.15l1.267-2.3c.038-.07-.018-.152-.103-.152H11.47a.234.234 0 0 0-.122.031.253.253 0 0 0-.092.092l-2.235 4.22c-.067.125.035.27.189.27h2.272c.08 0 .135.07.11.139l-1.182 3.11c-.044.11.115.188.198.1l4.765-5.189c.062-.067.01-.171-.088-.171h-2.35Z"/>
</svg>

Continuous low temperature#

⇧ top

QWeather Icon Code: 1059

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1059"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1059" viewBox="0 0 16 16">
  <path d="M5.735 2.405a.454.454 0 0 1-.235.062.466.466 0 0 1-.235-.872.454.454 0 0 1 .235-.062.454.454 0 0 1 .403.23.45.45 0 0 1 .065.236.467.467 0 0 1-.233.406Z"/>
  <path d="M3 .5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 .5.5v3h3.072l-8 6-8-6H3v-3Zm1.997 2.367A.975.975 0 0 0 5.5 3a.975.975 0 0 0 .503-.133c.151-.09.272-.211.362-.362a.976.976 0 0 0 .135-.506A1.006 1.006 0 0 0 5.5 1a1.006 1.006 0 0 0-1 .999.98.98 0 0 0 .135.506c.09.15.21.272.362.362Zm6.503-.158a2.102 2.102 0 0 0-.217-.723 1.76 1.76 0 0 0-1-.872A2.118 2.118 0 0 0 9.58 1c-.396 0-.75.099-1.064.297a2.04 2.04 0 0 0-.742.858c-.182.372-.273.82-.273 1.345 0 .523.09.971.27 1.345.18.374.427.66.74.858.314.198.67.297 1.069.297.27 0 .516-.043.738-.128a1.824 1.824 0 0 0 .981-.899c.104-.202.171-.42.202-.65l-.829-.006c-.025.143-.07.27-.137.38a1.018 1.018 0 0 1-.563.454 1.238 1.238 0 0 1-.381.058c-.245 0-.463-.065-.654-.193a1.298 1.298 0 0 1-.448-.575c-.107-.255-.161-.569-.161-.941 0-.366.054-.676.161-.93.108-.254.257-.448.448-.579.19-.133.41-.2.656-.2.139 0 .268.021.388.062a.965.965 0 0 1 .56.468c.064.113.108.242.131.388h.829Z"/>
  <path d="M13.333 7 8 11 2.667 7H0l8 6 8-6h-2.667Z"/>
  <path d="M13.333 10 8 14l-5.333-4H0l8 6 8-6h-2.667Z"/>
</svg>

Low visibility#

⇧ top

QWeather Icon Code: 1060

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1060"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1060" viewBox="0 0 16 16">
  <path d="M8 9.8a1.8 1.8 0 1 1 0-3.6 1.8 1.8 0 0 1 0 3.6Z"/>
  <path d="M14 8c0 1.167-3.59 3.5-6 3.5S2 9.167 2 8c0-1.167 3.59-3.5 6-3.5s6 2.333 6 3.5Zm-1.25-.211.001-.003-.004.008a.11.11 0 0 0 .003-.005Zm-.259.1c-.278-.286-.71-.623-1.245-.949C10.14 6.267 8.875 5.812 8 5.812s-2.14.455-3.246 1.128c-.536.326-.967.663-1.245.948-.04.04-.074.078-.104.112.03.034.064.071.104.112.278.285.71.622 1.245.948C5.86 9.733 7.125 10.187 8 10.187s2.14-.454 3.246-1.127c.536-.326.967-.663 1.245-.948.04-.04.075-.078.104-.112a2.783 2.783 0 0 0-.104-.112ZM0 0v4h1.5V1.5H4V0H0Zm16 0v4h-1.5V1.5H12V0h4ZM0 16v-4h1.5v2.5H4V16H0Zm16 0h-4v-1.5h2.5V12H16v4Z"/>
  <path d="m12.773 4.288-8.485 8.485-1.061-1.06 8.485-8.486 1.06 1.06Z"/>
</svg>

Strong dust#

⇧ top

QWeather Icon Code: 1061

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1061"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1061" viewBox="0 0 16 16">
  <path d="M15.197 14.54.808 14.5H.806a.844.844 0 0 0-.568.212.703.703 0 0 0-.238.516c0 .096.02.192.061.28.04.09.1.17.174.238a.81.81 0 0 0 .261.159.869.869 0 0 0 .307.055l14.389.04h.002a.844.844 0 0 0 .568-.212.703.703 0 0 0 .238-.516.677.677 0 0 0-.061-.28.733.733 0 0 0-.174-.238.81.81 0 0 0-.261-.159.868.868 0 0 0-.307-.055ZM3 2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm3.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/>
  <path d="m5.725 14.514-3.455-.01a2 2 0 1 1 3.455.01ZM10.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM7 4.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM9.5 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM15 8a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"/>
</svg>

Gale in sea area#

⇧ top

QWeather Icon Code: 1062

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1062"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1062" viewBox="0 0 16 16">
  <path d="M6.053 10.177a.312.312 0 0 1 .433-.087l.636.424c.093.062.212.07.313.02l.646-.324a.937.937 0 0 1 .838 0l.691.346a.312.312 0 0 0 .28 0l.69-.346a.937.937 0 0 1 .84 0l.69.346a.312.312 0 0 0 .28 0l.69-.346a.937.937 0 0 1 .84 0l.645.323c.1.05.22.043.313-.02l.636-.423a.313.313 0 0 1 .347.52l-.636.424a.937.937 0 0 1-.94.058l-.645-.323a.312.312 0 0 0-.28 0l-.69.346a.938.938 0 0 1-.84 0l-.69-.346a.313.313 0 0 0-.28 0l-.69.346a.938.938 0 0 1-.84 0l-.69-.346a.312.312 0 0 0-.28 0l-.646.323c-.3.15-.66.128-.94-.058l-.635-.424a.312.312 0 0 1-.086-.433Zm0 1.5a.312.312 0 0 1 .433-.087l.636.424c.093.062.212.07.313.02l.646-.324a.938.938 0 0 1 .838 0l.691.346a.312.312 0 0 0 .28 0l.69-.346a.938.938 0 0 1 .84 0l.69.346a.312.312 0 0 0 .28 0l.69-.346a.938.938 0 0 1 .84 0l.645.323c.1.05.22.043.313-.02l.636-.423a.312.312 0 1 1 .347.52l-.636.424a.938.938 0 0 1-.94.058l-.645-.323a.312.312 0 0 0-.28 0l-.69.346a.937.937 0 0 1-.84 0l-.69-.346a.313.313 0 0 0-.28 0l-.69.346a.937.937 0 0 1-.84 0l-.69-.346a.312.312 0 0 0-.28 0l-.646.323c-.3.15-.66.128-.94-.058l-.635-.424a.312.312 0 0 1-.086-.433Zm.433 1.413a.312.312 0 1 0-.347.52l.636.424c.28.186.638.209.94.058l.645-.323a.313.313 0 0 1 .28 0l.69.346a.937.937 0 0 0 .84 0l.69-.346a.313.313 0 0 1 .28 0l.69.346a.937.937 0 0 0 .84 0l.69-.346a.313.313 0 0 1 .28 0l.646.323c.3.15.66.128.94-.058l.635-.424a.313.313 0 0 0-.347-.52l-.636.424a.313.313 0 0 1-.313.02l-.646-.324a.938.938 0 0 0-.838 0l-.691.346a.312.312 0 0 1-.28 0l-.69-.346a.938.938 0 0 0-.84 0l-.69.346a.312.312 0 0 1-.28 0l-.69-.346a.938.938 0 0 0-.84 0l-.645.323a.31.31 0 0 1-.313-.02l-.636-.423Z"/>
  <path d="M15.497 3.077S7.525.722 4.845.023a.794.794 0 0 0-.956.568L.024 15a.81.81 0 0 0 .544.968.811.811 0 0 0 1-.554l1.671-6.23 12.373-4.817a.696.696 0 0 0-.115-1.291Z"/>
</svg>

Short duration heavy shower rain#

⇧ top

QWeather Icon Code: 1063

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1063"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1063" viewBox="0 0 16 16">
  <path d="M.293 10.707A1 1 0 0 1 0 10c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm3 3A1 1 0 0 1 3 13c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM7 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm4.293-1.293A1 1 0 0 1 11 13c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM14 10a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2ZM8.5 4.5a.5.5 0 0 0-1 0v2.3a.7.7 0 0 0 .7.7h2.3a.5.5 0 0 0 0-1h-2v-2Z"/>
  <path d="M7.1 0a.6.6 0 0 0 0 1.2h.3v.836a5 5 0 1 0 4.407 1.723L12 3.566l.217.217a.4.4 0 1 0 .566-.566l-1-1a.4.4 0 1 0-.566.566l.217.217-.193.193A4.979 4.979 0 0 0 8.6 2.036V1.2h.3a.6.6 0 0 0 0-1.2H7.1Zm4.7 7a3.8 3.8 0 1 1-7.6 0 3.8 3.8 0 0 1 7.6 0Z"/>
</svg>

Short lived heavy shower rain#

⇧ top

QWeather Icon Code: 1064

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1064"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1064" viewBox="0 0 16 16">
  <path d="M8.5 4.5a.5.5 0 0 0-1 0v2.365a.7.7 0 0 0 .44.65l2.374.95a.5.5 0 1 0 .372-.93L8.5 6.662V4.5Z"/>
  <path d="M7.1 0a.6.6 0 0 0 0 1.2h.3v.836a5 5 0 1 0 4.407 1.723L12 3.566l.217.217a.4.4 0 1 0 .566-.566l-1-1a.4.4 0 1 0-.566.566l.217.217-.193.193A4.979 4.979 0 0 0 8.6 2.036V1.2h.3a.6.6 0 0 0 0-1.2H7.1Zm4.7 7a3.8 3.8 0 1 1-7.6 0 3.8 3.8 0 0 1 7.6 0ZM.293 10.707A1 1 0 0 1 0 10c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm3 3A1 1 0 0 1 3 13c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM7 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm4.293-1.293A1 1 0 0 1 11 13c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM14 10a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Z"/>
</svg>

Sea area fog#

⇧ top

QWeather Icon Code: 1065

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1065"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1065" viewBox="0 0 16 16">
  <path d="M.777 11.644a.5.5 0 1 0-.554.832l1.017.678a1.5 1.5 0 0 0 1.503.094l1.033-.517a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.033.517a1.5 1.5 0 0 0 1.503-.094l1.017-.678a.5.5 0 1 0-.554-.832l-1.017.678a.5.5 0 0 1-.501.031l-1.034-.517a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.034.517a.5.5 0 0 1-.5-.03l-1.018-.679Zm0 2.5a.5.5 0 1 0-.554.832l1.017.678a1.5 1.5 0 0 0 1.503.094l1.033-.517a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.105.553a1.5 1.5 0 0 0 1.342 0l1.105-.553a.5.5 0 0 1 .448 0l1.033.517a1.5 1.5 0 0 0 1.503-.094l1.017-.678a.5.5 0 1 0-.554-.832l-1.017.678a.5.5 0 0 1-.501.031l-1.034-.517a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.105.553a.5.5 0 0 1-.448 0l-1.105-.553a1.5 1.5 0 0 0-1.342 0l-1.034.517a.5.5 0 0 1-.5-.03l-1.018-.679Zm10.717-6.248A4.758 4.758 0 0 1 7.906 9.5 4.76 4.76 0 0 1 4.37 7.953a2.907 2.907 0 0 1-1.056.197C1.758 8.15.5 6.941.5 5.45s1.26-2.7 2.813-2.7c.173 0 .342.015.507.044C4.624 1.424 6.152.5 7.906.5c1.58 0 2.977.75 3.827 1.9H10.25a.25.25 0 1 0 0 .5h3.364c1.02.341 1.772 1.23 1.874 2.3H10.25a.25.25 0 1 0 0 .5h5.238c-.131 1.374-1.335 2.45-2.8 2.45a2.9 2.9 0 0 1-1.194-.254ZM8.25 3.8a.25.25 0 0 0 0 .5h5.5a.25.25 0 1 0 0-.5h-5.5Zm-1 2.8a.25.25 0 0 0 0 .5h5.5a.25.25 0 1 0 0-.5h-5.5Z"/>
</svg>

Heat stroke conditions#

⇧ top

QWeather Icon Code: 1066

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1066"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1066" viewBox="0 0 16 16">
  <path d="M11.828 1.179a.25.25 0 0 0 .427-.177v-.75a.25.25 0 0 0-.5 0v.75c0 .066.026.13.073.177Zm-2.04.931a.25.25 0 0 0 .273-.409l-.532-.53a.25.25 0 0 0-.354.354l.532.53a.25.25 0 0 0 .08.054ZM8.252 4.248h.75a.25.25 0 0 0 0-.5h-.75a.25.25 0 0 0 0 .5Zm.956 2.611a.25.25 0 0 0 .316-.032l.531-.53a.25.25 0 0 0-.353-.354l-.532.53a.25.25 0 0 0 .038.386Zm2.613 1.069a.25.25 0 0 0 .427-.177v-.75a.25.25 0 0 0-.5 0v.75c0 .067.026.13.073.177Zm2.733-1.042a.249.249 0 0 0 .327-.135.25.25 0 0 0-.054-.273l-.53-.53a.25.25 0 1 0-.354.354l.53.53a.25.25 0 0 0 .081.054Zm.447-2.631h.75a.25.25 0 0 0 0-.5h-.75a.25.25 0 0 0 0 .5Zm-1.015-2.164a.25.25 0 0 0 .316-.031l.53-.53a.25.25 0 0 0-.081-.408.25.25 0 0 0-.273.054l-.53.53a.25.25 0 0 0 .038.385Zm-3.234.039a2.25 2.25 0 1 1 2.5 3.74 2.25 2.25 0 0 1-2.5-3.74Zm2.223.415a1.75 1.75 0 1 0-1.945 2.91 1.75 1.75 0 0 0 1.945-2.91ZM7 8.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Zm-3.805.305a.667.667 0 0 0 1.138-.472c0-.333-.37-.93-.666-1.333C3.37 7.403 3 8 3 8.333c0 .177.07.347.195.472ZM4.5 11.5c-.996 0-1.636.006-2.5.5-1.516.867-2 4-2 4h9s-.484-3.133-2-4c-.864-.494-1.504-.5-2.5-.5ZM2.35 2.8a.25.25 0 0 1 .35.05l.14.186a.818.818 0 0 1-.201 1.172.318.318 0 0 0-.078.456l.139.186a.25.25 0 1 1-.4.3l-.14-.186a.818.818 0 0 1 .201-1.172.318.318 0 0 0 .078-.456L2.3 3.15a.25.25 0 0 1 .05-.35Zm2 0a.25.25 0 0 1 .35.05l.14.186a.818.818 0 0 1-.201 1.172.318.318 0 0 0-.078.456l.139.186a.25.25 0 1 1-.4.3l-.14-.186a.818.818 0 0 1 .201-1.172.318.318 0 0 0 .078-.456L4.3 3.15a.25.25 0 0 1 .05-.35Zm2.35.05a.25.25 0 0 0-.4.3l.14.186a.318.318 0 0 1-.079.456.818.818 0 0 0-.2 1.172l.139.186a.25.25 0 1 0 .4-.3l-.14-.186a.318.318 0 0 1 .079-.456.818.818 0 0 0 .2-1.172L6.7 2.85Z"/>
</svg>

Heavy pollution weather#

⇧ top

QWeather Icon Code: 1067

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1067"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1067" viewBox="0 0 16 16">
  <path d="M12 .5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM14 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-1-3a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM1.5 2a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm5-1a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM3 15a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm11.134-.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM4 13.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM1 13a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm10.5.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm-6 .75a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm10.5 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-.5-1.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM4.5 1.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM2.5 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm9.227 7.217A4.99 4.99 0 0 1 7.9 13a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 3a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63ZM7.605 5.605c-.326.197-.553.635-.496.997L7.454 8.8h1.078l.358-2.277a.846.846 0 0 0-.408-.853l-.07-.042c-.256-.156-.55-.176-.807-.023ZM8 10.5a.6.6 0 1 0 0-1.2.6.6 0 0 0 0 1.2Z"/>
</svg>

Co poisoning weather conditions#

⇧ top

QWeather Icon Code: 1068

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1068"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1068" viewBox="0 0 16 16">
  <path d="M11.878 6.506c.122.405.184.903.184 1.494 0 .59-.062 1.09-.184 1.498-.12.406-.289.714-.503.924a1.036 1.036 0 0 1-1.485 0c-.214-.21-.383-.518-.505-.924-.121-.408-.181-.907-.181-1.498 0-.59.06-1.089.18-1.494.123-.408.292-.716.506-.924a1.03 1.03 0 0 1 1.485 0c.214.208.382.516.503.924Z"/>
  <path d="M11 16a3 3 0 0 0 2.99-2.755A2.993 2.993 0 0 0 15 11c0-.535-.14-1.037-.385-1.471a2.998 2.998 0 0 0 .304-4.835 3 3 0 0 0-2.674-3.684A2.993 2.993 0 0 0 10 0c-.768 0-1.47.289-2 .764A2.989 2.989 0 0 0 6 0c-.893 0-1.695.39-2.245 1.01a3 3 0 0 0-2.674 3.684 2.998 2.998 0 0 0 .304 4.834A2.986 2.986 0 0 0 1 11c0 .893.39 1.695 1.01 2.245a3 3 0 0 0 4.49 2.354c.441.255.954.401 1.5.401s1.059-.146 1.5-.401c.441.255.954.401 1.5.401ZM6.6 6.734a2.404 2.404 0 0 0-.148-.62 1.648 1.648 0 0 0-.27-.464 1.063 1.063 0 0 0-.807-.384c-.28 0-.528.107-.745.32-.216.21-.385.52-.508.927C4 6.92 3.938 7.414 3.938 8c0 .596.062 1.098.184 1.506.124.405.294.712.508.92a1.048 1.048 0 0 0 1.54-.061c.109-.122.2-.271.274-.449a2.27 2.27 0 0 0 .156-.608l.941.008a4.18 4.18 0 0 1-.229 1.041 3.19 3.19 0 0 1-.455.86 2.12 2.12 0 0 1-.66.578c-.25.137-.53.205-.837.205-.453 0-.857-.158-1.213-.475-.355-.317-.635-.775-.84-1.373C3.102 9.554 3 8.836 3 8c0-.839.103-1.556.31-2.152.206-.598.487-1.056.842-1.373A1.766 1.766 0 0 1 5.36 4c.287 0 .553.06.8.183.247.121.466.3.66.536.192.233.35.52.475.859.125.337.208.722.246 1.156h-.94Zm6.088 3.422c-.206.596-.488 1.052-.845 1.369a1.779 1.779 0 0 1-2.423 0c-.356-.32-.637-.777-.845-1.373-.207-.598-.31-1.316-.31-2.152 0-.839.103-1.556.31-2.152.208-.598.49-1.056.845-1.373a1.779 1.779 0 0 1 2.423 0c.357.317.639.775.845 1.373C12.896 6.444 13 7.16 13 8c0 .839-.104 1.558-.312 2.156Z"/>
</svg>

Respiratory disease weather wonditions#

⇧ top

QWeather Icon Code: 1069

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1069"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1069" viewBox="0 0 16 16">
  <path d="M8.5 16a7.5 7.5 0 1 0-7.188-5.351l1.13-.486a6.281 6.281 0 1 1 2.561 3.556l-.614 1.055A7.465 7.465 0 0 0 8.5 16Z"/>
  <path d="m5.913 12.15.153.152.768-.768 1.449.966 1.449-.966.768.768.566-.566-1.232-1.232-1.551 1.035-1.492-.903-.878 1.513Zm1.374-6.153L5.589 4.3l-.565.566 1.128 1.128L5 7.146l.566.566L6.718 6.56l.003.003.566-.566Zm3.41-1.694L9 6l.566.566.003-.003 1.152 1.152.566-.566-1.153-1.152 1.129-1.128-.566-.566Z"/>
  <path d="M7.886 8.145c.128.14.15.346.055.51L4.386 14.78a.448.448 0 0 1-.597.168l-1.185-.629a.435.435 0 0 1-.226-.465l.225-1.185-2.3-.754A.438.438 0 0 1 0 11.52a.437.437 0 0 1 .266-.42l7.111-3.063a.45.45 0 0 1 .51.108Zm-6.204 3.3 1.57.515c.21.069.337.28.296.495L3.311 13.7l.518.275 2.674-4.607-4.821 2.077Z"/>
</svg>

Intestinal disease weather wonditions#

⇧ top

QWeather Icon Code: 1071

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1071"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1071" viewBox="0 0 16 16">
  <path d="M8.029 1.547c0-.427.327-.797.76-.797.435 0 .762.37.762.797V2.1c0 1.038-.793 1.904-1.801 1.904H4.63c-.14 0-.278.126-.278.312s.138.312.279.312h6.238c1.008 0 1.801.866 1.801 1.905 0 1.038-.793 1.904-1.8 1.904H2.55c-.14 0-.278.126-.278.312s.138.312.278.312h10.4c1.008 0 1.801.866 1.801 1.904 0 1.039-.793 1.905-1.801 1.905H4.63c-.14 0-.279.126-.279.312s.138.312.279.312h2.08c1.007 0 1.8.866 1.8 1.904v.555c0 .426-.327.796-.761.796s-.761-.37-.761-.796v-.555c0-.186-.138-.311-.279-.311H4.63c-1.007 0-1.8-.867-1.8-1.905s.793-1.905 1.8-1.905h8.319c.14 0 .278-.126.278-.312 0-.185-.138-.311-.278-.311H2.55c-1.007.001-1.8-.866-1.8-1.904s.793-1.905 1.801-1.905h8.318c.14 0 .279-.126.279-.311 0-.186-.138-.312-.279-.312H4.631c-1.008 0-1.801-.867-1.801-1.905s.793-1.905 1.8-1.905h3.12c.14 0 .279-.125.279-.311v-.554Zm.76-.312c-.14 0-.278.126-.278.312V2.1c0 .426-.327.796-.761.796H4.63c-.714 0-1.318.622-1.318 1.42 0 .798.604 1.42 1.319 1.42h6.238c.434 0 .762.37.762.797 0 .426-.328.796-.762.796H2.551c-.715 0-1.318.622-1.318 1.42 0 .798.603 1.42 1.318 1.42H12.95c.434 0 .761.37.761.796 0 .427-.327.797-.761.797H4.63c-.715 0-1.319.622-1.319 1.42 0 .798.604 1.42 1.319 1.42h2.08c.433 0 .76.37.76.796v.555c0 .185.138.311.279.311.14 0 .279-.126.279-.312V15.4c0-.798-.604-1.42-1.319-1.42H4.63c-.433 0-.76-.37-.76-.796 0-.426.327-.797.76-.797h8.319c.715 0 1.318-.622 1.318-1.42 0-.797-.603-1.42-1.318-1.42H2.55c-.434 0-.761-.37-.761-.796 0-.426.327-.797.761-.797h8.318c.715 0 1.319-.621 1.319-1.42 0-.797-.604-1.42-1.319-1.42H4.631c-.434 0-.762-.37-.762-.796 0-.426.328-.796.762-.796H7.75c.715 0 1.318-.622 1.318-1.42v-.554c0-.186-.138-.312-.278-.312ZM14.5 6a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm-.39-3.579c-.02-.176.16-.327.39-.327s.41.151.39.327l-.177 1.548h-.426L14.11 2.42Zm.705 2.173a.312.312 0 1 1-.625 0 .312.312 0 0 1 .625 0Z"/>
</svg>

Cardiovascular disease weather wonditions#

⇧ top

QWeather Icon Code: 1072

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1072"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1072" viewBox="0 0 16 16">
  <path d="M3.931 1.01a.25.25 0 0 1-.032.499C2.595 1.424 1.254 1.95.45 3.036a.25.25 0 1 1-.402-.297C.966 1.499 2.48.916 3.93 1.009Zm-.383 1.459a.25.25 0 0 1 .035.498 3.392 3.392 0 0 0-2.042.85.25.25 0 0 1-.336-.37 3.892 3.892 0 0 1 2.343-.978Zm8.521-1.459a.25.25 0 1 0 .032.499c1.304-.085 2.645.442 3.448 1.527a.25.25 0 0 0 .402-.297c-.918-1.24-2.431-1.823-3.882-1.73Zm.383 1.459a.25.25 0 0 0-.035.498 3.4 3.4 0 0 1 2.042.85.25.25 0 0 0 .336-.37 3.892 3.892 0 0 0-2.343-.978Z"/>
  <path d="M8 4.685c3.884-3.767 13.593 2.825 0 11.3C-5.592 7.51 4.116.918 8 4.685ZM8 6c-.587 0-1.047.346-.996.747l.45 3.528h1.092l.45-3.528C9.047 6.346 8.586 6 8 6Zm0 6c.414 0 .75-.252.75-.563 0-.31-.336-.562-.75-.562s-.75.252-.75.563c0 .31.336.562.75.562Z"/>
</svg>

Flooding weather risk#

⇧ top

QWeather Icon Code: 1073

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1073"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1073" viewBox="0 0 16 16">
  <path d="M10.833 13c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.548 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Zm0 2c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.547 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Z"/>
  <path d="M5.536 5.293a.398.398 0 0 1 .385.103L9.418 9.03c.207.215-.008.496-.317.413l-1.176-.315-.974 3.636A8.37 8.37 0 0 1 5.167 13c-1.801.038-2.82-.068-4.571-.48l1.34-4.997-1.177-.315C.451 7.125.405 6.774.691 6.69l4.845-1.398ZM4.16 9.203a.52.52 0 0 0-.634.371l-.271 1.011a.52.52 0 0 0 .363.64l.999.267a.52.52 0 0 0 .634-.372l.271-1.01a.52.52 0 0 0-.363-.64l-.999-.267ZM14.291 4.05a.2.2 0 0 1 .322.086l.94 2.777a.2.2 0 0 1-.242.258l-.363-.098.584 1.91a.2.2 0 0 1-.243.252l-.328-.088.545 1.903a.2.2 0 0 1-.245.248l-1.66-.444-.33 1.234A17.27 17.27 0 0 0 11.224 12l.446-1.665-1.522-.408a.2.2 0 0 1-.087-.337l1.423-1.375-.328-.088a.2.2 0 0 1-.084-.34l1.46-1.362-.363-.097a.2.2 0 0 1-.08-.344l2.202-1.935ZM.293 2.707A1 1 0 0 1 0 2C0 1.5.555.605 1 0c.445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm6 0A1 1 0 0 1 6 2c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM3 2a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Z"/>
</svg>

Heavy pollution weather conditions#

⇧ top

QWeather Icon Code: 1074

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1074"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1074" viewBox="0 0 16 16">
  <path d="M12 .5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM14 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm2 1.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-1-3a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM1.5 2a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm5-1a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM3 15a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm11.134-.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM4 13.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM1 13a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm10.5.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm-6 .75a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm10.5 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-.5-1.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM4.5 1.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM2.5 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm9.227 7.217A4.99 4.99 0 0 1 7.9 13a4.988 4.988 0 0 1-3.773-1.719 3 3 0 1 1-.586-5.732A4.998 4.998 0 0 1 7.9 3a4.999 4.999 0 0 1 4.38 2.587 3 3 0 1 1-.553 5.63ZM7.605 5.605c-.326.197-.553.635-.496.997L7.454 8.8h1.078l.358-2.277a.846.846 0 0 0-.408-.853l-.07-.042c-.256-.156-.55-.176-.807-.023ZM8 10.5a.6.6 0 1 0 0-1.2.6.6 0 0 0 0 1.2Z"/>
</svg>

Urban flooding weather risk#

⇧ top

QWeather Icon Code: 1075

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1075"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1075" viewBox="0 0 16 16">
  <path d="M10.833 13c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.548 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Zm0 2c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.547 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Z"/>
  <path d="M12.9 0h-3v12.074c.287-.036.59-.06.914-.067a20.209 20.209 0 0 1 2.086.046V0Zm-.75 1.885v.961h-1.5v-.961h1.5Zm-1.5 2.48h1.5v.962h-1.5v-.962Zm1.5 2.48v1.923h-1.5V6.845h1.5ZM9.2 4.5v7.69c-.465.093-.892.212-1.308.327l-.012.003c-.228.063-.453.125-.68.183V4.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5ZM8.2 8a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm.5-2.5a.5.5 0 1 0-1 0 .5.5 0 0 0 1 0ZM5.4 10v2.992a24.018 24.018 0 0 1-1.5.006V11h-1v1.933c-.484-.05-.963-.126-1.5-.235V10H.637c-.234 0-.326-.262-.131-.374l2.763-1.592a.268.268 0 0 1 .262 0l2.763 1.592c.195.112.103.374-.13.374H5.4Zm10.2-7.5v10.008a20.4 20.4 0 0 0-2-.381V2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5Zm-.5.5h-1v1h1V3Zm-1 2v1h1V5h-1Zm1 2h-1v1h1V7Zm-1 2v1h1V9h-1Z"/>
</svg>

Flooding weather risk 2#

⇧ top

QWeather Icon Code: 1076

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1076"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1076" viewBox="0 0 16 16">
  <path d="M10.833 13c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.548 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Zm0 2c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.547 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Z"/>
  <path d="m7.406 2.056-6.21 2.602c-.368.154-.337.694.046.795l1.192.313-1.778 6.769c1.716.4 2.73.503 4.511.465 1.056-.022 1.861-.244 2.713-.48l.012-.003c.432-.12.876-.243 1.362-.338l1.135-4.324 1.193.314c.382.1.675-.355.43-.67l-4.13-5.317a.404.404 0 0 0-.476-.126ZM4.704 8.93l2.386.627a.41.41 0 0 1 .293.502l-.626 2.387a.411.411 0 0 1-.503.293l-2.386-.627a.411.411 0 0 1-.293-.502L4.2 9.223a.411.411 0 0 1 .503-.294Z"/>
  <path d="M14.746 6.125a.17.17 0 0 0-.283-.076l-3.414 3.416a.167.167 0 0 0 .077.28l1.8.482-.482 1.796c.347.017.678.045 1.013.086l.434-1.623 1.897.508c.125.034.24-.08.206-.204l-1.248-4.665Zm-.888 1.195c.027-.181.247-.284.476-.223.229.061.368.26.3.43l-.589 1.497-.425-.114.238-1.59Zm.122 2.355a.323.323 0 1 1-.624-.168.323.323 0 0 1 .624.168Z"/>
</svg>

Wildfire weather risk#

⇧ top

QWeather Icon Code: 1077

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1077"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1077" viewBox="0 0 16 16">
  <path d="M15.438 3.813c-.844.28-1.126 1.03-1.032 1.5-.656-.75-.656-1.594-.562-2.907-1.969.75-1.5 3-1.594 3.75-.469-.468-.563-1.406-.563-1.406-.562.281-.843 1.031-.843 1.688 0 1.5 1.219 2.53 2.625 2.53A2.52 2.52 0 0 0 16 6.439c0-1.032-.563-1.313-.563-2.625Z"/>
  <path d="M12.531 9.719a3.435 3.435 0 0 1-2.625-3.375c0-.563.188-1.219.563-1.782l-2.653-3.36a.2.2 0 0 0-.316.004L4.056 5.742a.2.2 0 0 0 .16.32H5.5l-2.557 3.24a.2.2 0 0 0 .157.323h1.837l-3.64 4.073a.2.2 0 0 0 .15.333h5.178V15.8c0 .11.09.2.2.2h1.663a.2.2 0 0 0 .2-.2v-1.769h5.171a.2.2 0 0 0 .148-.335L10.375 9.72h2.156ZM2.392.737a.156.156 0 0 0 .267-.11v-.47a.156.156 0 0 0-.313 0v.47c0 .04.017.08.046.11Zm-1.275.581a.156.156 0 0 0 .17-.255L.957.732a.156.156 0 0 0-.221.22l.332.332a.156.156 0 0 0 .05.034Zm-.96 1.337h.47a.156.156 0 0 0 0-.313h-.47a.156.156 0 0 0 0 .313Zm.598 1.632a.156.156 0 0 0 .198-.02l.332-.331a.156.156 0 0 0-.222-.221l-.331.33a.156.156 0 0 0 .023.242Zm1.633.668a.156.156 0 0 0 .267-.11v-.47a.156.156 0 0 0-.313 0v.47c0 .041.017.08.046.11Zm1.708-.651a.156.156 0 0 0 .213-.175.156.156 0 0 0-.042-.08l-.332-.331a.156.156 0 1 0-.22.22l.33.332a.156.156 0 0 0 .051.034Zm.28-1.644h.469a.156.156 0 1 0 0-.313h-.47a.156.156 0 1 0 0 .312Zm-.635-1.353a.156.156 0 0 0 .198-.02L4.27.956a.156.156 0 1 0-.221-.221l-.332.331a.156.156 0 0 0 .024.241ZM1.72 1.33a1.406 1.406 0 1 1 1.563 2.34A1.406 1.406 0 0 1 1.72 1.33Zm1.39.26a1.094 1.094 0 1 0-1.216 1.82 1.094 1.094 0 0 0 1.215-1.82Z"/>
</svg>

Meteorological drought#

⇧ top

QWeather Icon Code: 1078

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1078"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1078" viewBox="0 0 16 16">
  <path d="M12.87.884a.188.188 0 0 0 .32-.133V.19a.187.187 0 1 0-.374 0v.56c0 .05.02.098.055.133Zm-1.53.698a.187.187 0 0 0 .205-.306l-.398-.398a.188.188 0 0 0-.265.265l.398.398a.185.185 0 0 0 .06.04Zm-1.151 1.604h.562a.188.188 0 0 0 0-.375h-.562a.188.188 0 1 0 0 .375Zm.717 1.958a.188.188 0 0 0 .237-.024l.398-.397a.188.188 0 0 0-.265-.266l-.398.398a.188.188 0 0 0 .028.289Zm1.96.802a.188.188 0 0 0 .32-.132V5.25a.187.187 0 1 0-.375 0v.563c0 .05.02.097.055.132Zm2.05-.781a.187.187 0 0 0 .255-.21.188.188 0 0 0-.051-.096l-.398-.398a.187.187 0 0 0-.27-.005.188.188 0 0 0 .005.27l.398.398a.187.187 0 0 0 .06.04Zm.334-1.974h.563a.188.188 0 1 0 0-.375h-.562a.188.188 0 0 0 0 .375Zm-.76-1.623a.188.188 0 0 0 .236-.023l.398-.398a.19.19 0 0 0 .04-.204.188.188 0 0 0-.306-.061l-.397.398a.188.188 0 0 0 .028.288Zm-2.426.029a1.688 1.688 0 1 1 1.875 2.806 1.688 1.688 0 0 1-1.875-2.806Zm1.667.312a1.312 1.312 0 1 0-1.458 2.182A1.312 1.312 0 0 0 13.73 1.91ZM2.032 6.364a.75.75 0 0 1 1.054.117l2 2.5a.75.75 0 0 1-.056 1l-1.565 1.565L5.101 14H7.8l-1.423-2.134a.75.75 0 0 1 .094-.946l1.525-1.526-1.58-1.976a.75.75 0 0 1 1.17-.937l2 2.5a.75.75 0 0 1-.055 1l-1.565 1.565L9.601 14H12.3l-1.423-2.134a.75.75 0 0 1 .094-.946l1.525-1.526-1.58-1.976a.75.75 0 1 1 1.17-.937l2 2.5a.75.75 0 0 1-.054 1l-1.566 1.565L14.102 14H15a1 1 0 0 1 0 2H1a1 1 0 1 1 0-2h2.299l-1.423-2.134a.75.75 0 0 1 .094-.946l1.525-1.526-1.58-1.976a.75.75 0 0 1 .117-1.054Z"/>
</svg>

Agricultural weather risk#

⇧ top

QWeather Icon Code: 1079

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1079"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1079" viewBox="0 0 16 16">
  <path d="M5.063 9A2 2 0 0 0 7 10.5h.667l.277 2.5c-1.317.015-2.918.54-4.336 1.146L3.333 12.5H4a2 2 0 0 0 2-2H5a2 2 0 0 0-2 2 2 2 0 0 0-2-2H0a2 2 0 0 0 2 2h.667l.32 1.921A30.669 30.669 0 0 0 0 16h16s-.556-.345-1.415-.8c-.302-.16-.642-.335-1.009-.513l-.243-2.187H14a2 2 0 0 0 2-2h-1a2 2 0 0 0-2 2 2 2 0 0 0-2-2h-1a2 2 0 0 0 2 2h.667l.206 1.857c-1.34-.605-2.903-1.18-4.258-1.323L8.333 10.5H9a2 2 0 0 0 2-2h-1a2 2 0 0 0-2 2 2 2 0 0 0-2-2H5c0 .173.022.34.063.5ZM6 9a1.5 1.5 0 0 1 1.415 1H7a1.5 1.5 0 0 1-1.415-1H6Zm2.585 1A1.5 1.5 0 0 1 10 9h.415A1.5 1.5 0 0 1 9 10h-.415ZM1 11a1.5 1.5 0 0 1 1.415 1H2a1.5 1.5 0 0 1-1.415-1H1Zm2.585 1A1.5 1.5 0 0 1 5 11h.415A1.5 1.5 0 0 1 4 12h-.415Zm8.83 0H12a1.5 1.5 0 0 1-1.415-1H11a1.5 1.5 0 0 1 1.415 1ZM15 11h.415A1.5 1.5 0 0 1 14 12h-.415A1.5 1.5 0 0 1 15 11Zm-7 2.8c1.325 0 3.14.653 4.74 1.4H3.26c1.6-.747 3.415-1.4 4.74-1.4ZM8.227.63a.263.263 0 0 0-.454 0L4.035 7.113a.26.26 0 0 0 .227.388h7.476a.26.26 0 0 0 .227-.388L8.227.63Zm-.85 2.144c-.032-.282.256-.524.623-.524s.655.242.623.524L8.34 5.25h-.68l-.282-2.476ZM8.504 6.25a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
</svg>

Strong monsoon#

⇧ top

QWeather Icon Code: 1080

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1080"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1080" viewBox="0 0 16 16">
  <path d="M3.801 4.095c.022-.005 2.188-.23 3.836.283 1.08.338 1.97.505 2.705.505.586 0 1.074-.107 1.48-.32a2.105 2.105 0 0 0 1.046-1.271c.253-.817.14-1.617-.32-2.254A2.53 2.53 0 0 0 10.553 0a2.442 2.442 0 0 0-1.779.754.722.722 0 1 0 1.043 1 .983.983 0 0 1 .71-.307c.327.006.662.178.85.44.192.264.228.593.108.976a.652.652 0 0 1-.335.42c-.302.16-1.104.332-3.08-.285-1.943-.606-4.326-.355-4.426-.341a.722.722 0 0 0-.639.797c.044.397.403.666.797.64Zm2.393 1.338C10.318 6.22 13.923 6.26 16 5c0 0-.448 3.885-6.735 2.813a49.087 49.087 0 0 1-2.37-.489C4.835 6.865 2.559 6.358 0 6.41c0 0 2.285-1.724 6.194-.977Zm.174 3.113c2.677 1.365 5.977.4 5.977.4-1.673 1.346-4.157 2.446-7.263.504C2.103 7.588.345 7.837.345 7.837c1.13-.573 3.72-.464 6.023.71Z"/>
  <path d="M9.662 11.31c.806-.26 1.565-.504 2.286-.38.93.161 1.656.824 1.942 1.773.156.52.146 1.08-.029 1.594a2.537 2.537 0 0 1-.942 1.263c-.437.306-.957.46-1.485.438a2.422 2.422 0 0 1-1.446-.56.736.736 0 0 1-.106-1.01.683.683 0 0 1 .979-.11 1.052 1.052 0 0 0 1.275.05c.19-.132.333-.325.41-.548.075-.224.08-.466.013-.693a1.056 1.056 0 0 0-.841-.78c-.387-.065-1.004.13-1.652.34l-.007.002c-.527.17-1.121.361-1.749.464-3.11.505-5.976-2.299-6.096-2.417A.718.718 0 0 1 2 10.232a.739.739 0 0 1 .194-.511.696.696 0 0 1 .488-.22.677.677 0 0 1 .498.2c.07.068 2.528 2.425 4.912 2.032.53-.086 1.052-.255 1.556-.418l.014-.004Z"/>
</svg>

Ice accretion on wire#

⇧ top

QWeather Icon Code: 1081

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1081"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1081" viewBox="0 0 16 16">
  <path d="M3.96 12.404a2 2 0 1 1 0-.8 57.509 57.509 0 0 1 1.997.059c.66.031 1.372.079 2.017.15.636.071 1.235.168 1.652.307.109.037.214.08.303.137.081.052.204.15.255.316a.507.507 0 0 1-.086.454.852.852 0 0 1-.225.2 3.45 3.45 0 0 1-.54.26c-.162.064-.346.133-.538.205l-.155.057c-.501.189-1.036.398-1.474.646-.31.175-.526.346-.657.508.086.002.195 0 .328-.01.56-.042 1.359-.194 2.191-.385a54.563 54.563 0 0 0 2.99-.784 2 2 0 1 1 .056.817l-.533.15c-.64.177-1.492.403-2.334.597-.837.191-1.686.356-2.31.402-.303.023-.604.022-.832-.045a.689.689 0 0 1-.376-.25.572.572 0 0 1-.068-.521c.175-.527.669-.902 1.15-1.175.5-.283 1.09-.512 1.589-.698l.161-.061c.161-.06.31-.115.443-.168a11.48 11.48 0 0 0-1.078-.164 32.291 32.291 0 0 0-1.968-.146 57.435 57.435 0 0 0-1.959-.058Zm-2.21-.654H1v.5h.75V13h.5v-.75H3v-.5h-.75V11h-.5v.75ZM13 14.25h2v-.5h-2v.5ZM7.36 3.392a.642.642 0 0 1 1.283 0v.997l.864-.499a.642.642 0 1 1 .642 1.112l-.864.498.864.498a.642.642 0 1 1-.642 1.112l-.864-.499v.997a.642.642 0 1 1-1.283 0v-.997l-.863.499a.642.642 0 0 1-.642-1.112l.863-.498-.863-.498a.642.642 0 0 1 .642-1.112l.863.499v-.997Z"/>
  <path d="M12.571 2.573 8.241.065a.476.476 0 0 0-.482 0l-4.33 2.508a.485.485 0 0 0-.241.42v5.015c0 .173.092.332.24.419l4.33 2.508a.473.473 0 0 0 .483 0l4.33-2.508a.483.483 0 0 0 .242-.419V2.992a.484.484 0 0 0-.242-.419Zm-.723 5.156L8 9.958 4.152 7.729V3.272L8 1.042l3.848 2.23v4.457Z"/>
</svg>

Stroke weather risk#

⇧ top

QWeather Icon Code: 1082

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1082"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1082" viewBox="0 0 16 16">
  <path d="M5.109 4.132c-.057-.362.17-.8.496-.997.256-.153.551-.133.806.023l.07.042a.846.846 0 0 1 .409.853L6.532 6.33H5.454L5.11 4.132ZM6.6 7.43a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z"/>
  <path d="M7.178 0c1.097 0 2.136.21 3.063.584 2.452.97 4.15 3.083 4.15 5.536v1.014l1.462 2.378c.37.6.019 1.092-.774 1.092h-.689v2.26c0 .705-.677 1.286-1.508 1.286l-2.071-.263-.004 1.765v.013c-.011.226-.521.342-.512.335h-7.97v-5.38C.897 9.502 0 7.899 0 6.114.004 2.735 3.217 0 7.178 0ZM10 5.53a4 4 0 1 0-8 0 4 4 0 0 0 8 0Z"/>
</svg>

Wildfire grassland risk#

⇧ top

QWeather Icon Code: 1084

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1084"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1084" viewBox="0 0 16 16">
  <path d="M0 15.2s1-.2 3.5-.2 6.5.4 8.5.4 4-.2 4-.2v.8H0v-.8ZM15.438 3.813c-.844.28-1.126 1.03-1.032 1.5-.656-.75-.656-1.594-.562-2.907-1.969.75-1.5 3-1.594 3.75-.469-.468-.563-1.406-.563-1.406-.562.281-.843 1.031-.843 1.688 0 1.5 1.219 2.53 2.625 2.53A2.52 2.52 0 0 0 16 6.439c0-1.032-.563-1.313-.563-2.625Z"/>
  <path d="M9.906 6.344c0 1.687 1.125 3 2.625 3.375h-2.156l3.632 3.977a.2.2 0 0 1-.148.335H8.688v1.217l-.49-.031c-.52-.034-1.05-.068-1.573-.099v-1.087H1.447a.2.2 0 0 1-.15-.333l3.64-4.073H3.1a.2.2 0 0 1-.157-.324L5.5 6.063H4.215a.2.2 0 0 1-.159-.321L7.5 1.206a.2.2 0 0 1 .316-.003l2.653 3.36c-.375.562-.563 1.218-.563 1.78ZM2.392.737a.156.156 0 0 0 .267-.11v-.47a.156.156 0 0 0-.313 0v.47c0 .04.017.08.046.11Zm-1.275.581a.156.156 0 0 0 .17-.255L.957.732a.156.156 0 0 0-.221.22l.332.332a.156.156 0 0 0 .05.034Zm-.96 1.337h.47a.156.156 0 0 0 0-.313h-.47a.156.156 0 0 0 0 .313Zm.598 1.632a.156.156 0 0 0 .198-.02l.332-.331a.156.156 0 0 0-.222-.221l-.331.33a.156.156 0 0 0 .023.242Zm1.633.668a.156.156 0 0 0 .267-.11v-.47a.156.156 0 0 0-.313 0v.47c0 .041.017.08.046.11Zm1.708-.651a.156.156 0 0 0 .213-.175.156.156 0 0 0-.042-.08l-.332-.331a.156.156 0 1 0-.22.22l.33.332a.156.156 0 0 0 .051.034Zm.28-1.644h.469a.156.156 0 1 0 0-.313h-.47a.156.156 0 1 0 0 .312Zm-.635-1.353a.156.156 0 0 0 .198-.02L4.27.956a.156.156 0 1 0-.221-.221l-.332.331a.156.156 0 0 0 .024.241ZM1.72 1.33a1.406 1.406 0 1 1 1.563 2.34A1.406 1.406 0 0 1 1.72 1.33Zm1.39.26a1.094 1.094 0 1 0-1.216 1.82 1.094 1.094 0 0 0 1.215-1.82Z"/>
</svg>

Thunderstorm and strong winds#

⇧ top

QWeather Icon Code: 1085

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1085"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1085" viewBox="0 0 16 16">
  <path d="M2.5 1.866a1 1 0 1 0-1 0V15H0v1h4v-1H2.5V4.292l2.13 1.277c.046-.129.105-.298.161-.486L2.986 4 4.79 2.917a9.43 9.43 0 0 0-.162-.486L2.5 3.708V1.866Z"/>
  <path d="M5.698 2.464c.346-.015.8-.032 1.302-.042V5.01c-.46.1-.882.198-1.227.281l.048-.171C5.914 4.775 6 4.364 6 4c0-.383-.096-.82-.195-1.18a9.243 9.243 0 0 0-.107-.356ZM8 2.414c.509.002 1.026.015 1.5.047v2.094c-.477.063-.992.151-1.5.25V2.413Zm2.5.15c.478.067.995.159 1.5.26v1.59a26.44 26.44 0 0 0-1.5.045V2.564Zm2.5.47c.62.137 1.16.27 1.5.354v1.084c-.368-.017-.9-.039-1.5-.05V3.034ZM5.11 1.493a.601.601 0 0 0-.527.814c.06.159.167.454.258.781.093.337.159.668.159.912 0 .23-.058.54-.145.86a9.06 9.06 0 0 1-.251.778c-.166.444.23.92.713.796.706-.18 3.118-.775 4.733-.936 1.693-.17 4.26-.037 4.817-.005a.6.6 0 0 0 .633-.6V3.077a.6.6 0 0 0-.449-.58c-.47-.122-3.184-.813-5.001-.995-1.75-.175-4.328-.044-4.94-.01Zm7.841 8.458c-.064 0-.106-.06-.077-.112l.95-1.726c.029-.052-.013-.113-.077-.113h-1.894a.176.176 0 0 0-.092.024.19.19 0 0 0-.069.068l-1.677 3.165c-.05.094.027.203.142.203h1.705c.06 0 .1.053.082.104l-.886 2.332c-.034.083.086.142.148.076l3.574-3.892c.046-.05.007-.129-.066-.129H12.95Zm-7.365 3.463A2 2 0 0 1 5 12c0-1 1.11-2.79 2-4 .89 1.21 2 3 2 4a2 2 0 0 1-3.414 1.414Z"/>
</svg>

Low temperature freeze2#

⇧ top

QWeather Icon Code: 1086

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1086"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1086" viewBox="0 0 16 16">
  <path d="M4.5 7a.5.5 0 0 1 .5.5v2.063a2 2 0 1 1-1 0V7.5a.5.5 0 0 1 .5-.5Z"/>
  <path d="m5.8 8.399.532.356a3.3 3.3 0 1 1-3.665 0l.533-.356V2.5a1.3 1.3 0 0 1 2.6 0v5.899ZM7 2.5a2.5 2.5 0 0 0-5 0v5.258a4.5 4.5 0 1 0 5 0V2.5Zm5.465-.033a.467.467 0 0 0-.933 0v.725l-.628-.363a.467.467 0 0 0-.467.808l.628.363-.628.363a.467.467 0 0 0 .467.808l.628-.363v.725a.467.467 0 1 0 .933 0v-.725l.628.363a.467.467 0 1 0 .467-.808L12.932 4l.628-.363a.467.467 0 0 0-.467-.808l-.628.363v-.725Z"/>
  <path d="m8.675 1.872 3.15-1.824a.346.346 0 0 1 .35 0l3.15 1.824a.353.353 0 0 1 .175.304v3.648a.352.352 0 0 1-.175.305l-3.15 1.824a.344.344 0 0 1-.35 0L8.676 6.129a.351.351 0 0 1-.176-.305V2.176a.353.353 0 0 1 .175-.304Zm.526 3.75L12 7.241l2.799-1.62V2.38L12 .758 9.201 2.38v3.242Z"/>
</svg>

Low temperature damage#

⇧ top

QWeather Icon Code: 1087

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1087"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1087" viewBox="0 0 16 16">
  <path d="M4.465 2.467a.467.467 0 0 0-.933 0v.725l-.628-.363a.467.467 0 1 0-.467.808L3.065 4l-.628.363a.467.467 0 0 0 .467.808l.628-.363v.725a.467.467 0 1 0 .933 0v-.725l.628.363a.467.467 0 0 0 .467-.808L4.932 4l.628-.363a.467.467 0 1 0-.467-.808l-.628.363v-.725Z"/>
  <path d="M.675 1.872 3.825.048a.347.347 0 0 1 .35 0l3.15 1.824a.353.353 0 0 1 .175.304v3.648a.352.352 0 0 1-.176.305L4.176 7.953a.344.344 0 0 1-.351 0L.676 6.129A.352.352 0 0 1 .5 5.824V2.176a.353.353 0 0 1 .175-.304Zm.526 3.75L4 7.241l2.798-1.62V2.38L4 .758 1.202 2.38v3.242Zm8.716 2.954.562-.308.514-5.876a1.3 1.3 0 0 1 2.59.226l-.514 5.876.5.402a3.3 3.3 0 1 1-5.21 3.577l-1.119.442a4.501 4.501 0 1 0 7.08-4.955l.458-5.237a2.5 2.5 0 0 0-4.98-.436l-.459 5.238a4.518 4.518 0 0 0-1.783 1.782l1.024.63a3.3 3.3 0 0 1 1.337-1.36Z"/>
  <path d="m9.572 11.993 1.433-.566-1.312-.807a2.005 2.005 0 0 1 1.481-1.123l.18-2.055a.5.5 0 0 1 .996.087l-.18 2.056a2 2 0 1 1-2.598 2.408Zm-2.551-.921v.006l-.001.007.001-.013Z"/>
  <path d="M.522 9.692.2 10.07l2.687 2.785 1.644-1.773.731 1.336 1.927-1.444 2.45.573-2.587-1.625-1.348.739-1.303-1.35-1.732 1.867L.522 9.692Z"/>
</svg>

National agricultural meteorological risk#

⇧ top

QWeather Icon Code: 1088

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1088"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1088" viewBox="0 0 16 16">
  <path d="M11.773.63a.263.263 0 0 1 .454 0l3.738 6.482a.26.26 0 0 1-.227.388H8.262a.26.26 0 0 1-.227-.388L11.773.63ZM12 2.25c-.367 0-.655.242-.623.524l.282 2.476h.682l.282-2.476c.032-.282-.256-.524-.623-.524Zm.004 4.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm-9.236.982.866-.5A2 2 0 0 0 4.366 4.5L3.5 5a2 2 0 0 0-.732 2.732Zm.982-2.299.36-.207a1.5 1.5 0 0 1-.726 1.573l-.359.207a1.5 1.5 0 0 1 .725-1.573Z"/>
  <path d="M.063 7.5A2 2 0 0 0 2 9h2a2 2 0 0 0 2-2H5a2 2 0 0 0-2 2 2 2 0 0 0-2-2H0c0 .173.022.34.063.5ZM1 7.5a1.5 1.5 0 0 1 1.415 1H2a1.5 1.5 0 0 1-1.415-1H1Zm4 0h.415A1.5 1.5 0 0 1 4 8.5h-.415A1.5 1.5 0 0 1 5 7.5Zm11 1.99v6.507H0V9.52h.381c1.907 0 3.157.039 4.393.212 1.212.17 2.399.467 4.17.97 1.933-.632 4.044-.98 6.646-1.18L16 9.49Zm-8.282 1.662c-1.22-.331-2.131-.537-3.05-.666a21.144 21.144 0 0 0-2.369-.182c.294.141.559.282.816.437.648.388 1.24.858 2.149 1.621a19.517 19.517 0 0 1 2.454-1.21Zm-3.144 1.627c-.79-.66-1.303-1.057-1.85-1.385-.522-.313-1.083-.57-1.962-.928v4.769h.436c1.19-.966 2.294-1.777 3.376-2.456Zm-2.152 2.456h3.51c2.129-2.233 4.348-3.536 6.938-4.651-1.394.207-2.632.49-3.797.879-2.27.758-4.286 1.93-6.651 3.772Zm11.255-4.164c-2.54 1.052-4.66 2.213-6.673 4.164h3.626c.68-1.25 1.265-2.174 1.964-3.013.33-.397.685-.772 1.083-1.151ZM11.5 15.235h3.737l.001-4.53c-.857.716-1.497 1.331-2.058 2.005-.588.705-1.098 1.483-1.68 2.525Z"/>
</svg>

Dry hot wind risk for winter wheat#

⇧ top

QWeather Icon Code: 1089

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1089"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1089" viewBox="0 0 16 16">
  <path d="m13 4.232-.866-.5A2 2 0 0 1 11.402 1l.866.5A2 2 0 0 1 13 4.232Zm-.982-2.299-.36-.207a1.5 1.5 0 0 0 .726 1.573l.359.207a1.5 1.5 0 0 0-.725-1.573Z"/>
  <path d="M10.063 4.5A2 2 0 0 0 12 6h2a2 2 0 0 0 2-2h-1a2 2 0 0 0-2 1.982A2 2 0 0 0 11 4h-1c0 .173.022.34.063.5Zm.937 0a1.5 1.5 0 0 1 1.415 1H12a1.5 1.5 0 0 1-1.415-1H11Zm4 0h.415A1.5 1.5 0 0 1 14 5.5h-.415A1.5 1.5 0 0 1 15 4.5Z"/>
  <path d="M14 8a2 2 0 0 0 2-2h-1a2 2 0 0 0-2 1.982A2 2 0 0 0 11 6h-1a2 2 0 0 0 2 2h2Zm-.415-.5A1.5 1.5 0 0 1 15 6.5h.415A1.5 1.5 0 0 1 14 7.5h-.415ZM11 6.5a1.5 1.5 0 0 1 1.415 1H12a1.5 1.5 0 0 1-1.415-1H11Zm2.09 7.956C14.669 14.333 16 14 16 14v2H0v-2s1-.5 3.5-.5c1.32 0 3.057.279 4.698.542 1.468.235 2.858.458 3.802.458h.083L12.5 12H12a2 2 0 0 1-2-2h1a2 2 0 0 1 2 2 2 2 0 0 1 2-2h1a2 2 0 0 1-2 2h-.5l-.41 2.456Zm-.675-2.956a1.5 1.5 0 0 0-1.415-1h-.415a1.5 1.5 0 0 0 1.415 1h.415Zm2.585-1a1.5 1.5 0 0 0-1.415 1H14a1.5 1.5 0 0 0 1.415-1H15Zm-3-.5a2 2 0 0 1-2-2h1a2 2 0 0 1 2 2h-1Zm.415-.5A1.5 1.5 0 0 0 11 8.5h-.415A1.5 1.5 0 0 0 12 9.5h.415ZM13 10a2 2 0 0 1 2-2h1a2 2 0 0 1-2 2h-1Zm2-1.5a1.5 1.5 0 0 0-1.415 1H14a1.5 1.5 0 0 0 1.415-1H15ZM6.232 6.024A1.407 1.407 0 0 1 9 6.375c0 .786-.698 1.406-1.406 1.406H.28a.281.281 0 0 1 0-.562h7.313c.416 0 .843-.387.843-.844a.844.844 0 0 0-1.66-.211.281.281 0 0 1-.545-.14ZM2.25 8.344a.28.28 0 0 1 .281-.281h4.5a1.125 1.125 0 1 1-1.06 1.5.281.281 0 1 1 .53-.188.563.563 0 1 0 .53-.75h-4.5a.281.281 0 0 1-.281-.281Z"/>
  <path d="M1.125 9.469H4.5a.562.562 0 1 1-.53.75.281.281 0 1 0-.53.187 1.125 1.125 0 1 0 1.06-1.5H1.125a.281.281 0 0 0 0 .563Zm3.672-3.095a.16.16 0 0 0-.051.117.16.16 0 0 0 .051.117.182.182 0 0 0 .125.048h.527a.182.182 0 0 0 .125-.048.16.16 0 0 0 .051-.117.16.16 0 0 0-.051-.117.182.182 0 0 0-.125-.049h-.527a.182.182 0 0 0-.125.049Zm-.654-1.349a.156.156 0 0 0 .016.155.186.186 0 0 0 .27.025l.374-.351a.16.16 0 0 0 .05-.116.16.16 0 0 0-.052-.116.182.182 0 0 0-.123-.048.182.182 0 0 0-.124.046l-.373.351a.165.165 0 0 0-.038.054ZM2.64 4.01v.495a.16.16 0 0 0 .05.117.182.182 0 0 0 .125.049.182.182 0 0 0 .124-.049.16.16 0 0 0 .052-.117V4.01a.16.16 0 0 0-.052-.117.182.182 0 0 0-.124-.048.182.182 0 0 0-.124.048.16.16 0 0 0-.052.117Zm-1.836.632a.158.158 0 0 0 .022.209l.373.35a.182.182 0 0 0 .247-.002.16.16 0 0 0 .05-.115.16.16 0 0 0-.049-.116l-.373-.351a.186.186 0 0 0-.192-.036.174.174 0 0 0-.078.06ZM.052 6.37A.16.16 0 0 0 0 6.487a.16.16 0 0 0 .052.117.182.182 0 0 0 .124.048h.527a.182.182 0 0 0 .125-.048.16.16 0 0 0 .051-.117.16.16 0 0 0-.051-.117.182.182 0 0 0-.125-.049H.176a.182.182 0 0 0-.124.049Zm1.188.283a1.4 1.4 0 0 1 .02-.454 1.47 1.47 0 0 1 .433-.762c.222-.208.504-.35.81-.407.308-.057.626-.028.915.085.29.113.536.303.71.548a1.425 1.425 0 0 1 .258.99H1.239Z"/>
</svg>

Flood#

⇧ top

QWeather Icon Code: 1201

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1201"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1201" viewBox="0 0 16 16">
  <path d="M10.282 1.326a.491.491 0 0 0-.587-.125L2.303 4.72c-.438.209-.368.863.102.963l1.466.311-1.462 6.88c.857.12 1.663.15 2.758.127.15-.003.295-.01.435-.02l.614-2.89a.5.5 0 0 1 .593-.386l2.935.624a.5.5 0 0 1 .385.593l-.246 1.155c.292-.037.6-.062.931-.069.76-.016 1.39-.006 1.994.039l.845-3.974 1.466.312c.47.1.8-.47.485-.837l-5.322-6.22Z"/>
  <path d="M10.833 13c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.548 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Zm0 2c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.547 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Z"/>
</svg>

Urban flooding#

⇧ top

QWeather Icon Code: 1202

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1202"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1202" viewBox="0 0 16 16">
  <path d="M6 0h5v12.004l-.186.003c-1.174.025-2.072.274-2.922.51l-.012.003c-.614.17-1.203.333-1.88.419V0Zm1 5v7h1V5H7Zm3-4H7v1h3V1ZM7 3v1h3V3H7Zm3 2H9v7h1V5Zm-5 8.003V5a.5.5 0 0 0-.5-.5h-2A.5.5 0 0 0 2 5v7.81c.975.165 1.821.213 3 .193ZM3.5 8.5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1ZM4 10a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-.5-3.5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1ZM15 12.373V.5h-1v2l-2 1.232v8.274c1.045.026 1.903.133 3 .367ZM14 5v1h-1V5h1Zm-1 2h1v1h-1V7Zm1 2v2h-1V9h1Z"/>
  <path d="M10.833 13c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.548 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Zm0 2c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.547 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Z"/>
</svg>

Reservoir danger#

⇧ top

QWeather Icon Code: 1203

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1203"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1203" viewBox="0 0 16 16">
  <path d="M10.833 13c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.548 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Zm0 2c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.547 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48ZM4.195 1.23c.447.3.75.855 1.002 1.418.124.276.024.613-.223.75-.247.139-.548.027-.671-.25-.248-.555-.445-.84-.623-.959-.118-.08-.302-.135-.706.09-.458.257-.776.534-.974.784-.203.257-.25.448-.25.544v7.833c0 .31-.224.56-.5.56s-.5-.25-.5-.56V3.607c0-.464.203-.907.5-1.284.302-.383.734-.74 1.276-1.044.596-.334 1.162-.39 1.669-.05Zm5-.025c.447.268.75.764 1.002 1.268a.5.5 0 1 1-.894.447c-.248-.497-.445-.75-.623-.857-.118-.072-.302-.122-.706.08-.458.23-.776.477-.974.7-.203.23-.25.4-.25.486V9.5a.5.5 0 0 1-1 0V3.33c0-.415.203-.811.5-1.148.302-.342.734-.662 1.276-.933.596-.298 1.162-.348 1.669-.044Zm6.002 1.268c-.252-.504-.555-1-1.002-1.268-.507-.304-1.073-.254-1.669.044-.542.271-.974.59-1.276.933-.297.337-.5.733-.5 1.147v3.975a.5.5 0 0 0 1 0V3.329c0-.085.047-.256.25-.485.198-.224.516-.472.974-.7.404-.203.588-.153.706-.081.178.106.375.36.623.857a.5.5 0 1 0 .894-.447Z"/>
</svg>

Dike danger#

⇧ top

QWeather Icon Code: 1204

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1204"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1204" viewBox="0 0 16 16">
  <path d="M5.827 14.963a3.43 3.43 0 0 0 .516-.374c.055-.05.108-.098.157-.145.05.047.102.096.158.144.16.14.356.29.573.407.214.115.48.216.77.216.29 0 .555-.1.768-.216a3.23 3.23 0 0 0 .574-.406c.055-.05.108-.098.157-.145.05.047.102.096.158.144.16.14.356.29.573.407.213.115.48.216.77.216.29 0 .555-.1.768-.216a3.281 3.281 0 0 0 .731-.551c.05.047.102.096.158.144.16.14.356.29.573.407.213.115.48.216.77.216.436 0 .843-.11 1.189-.34.346-.23.604-.564.772-.967a.5.5 0 0 0-.923-.385 1.118 1.118 0 0 1-.404.52c-.16.107-.368.172-.635.172a.663.663 0 0 1-.294-.096c-.13-.07-.265-.17-.391-.28a3.87 3.87 0 0 1-.419-.43l-.005-.005-.39-.491-.392.49v.001l-.005.006-.011.014-.01.011a3.604 3.604 0 0 1-.397.403c-.127.11-.262.21-.392.281a.663.663 0 0 1-.294.096.663.663 0 0 1-.294-.096c-.13-.07-.265-.17-.391-.28a3.87 3.87 0 0 1-.419-.43l-.005-.005-.39-.491-.392.49v.001l-.005.006a1.942 1.942 0 0 1-.108.124 3.868 3.868 0 0 1-.31.304 2.24 2.24 0 0 1-.392.281.663.663 0 0 1-.294.096.663.663 0 0 1-.294-.096 2.24 2.24 0 0 1-.391-.28 3.87 3.87 0 0 1-.419-.43l-.005-.005-.39-.491-.392.49-.005.007a1.942 1.942 0 0 1-.108.124 3.868 3.868 0 0 1-.351.34l.182 1.093Zm-.515-3.092c.168-.04.323-.106.457-.179a3.23 3.23 0 0 0 .574-.406l.157-.144c.05.046.102.095.158.144.16.14.356.29.573.406.214.115.48.217.77.217.29 0 .555-.102.768-.217a3.23 3.23 0 0 0 .574-.406l.157-.144c.05.046.102.095.158.144.16.14.356.29.573.406.213.115.48.217.77.217.29 0 .555-.102.768-.217.217-.117.413-.267.574-.406.056-.05.108-.098.157-.144.05.046.102.095.158.144.16.14.356.29.573.406.213.115.48.217.77.217.436 0 .843-.11 1.189-.34a2.12 2.12 0 0 0 .772-.968.5.5 0 1 0-.923-.385 1.118 1.118 0 0 1-.404.52c-.16.107-.368.173-.635.173a.664.664 0 0 1-.294-.097c-.13-.07-.265-.17-.391-.28a3.87 3.87 0 0 1-.419-.43l-.005-.005-.39-.491-.392.49v.001l-.005.006a1.975 1.975 0 0 1-.108.125 3.87 3.87 0 0 1-.31.304 2.26 2.26 0 0 1-.392.28.664.664 0 0 1-.294.097.664.664 0 0 1-.294-.097c-.13-.07-.265-.17-.391-.28a3.87 3.87 0 0 1-.419-.43l-.005-.005-.39-.491-.392.49v.001l-.005.006a2.643 2.643 0 0 1-.108.125 3.867 3.867 0 0 1-.31.304 2.24 2.24 0 0 1-.392.28.664.664 0 0 1-.294.097.664.664 0 0 1-.294-.097 2.24 2.24 0 0 1-.391-.28 3.87 3.87 0 0 1-.419-.43l-.005-.005-.39-.491-.392.49-.005.007a2.643 2.643 0 0 1-.108.125 3.867 3.867 0 0 1-.31.304 2.24 2.24 0 0 1-.392.28 1.04 1.04 0 0 1-.147.067l.165.992Zm-.546-3.276a1.638 1.638 0 0 0 1.003-.205c.217-.118.413-.268.574-.407.055-.049.108-.097.157-.144.05.047.102.095.158.144.16.14.356.29.573.406.214.116.48.217.77.217.29 0 .555-.101.768-.217.217-.117.413-.267.574-.406.055-.049.108-.097.157-.144.05.047.102.095.158.144.16.14.356.29.573.406.213.116.48.217.77.217.29 0 .555-.101.768-.217.217-.117.413-.267.574-.406.056-.049.108-.097.157-.144.05.047.102.095.158.144.16.14.356.29.573.406.213.116.48.217.77.217.436 0 .843-.11 1.189-.34a2.12 2.12 0 0 0 .772-.968.5.5 0 1 0-.923-.385 1.118 1.118 0 0 1-.404.52c-.16.107-.368.173-.635.173a.664.664 0 0 1-.294-.096 2.24 2.24 0 0 1-.391-.281 3.878 3.878 0 0 1-.419-.429l-.005-.005v-.001l-.39-.491-.392.49v.002l-.005.005a3.684 3.684 0 0 1-.419.429 2.24 2.24 0 0 1-.391.28.664.664 0 0 1-.294.097.664.664 0 0 1-.294-.096 2.24 2.24 0 0 1-.391-.281 3.878 3.878 0 0 1-.419-.429l-.005-.005v-.001l-.39-.491-.392.49v.002l-.005.005a2.333 2.333 0 0 1-.108.125 3.876 3.876 0 0 1-.31.304 2.24 2.24 0 0 1-.392.28.664.664 0 0 1-.294.097.664.664 0 0 1-.294-.096 2.24 2.24 0 0 1-.391-.281 3.879 3.879 0 0 1-.419-.429l-.005-.005v-.001l-.39-.491-.392.491-.005.006a2.333 2.333 0 0 1-.108.125 3.876 3.876 0 0 1-.31.304 2.24 2.24 0 0 1-.392.28.664.664 0 0 1-.294.097 1.3 1.3 0 0 1-.41-.062l.176 1.05ZM4.193 5.16c.25.096.523.143.807.143.29 0 .556-.101.77-.216a3.368 3.368 0 0 0 .73-.551c.05.047.102.095.158.144.16.14.356.29.573.407.214.115.48.216.77.216.29 0 .555-.101.768-.216.217-.118.413-.268.574-.407.055-.049.108-.097.157-.144.05.047.102.095.158.144.16.14.356.29.573.407.213.115.48.216.77.216.29 0 .555-.101.768-.216.217-.118.413-.268.574-.407.056-.049.108-.097.157-.144.05.047.102.095.158.144.16.14.356.29.573.407.213.115.48.216.77.216.436 0 .843-.11 1.189-.34a2.12 2.12 0 0 0 .772-.968.5.5 0 1 0-.923-.384 1.118 1.118 0 0 1-.404.52c-.16.106-.368.172-.635.172a.664.664 0 0 1-.294-.096 2.24 2.24 0 0 1-.391-.281 3.878 3.878 0 0 1-.419-.429l-.005-.005V3.49L12.5 3l-.392.49v.002l-.005.005a3.67 3.67 0 0 1-.419.429 2.24 2.24 0 0 1-.391.28.664.664 0 0 1-.294.097.664.664 0 0 1-.294-.096 2.24 2.24 0 0 1-.391-.281 3.878 3.878 0 0 1-.419-.429l-.005-.005V3.49L9.5 3l-.392.49v.002l-.005.005a2.22 2.22 0 0 1-.108.125 3.876 3.876 0 0 1-.31.304 2.24 2.24 0 0 1-.392.28.664.664 0 0 1-.294.097.664.664 0 0 1-.294-.096 2.24 2.24 0 0 1-.391-.281 3.879 3.879 0 0 1-.419-.429l-.005-.005V3.49L6.5 3l-.392.491-.005.006a2.22 2.22 0 0 1-.108.125 3.876 3.876 0 0 1-.31.304 2.24 2.24 0 0 1-.392.28.664.664 0 0 1-.294.097c-.267 0-.475-.066-.635-.172-.16-.107-.3-.274-.403-.52a.504.504 0 0 0-.04-.076l.271 1.625Z"/>
  <path d="M2.653 2 4.82 15H1V2h1.653Zm.986-.164A1 1 0 0 0 2.653 1H0v15h6L3.64 1.836Z"/>
</svg>

Ice flood#

⇧ top

QWeather Icon Code: 1205

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1205"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1205" viewBox="0 0 16 16">
  <path d="M10.833 11c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.548 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Zm4.594 2.485c-1.766-.416-2.785-.523-4.594-.485-1.056.022-1.861.244-2.713.48l-.012.003c-.85.236-1.748.485-2.922.51-1.884.04-2.978-.076-4.818-.508a.497.497 0 0 1-.357-.593.47.47 0 0 1 .562-.377c1.766.416 2.785.523 4.594.485 1.056-.022 1.861-.244 2.713-.48l.012-.003c.85-.236 1.748-.485 2.922-.51 1.884-.04 2.978.076 4.818.508.253.06.413.325.357.593a.47.47 0 0 1-.562.377Zm0 2c-1.766-.416-2.785-.523-4.594-.485-1.056.022-1.861.244-2.713.48l-.012.003c-.85.236-1.748.485-2.922.51-1.884.04-2.978-.076-4.818-.508a.497.497 0 0 1-.357-.593.47.47 0 0 1 .562-.377c1.766.416 2.785.523 4.594.485 1.056-.022 1.861-.244 2.713-.48l.012-.003c.85-.236 1.748-.485 2.922-.51 1.884-.04 2.978.076 4.818.508.253.06.413.325.357.593a.47.47 0 0 1-.562.377ZM7.86 2.706a.35.35 0 0 1 .675.18l-.14.526.525-.14a.35.35 0 0 1 .181.675l-.525.141.384.385a.35.35 0 1 1-.495.495l-.384-.385-.141.525a.35.35 0 0 1-.676-.18l.14-.526-.525.14a.35.35 0 0 1-.18-.675l.524-.141-.384-.385a.35.35 0 0 1 .495-.495l.384.385.141-.525Z"/>
  <path d="M8.793 1.077 10.72 3.01a.264.264 0 0 1 .068.255l-.708 2.643a.264.264 0 0 1-.187.186l-2.635.71a.258.258 0 0 1-.254-.068L5.077 4.803a.264.264 0 0 1-.068-.254l.708-2.643a.264.264 0 0 1 .186-.187l2.636-.71a.26.26 0 0 1 .254.068ZM7.269 6.255l2.342-.63.63-2.35-1.713-1.717-2.342.632-.63 2.348L7.27 6.255Zm4.961.618a.35.35 0 0 1 .657-.239l.186.511.35-.417a.35.35 0 0 1 .536.45l-.35.417.536.094a.35.35 0 0 1-.122.69l-.535-.095.186.511a.35.35 0 0 1-.658.24l-.186-.511-.35.416a.35.35 0 0 1-.536-.45l.35-.416-.536-.095a.35.35 0 0 1 .122-.689l.535.094-.186-.51Z"/>
  <path d="m12.06 5.004 2.687.478a.264.264 0 0 1 .202.17l.936 2.57a.265.265 0 0 1-.046.26l-1.476 1.765c-1.133-.206-2.076-.266-3.416-.242l-.931-2.558a.264.264 0 0 1 .045-.26l1.752-2.093a.26.26 0 0 1 .247-.09Zm1.722 5.116 1.556-1.86-.831-2.286-2.388-.424-1.556 1.86.83 2.285 2.39.425ZM3.126 7a.35.35 0 0 0-.35.35v.544l-.47-.272a.35.35 0 0 0-.35.606l.47.272-.47.272a.35.35 0 0 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 0 0 .35-.606l-.47-.272.47-.272a.35.35 0 0 0-.35-.606l-.47.272V7.35a.35.35 0 0 0-.35-.35Z"/>
  <path d="m4.054 11.002 1.564-.906a.264.264 0 0 0 .132-.228V7.132a.264.264 0 0 0-.132-.228L3.256 5.536a.26.26 0 0 0-.263 0L.632 6.904a.264.264 0 0 0-.132.228v2.736c0 .094.05.181.132.228l1.173.68c.774.14 1.451.208 2.25.226Zm-.929-.07L1.026 9.716V7.285l2.099-1.216 2.099 1.215v2.432l-2.099 1.216Z"/>
</svg>

Waterlogging2#

⇧ top

QWeather Icon Code: 1206

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1206"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1206" viewBox="0 0 16 16">
  <path d="M3 10.76c-.683-.13-1.336-.353-2.139-.705-.298-.132-.657-.018-.801.253-.144.27-.02.597.279.728 1.034.454 1.872.72 2.794.854a5.438 5.438 0 0 0 1.331 2.548C5.402 15.438 6.674 16 8 16s2.598-.562 3.536-1.562c.937-1 1.464-2.357 1.464-3.771C13 8.24 10.703 4.073 8.615.91A78.36 78.36 0 0 0 8 0a61.87 61.87 0 0 0-.615.911 49.363 49.363 0 0 0-2.39 3.999c-1.648.01-2.627-.194-4.134-.856-.298-.13-.657-.017-.801.254-.144.27-.02.597.279.728 1.496.657 2.581.92 4.105.959a22.42 22.42 0 0 0-.805 1.858c-.939-.1-1.73-.339-2.778-.799-.298-.13-.657-.017-.801.254-.144.27-.02.597.279.728 1.092.48 1.964.749 2.948.875C3.104 9.557 3 10.15 3 10.667v.092Zm1.005.124A4.554 4.554 0 0 1 4 10.667c0-.43.101-.992.312-1.676.252.009.516.01.796.008 1.249-.015 1.993-.128 3.18-.482.314-.094.486-.402.382-.688-.103-.286-.442-.441-.757-.347-1.07.319-1.694.413-2.82.427h-.394a24.089 24.089 0 0 1 .88-1.922c.982-.037 1.678-.163 2.708-.47.315-.094.487-.402.383-.688-.103-.286-.442-.441-.757-.347-.677.201-1.175.313-1.734.372A49.378 49.378 0 0 1 8 1.835c.86 1.32 1.736 2.791 2.453 4.213.471.936.864 1.834 1.138 2.643.277.82.409 1.486.409 1.976a4.415 4.415 0 0 1-1.172 3.017c-.75.8-1.767 1.25-2.828 1.25-1.06 0-2.078-.45-2.828-1.25a4.324 4.324 0 0 1-.976-1.698c.287.013.59.016.912.013 1.249-.015 1.993-.128 3.18-.482.314-.094.486-.402.382-.688-.103-.286-.442-.441-.757-.348-1.07.32-1.694.414-2.82.428-.396.004-.754-.003-1.088-.025Z"/>
  <path d="M11.052 4.996c1.675-.025 2.681.09 4.375.488a.47.47 0 0 0 .562-.376.497.497 0 0 0-.357-.592c-1.84-.433-2.934-.549-4.818-.509a8.9 8.9 0 0 0-.295.012c.183.325.361.651.533.977Zm1.369 3.019c.975.051 1.823.191 3.006.47a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.592c-1.412-.332-2.385-.478-3.612-.51.148.344.282.682.402 1.01Zm3.006 3.47c-.95-.224-1.684-.358-2.44-.429a4.745 4.745 0 0 0-.029-.999c.838.072 1.637.215 2.674.458.253.06.413.325.357.593a.47.47 0 0 1-.562.377Z"/>
</svg>

Flood and waterlogging#

⇧ top

QWeather Icon Code: 1207

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1207"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1207" viewBox="0 0 16 16">
  <path d="M4.875 7.725c-.427-.081-.835-.22-1.337-.44-.186-.083-.41-.012-.5.157-.09.17-.013.374.174.455.646.284 1.17.45 1.746.534a3.4 3.4 0 0 0 .832 1.593A3.03 3.03 0 0 0 8 11a3.03 3.03 0 0 0 2.21-.976 3.45 3.45 0 0 0 .915-2.357c0-1.516-1.436-4.121-2.74-6.098A42.46 42.46 0 0 0 8 1c-.126.182-.254.373-.384.57A30.85 30.85 0 0 0 6.12 4.067c-1.03.008-1.64-.12-2.583-.534-.186-.082-.41-.01-.5.158-.09.17-.013.374.174.455.935.411 1.613.575 2.565.6-.192.398-.363.788-.503 1.161-.586-.062-1.081-.211-1.736-.499-.186-.082-.41-.01-.5.158-.09.17-.013.374.174.455.682.3 1.228.468 1.843.547a4.126 4.126 0 0 0-.18 1.156Zm.628.078a2.856 2.856 0 0 1-.003-.136c0-.268.063-.62.195-1.048.158.006.323.007.497.005.78-.01 1.246-.08 1.988-.3.196-.06.303-.252.239-.43-.065-.18-.277-.277-.473-.218a5.49 5.49 0 0 1-1.763.267h-.246a15.048 15.048 0 0 1 .55-1.201c.613-.023 1.049-.102 1.693-.294.196-.058.303-.25.239-.43-.065-.178-.277-.276-.473-.217a5.663 5.663 0 0 1-1.084.233c.357-.647.75-1.291 1.138-1.887A28.34 28.34 0 0 1 9.533 4.78c.295.585.54 1.146.711 1.652.174.513.256.928.256 1.235a2.76 2.76 0 0 1-.732 1.885c-.47.5-1.105.781-1.768.781s-1.299-.28-1.768-.78a2.702 2.702 0 0 1-.61-1.062c.18.008.369.01.57.008.78-.01 1.246-.08 1.988-.3.196-.06.303-.252.239-.43-.065-.18-.277-.277-.473-.218a5.49 5.49 0 0 1-1.763.267 8.734 8.734 0 0 1-.68-.015Z"/>
  <path d="M9.907 4.122c1.047-.015 1.676.057 2.735.306a.294.294 0 0 0 .35-.235.31.31 0 0 0-.222-.37c-1.15-.271-1.834-.343-3.011-.318a5.569 5.569 0 0 0-.185.007c.115.203.226.407.333.61Zm.856 1.888c.61.031 1.14.119 1.879.293a.294.294 0 0 0 .35-.235.31.31 0 0 0-.222-.37c-.882-.208-1.49-.299-2.258-.319.093.215.177.426.251.63Zm1.879 2.168a10.879 10.879 0 0 0-1.525-.268 2.95 2.95 0 0 0-.018-.624 11.21 11.21 0 0 1 1.67.286.31.31 0 0 1 .224.37.294.294 0 0 1-.351.236ZM10.833 13c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.548 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Zm0 2c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.547 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Z"/>
</svg>

Dry water#

⇧ top

QWeather Icon Code: 1208

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1208"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1208" viewBox="0 0 16 16">
  <path d="M11.979 10.603c.014.137.021.27.021.397a5 5 0 1 1-10 0c0-2.2 2.152-5.931 4.183-8.857.277-.398.55-.78.817-1.143.266.362.54.745.817 1.143.872 1.256 1.766 2.66 2.503 4.028.372-.175.653-.351.826-.525.163-.163.288-.411.369-.736.08-.322.11-.684.11-1.035 0-.098-.002-.194-.006-.287l-.265.266a.5.5 0 0 1-.708-.708L12 1.793l1.354 1.353a.5.5 0 0 1-.708.708l-.021-.022v.043c0 .4-.033.85-.14 1.277-.106.426-.294.865-.631 1.202-.285.284-.673.515-1.076.707.443.901.797 1.768 1.007 2.545.157-.061.31-.124.454-.19.412-.187.721-.376.907-.562.164-.164.288-.412.369-.737.08-.322.11-.684.11-1.035 0-.098-.002-.194-.006-.287l-.265.266a.5.5 0 1 1-.707-.707L14 5l1.354 1.354a.5.5 0 1 1-.707.707l-.022-.022v.043c0 .4-.033.85-.14 1.278-.106.425-.294.864-.631 1.2-.314.315-.755.563-1.202.766-.216.099-.443.19-.673.277ZM3.333 11a3.666 3.666 0 0 0 7.333.05c-.264.087-.506.166-.722.244a4.793 4.793 0 0 0-.431.175 1.28 1.28 0 0 0-.124.067l-.036.025c-.19.191-.238.309-.265.43a2.502 2.502 0 0 0-.04.303l-.005.049c-.01.121-.024.268-.048.435a.5.5 0 0 1-.99-.142c.02-.14.031-.261.042-.383l.005-.052c.013-.133.027-.28.06-.427.073-.33.226-.612.535-.92a1.59 1.59 0 0 1 .432-.286c.154-.074.334-.145.524-.214.249-.09.541-.185.842-.283l.077-.025a8.76 8.76 0 0 0-.245-.786 16.436 16.436 0 0 0-.742-1.705 29.005 29.005 0 0 1-.803.267c-.29.095-.555.18-.788.265a4.776 4.776 0 0 0-.431.175 1.263 1.263 0 0 0-.124.067.277.277 0 0 0-.036.025c-.19.19-.238.309-.265.43a2.503 2.503 0 0 0-.04.303l-.005.049a7.24 7.24 0 0 1-.048.435.5.5 0 1 1-.99-.142c.02-.14.031-.261.042-.383l.005-.052c.013-.133.027-.28.06-.428.073-.329.226-.611.534-.92.124-.124.288-.215.433-.285.154-.074.334-.145.524-.214.249-.09.541-.185.842-.283l.46-.15.162-.056A41.105 41.105 0 0 0 7 3.308a40.457 40.457 0 0 0-2.159 3.52c-.467.869-.852 1.695-1.118 2.432-.272.754-.39 1.336-.39 1.74Z"/>
</svg>

Flood and flash flood in small and medium rivers#

⇧ top

QWeather Icon Code: 1209

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1209"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1209" viewBox="0 0 16 16">
  <path d="M10.833 13c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.548 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Zm0 2c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.547 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Z"/>
  <path d="m7.406 2.056-6.21 2.602c-.368.154-.337.694.046.795l1.192.313-1.778 6.769c1.716.4 2.73.503 4.511.465 1.056-.022 1.861-.244 2.713-.48l.012-.003c.432-.12.876-.243 1.362-.338l1.135-4.324 1.193.314c.382.1.675-.355.43-.67l-4.13-5.317a.404.404 0 0 0-.476-.126ZM4.704 8.93l2.386.627a.41.41 0 0 1 .293.502l-.626 2.387a.411.411 0 0 1-.503.293l-2.386-.627a.411.411 0 0 1-.293-.502L4.2 9.223a.411.411 0 0 1 .503-.294Z"/>
  <path d="M14.746 6.125a.17.17 0 0 0-.283-.076l-3.414 3.416a.167.167 0 0 0 .077.28l1.8.482-.482 1.796c.347.017.678.045 1.013.086l.434-1.623 1.897.508c.125.034.24-.08.206-.204l-1.248-4.665Zm-.888 1.195c.027-.181.247-.284.476-.223.229.061.368.26.3.43l-.589 1.497-.425-.114.238-1.59Zm.122 2.355a.323.323 0 1 1-.624-.168.323.323 0 0 1 .624.168Z"/>
</svg>

Difficulty drinking water for rural people and animals#

⇧ top

QWeather Icon Code: 1210

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1210"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1210" viewBox="0 0 16 16">
  <path d="M2.5.5A.5.5 0 0 1 3 1v1.5h4V2H6a.5.5 0 0 1 0-1h3a.5.5 0 0 1 0 1H8v.5h4V1a.5.5 0 0 1 1 0v1.5h.25c.69 0 1.25.56 1.25 1.25 0 .138.112.25.25.25h.75a.5.5 0 0 1 0 1h-.75c-.69 0-1.25-.56-1.25-1.25a.25.25 0 0 0-.25-.25H13V11h2v5H0v-5h2V3.5H.5a.5.5 0 0 1 0-1H2V1a.5.5 0 0 1 .5-.5ZM3 11h9V3.5H8V5h3l-1.556 5H5.556L4 5h3V3.5H3V11Zm4.5-2c.556 0 1-.444 1-1 0-.639-1-2-1-2s-1 1.333-1 2c0 .556.444 1 1 1Z"/>
</svg>

Flood in small and medium rivers#

⇧ top

QWeather Icon Code: 1211

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1211"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1211" viewBox="0 0 16 16">
  <path d="M10.833 13c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.548 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Zm0 2c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.547 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Z"/>
  <path d="M5.536 5.293a.398.398 0 0 1 .385.103L9.418 9.03c.207.215-.008.496-.317.413l-1.176-.315-.974 3.636A8.37 8.37 0 0 1 5.167 13c-1.801.038-2.82-.068-4.571-.48l1.34-4.997-1.177-.315C.451 7.125.405 6.774.691 6.69l4.845-1.398ZM4.16 9.203a.52.52 0 0 0-.634.371l-.271 1.011a.52.52 0 0 0 .363.64l.999.267a.52.52 0 0 0 .634-.372l.271-1.01a.52.52 0 0 0-.363-.64l-.999-.267ZM14.291 4.05a.2.2 0 0 1 .322.086l.94 2.777a.2.2 0 0 1-.242.258l-.363-.098.584 1.91a.2.2 0 0 1-.243.252l-.328-.088.545 1.903a.2.2 0 0 1-.245.248l-1.66-.444-.33 1.234A17.27 17.27 0 0 0 11.224 12l.446-1.665-1.522-.408a.2.2 0 0 1-.087-.337l1.423-1.375-.328-.088a.2.2 0 0 1-.084-.34l1.46-1.362-.363-.097a.2.2 0 0 1-.08-.344l2.202-1.935ZM.293 2.707A1 1 0 0 1 0 2C0 1.5.555.605 1 0c.445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm6 0A1 1 0 0 1 6 2c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM3 2a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Z"/>
</svg>

Flood and drought advisory#

⇧ top

QWeather Icon Code: 1212

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1212"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1212" viewBox="0 0 16 16">
  <path d="M2.96 1.302c-.213-.294-.672-.39-1.027-.213-.354.177-.469.559-.256.853l2.647 3.67a.18.18 0 0 1-.014.23l-2.254 2.5c-.365.405-.45.939-.224 1.41l1.55 3.22c-.895-.058-1.706-.197-2.809-.457a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.548 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48 1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-.965-.226-1.724-.366-2.5-.442l-1.34-2.784a.18.18 0 0 1 .032-.201l2.254-2.499c.426-.472.466-1.112.1-1.618l-2.647-3.669c-.213-.294-.672-.39-1.026-.213-.355.177-.47.559-.257.853l2.647 3.67a.18.18 0 0 1-.014.23l-2.254 2.5c-.365.405-.45.939-.224 1.41L11.485 12c-.213 0-.436.002-.67.007a9.212 9.212 0 0 0-1.885.24L7.507 9.29a.18.18 0 0 1 .032-.201L9.792 6.59c.426-.472.466-1.112.1-1.618l-2.646-3.67c-.212-.294-.672-.39-1.026-.213-.354.177-.47.559-.257.853l2.648 3.67a.18.18 0 0 1-.015.23l-2.253 2.5c-.366.405-.45.939-.224 1.41L7.5 12.623c-.719.194-1.435.357-2.333.376l-.16.003L3.221 9.29a.18.18 0 0 1 .032-.201L5.507 6.59c.425-.472.465-1.112.1-1.618L2.96 1.302Zm12.467 14.183c-1.766-.416-2.785-.523-4.594-.485-1.056.022-1.861.244-2.713.48l-.012.003c-.85.236-1.748.485-2.922.51-1.884.04-2.978-.076-4.818-.508a.497.497 0 0 1-.357-.593.47.47 0 0 1 .562-.377c1.766.416 2.785.523 4.594.485 1.056-.022 1.861-.244 2.713-.48l.012-.003c.85-.236 1.748-.485 2.922-.51 1.884-.04 2.978.076 4.818.508.253.06.413.325.357.593a.47.47 0 0 1-.562.377Z"/>
</svg>

Urban flood risk#

⇧ top

QWeather Icon Code: 1213

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1213"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1213" viewBox="0 0 16 16">
  <path d="M6.5 0h5v12c.354 0 .683.009 1 .026V3.732l2-1.232v-2h1v11.985l.132.03c.253.06.413.325.357.593a.47.47 0 0 1-.562.377c-1.766-.416-2.785-.523-4.594-.485-1.056.022-1.861.244-2.713.48l-.012.003c-.85.236-1.748.485-2.922.51-1.884.04-2.978-.076-4.818-.508a.497.497 0 0 1-.357-.593.47.47 0 0 1 .562-.377c.735.173 1.34.293 1.927.37v-3.26H.197a.195.195 0 0 1-.17-.291L2.83 4.473a.197.197 0 0 1 .34 0l2.804 4.86a.195.195 0 0 1-.17.292H3.5v3.355c.503.03 1.037.033 1.667.02a8.01 8.01 0 0 0 1.333-.14V0Zm1 5v7h1V5h-1Zm3-4h-3v1h3V1Zm-3 2v1h3V3h-3Zm3 2h-1v7h1V5Zm4 0h-1v1h1V5Zm-1 2v1h1V7h-1Zm1 2h-1v2h1V9ZM2.533 6.08l.211 1.857h.512l.21-1.856c.025-.212-.191-.394-.466-.394s-.491.182-.467.394Zm.845 2.607a.375.375 0 1 0-.75 0 .375.375 0 0 0 .75 0Zm12.049 6.798c-1.766-.416-2.785-.523-4.594-.485-1.056.022-1.861.244-2.713.48l-.012.003c-.85.236-1.748.485-2.922.51-1.884.04-2.978-.076-4.818-.508a.497.497 0 0 1-.357-.593.47.47 0 0 1 .562-.377c1.766.416 2.785.523 4.594.485 1.056-.022 1.861-.244 2.713-.48l.012-.003c.85-.236 1.748-.485 2.922-.51 1.884-.04 2.978.076 4.818.508.253.06.413.325.357.593a.47.47 0 0 1-.562.377Z"/>
</svg>

Flash flood#

⇧ top

QWeather Icon Code: 1214

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1214"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1214" viewBox="0 0 16 16">
  <path d="M10.833 13c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.548 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Zm0 2c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.547 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48ZM10 1l1.01 6.211 2.245-2.872 2.245 4.79v2.102c-1.76-.407-2.847-.516-4.686-.477-1.174.024-2.072.273-2.922.509l-.012.003c-.852.236-1.657.458-2.713.48-1.809.039-2.828-.069-4.594-.484A.465.465 0 0 0 .5 11.25v-1.17l3.262-4.64 2.295 2.938L10 1Z"/>
</svg>

Agricultural drought#

⇧ top

QWeather Icon Code: 1215

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1215"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1215" viewBox="0 0 16 16">
  <path d="M12.031 1.421C11.591 1.87 11 2.633 11 3.5 11 4.88 12.5 6 12.5 6S14 4.88 14 3.5c0-.61-.292-1.168-.619-1.602C12.863.594 11.724 0 10.586 0h-.08C9.292 0 8.08.727 7.515 2.101c-.082-.162-.243-.323-.405-.485A2.822 2.822 0 0 0 5.17.808c-1.173 0-2.413.732-2.632 2.137-.192.306-.34.668-.34 1.055.001 1.105 1.201 2 1.201 2s1.2-.895 1.2-2c0-.745-.547-1.396-.902-1.74.364-.435.934-.644 1.474-.644.565 0 1.05.162 1.374.566.404.404.646.97.646 1.697V8H3.313l1.455 2.182 2.505.242 1.535 3.313-.727.324-1.374-2.91-2.02-.161-1.293 1.858.97 2.182-.728.324-.97-2.101L0 14.14V16h10.424l2.425-2.99-1.697-1.131-1.617.404-.161-.808 1.616-.404L11.879 8H8V3.879C8 1.778 9.293.809 10.505.809c.552 0 1.103.2 1.526.612Z"/>
  <path d="m4.04 10.505-1.293 1.94L0 13.332V8h2.343l1.697 2.505ZM12.687 8l-.97 3.232 1.94 1.374.97.808-.486.647-.646-.485L11.5 16H16V8.08C14.95 8 13.818 8 12.687 8Z"/>
</svg>

Urban water shortage#

⇧ top

QWeather Icon Code: 1216

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1216"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1216" viewBox="0 0 16 16">
  <path d="M1.842.842c0-.465.377-.842.843-.842h8.42a.842.842 0 0 1 0 1.684H7.738v.842h3.21A5.053 5.053 0 0 1 16 7.58v1.684h-3.368V7.58c0-.93-.754-1.684-1.685-1.684H0v-3.37h6.053v-.842H2.685a.842.842 0 0 1-.843-.842ZM14.267 16a1.66 1.66 0 0 0 1.666-1.667c0-1.065-1.666-3.333-1.666-3.333S12.6 13.222 12.6 14.333c0 .926.74 1.667 1.667 1.667Z"/>
  <path d="M7.227 7.63a.263.263 0 0 0-.454 0l-3.738 6.482a.26.26 0 0 0 .227.388h7.476a.26.26 0 0 0 .227-.388L7.227 7.63Zm-.85 2.144c-.032-.282.256-.524.623-.524s.655.242.623.524L7.34 12.25h-.68l-.282-2.476Zm1.127 3.476a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
</svg>

Ecological drought#

⇧ top

QWeather Icon Code: 1217

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1217"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1217" viewBox="0 0 16 16">
  <path d="M8.017 0a8.001 8.001 0 0 1 8 8 8 8 0 0 1-16 0H0c0-.095.008-.19.022-.282A8.001 8.001 0 0 1 8.017 0ZM5.384 1.512A7.019 7.019 0 0 0 1.329 5.93c.66-.468 1.54-.861 2.568-1.15.324-1.311.841-2.438 1.487-3.268ZM3.675 5.894c-.326.11-.63.23-.907.36-.53.248-.914.503-1.186.746h1.97c.027-.377.068-.747.123-1.106ZM4.555 7h2.962V5.257c-1.002.03-1.94.15-2.776.34-.086.447-.15.916-.186 1.403Zm2.962-2.743V1.082c-.597.193-1.24.739-1.81 1.751a8.376 8.376 0 0 0-.703 1.689c.784-.149 1.63-.24 2.513-.265Zm1 1.001V7h2.963c-.037-.484-.1-.95-.184-1.394a14.523 14.523 0 0 0-2.779-.348Zm2.516-.73a8.387 8.387 0 0 0-.705-1.695c-.57-1.012-1.214-1.558-1.81-1.751v3.176a15.9 15.9 0 0 1 2.515.27Zm1.108.263c1.035.294 1.917.695 2.575 1.17a7.019 7.019 0 0 0-4.065-4.449c.647.832 1.165 1.963 1.49 3.279Zm.22 1.115c.055.356.095.72.122 1.094h1.935c-.272-.243-.657-.498-1.186-.746a8.432 8.432 0 0 0-.87-.348ZM3.6 7l1.9 2.1-1.1 1.6-2.8.9.2.6 2.7-.8.8 1.8.6-.3L5 11l1.1-1.5 1.7.1L8.9 12l.6-.2L8.2 9l-2.1-.2L4.4 7h-.8ZM11 9.4l-1.3.3.1.7 1.4-.4 1.4 1-2.6 3.3.5.4 2.6-3.3.6.4.4-.5-2.4-1.8.7-2.5h-.7L11 9.4Z"/>
</svg>

Disaster risk early warning#

⇧ top

QWeather Icon Code: 1218

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1218"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1218" viewBox="0 0 16 16">
  <path d="M7.004 5.996C6.953 5.461 7.414 5 8 5c.587 0 1.047.46.996.996l-.45 4.704H7.454l-.45-4.704ZM8.75 12.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"/>
  <path d="M7.545 1.261a.526.526 0 0 1 .91 0l7.475 12.963a.519.519 0 0 1-.454.776H.524a.519.519 0 0 1-.454-.776L7.545 1.26ZM14.301 13.8 8 2.875 1.7 13.8h12.6ZM11.493.81a.4.4 0 0 1 .48-.3c1.306.303 2.367 1.03 2.976 2.084.609 1.055.708 2.337.317 3.619a.4.4 0 1 1-.765-.233c.336-1.103.237-2.15-.245-2.986-.482-.835-1.34-1.444-2.463-1.704a.4.4 0 0 1-.3-.48Zm-.52 1.213a.4.4 0 0 1 .492-.278c.947.262 1.717.819 2.172 1.607.455.787.552 1.733.306 2.684a.4.4 0 0 1-.775-.2c.201-.777.112-1.502-.224-2.084-.336-.583-.92-1.022-1.693-1.237a.4.4 0 0 1-.279-.492Zm-.568 1.322a.4.4 0 0 1 .508-.25c.574.196 1.045.56 1.334 1.06.288.5.368 1.089.25 1.684a.4.4 0 0 1-.784-.155c.084-.428.022-.817-.16-1.13-.18-.313-.485-.561-.898-.702a.4.4 0 0 1-.25-.507Z"/>
</svg>

Flash flood weather risk#

⇧ top

QWeather Icon Code: 1219

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1219"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1219" viewBox="0 0 16 16">
  <path d="M10.833 13c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.548 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48Zm0 2c1.809-.038 2.828.07 4.594.485a.47.47 0 0 0 .562-.377.497.497 0 0 0-.357-.593c-1.84-.432-2.934-.548-4.818-.508-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-1.809.038-2.828-.07-4.594-.485a.47.47 0 0 0-.562.377.497.497 0 0 0 .357.593c1.84.432 2.934.547 4.818.508 1.174-.025 2.072-.274 2.922-.51l.012-.003c.852-.236 1.657-.458 2.713-.48ZM10 1l1.01 6.211 2.245-2.872 2.245 4.79v2.102c-1.76-.407-2.847-.516-4.686-.477-1.174.024-2.072.273-2.922.509l-.012.003c-.852.236-1.657.458-2.713.48-1.809.039-2.828-.069-4.594-.484A.465.465 0 0 0 .5 11.25v-1.17l3.262-4.64 2.295 2.938L10 1Zm-7.89.421c-.02-.176.16-.327.39-.327s.41.151.39.327L2.712 2.97h-.426L2.11 1.42Zm.705 2.173a.312.312 0 1 1-.625 0 .312.312 0 0 1 .625 0Z"/>
  <path d="M0 2.5a2.5 2.5 0 1 0 5 0 2.5 2.5 0 0 0-5 0Zm4.594 0a2.094 2.094 0 1 1-4.188 0 2.094 2.094 0 0 1 4.188 0Z"/>
</svg>

Water conservancy and drought#

⇧ top

QWeather Icon Code: 1221

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1221"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1221" viewBox="0 0 16 16">
  <path d="M12.533 4c0-.162.048-.395.156-.696.107-.295.26-.625.447-.973.254-.471.558-.958.864-1.407.306.449.61.936.864 1.407.186.348.34.678.447.973.108.301.156.534.156.696a1.467 1.467 0 0 1-2.934 0Zm1.14-3.543C12.861 1.627 12 3.12 12 4a2 2 0 1 0 4 0c0-.88-.86-2.373-1.673-3.543A18.44 18.44 0 0 0 14 0c-.107.145-.216.298-.327.457Zm-8.34 3.21C4.417 1.833 3.042 0 3.042 0S0 4.042 0 6a3.015 3.015 0 0 0 2.583 3c.584-1.708 1.709-3.708 2.75-5.333ZM9.25 13a3.715 3.715 0 0 1 2.792-3.625C11.167 6.25 7.75 1.708 7.75 1.708s-4.542 5.959-4.542 8.959c0 2.5 2 4.5 4.5 4.5.709 0 1.334-.167 1.959-.459A3.83 3.83 0 0 1 9.25 13Z"/>
  <path d="M13 16.042a3.042 3.042 0 1 0 0-6.084 3.042 3.042 0 0 0 0 6.084Zm1.333-1.334c-.083 0-.208-.041-.25-.125L13 13.5l-1.083 1.083c-.125.125-.209.125-.292.125-.083 0-.208-.041-.25-.125-.167-.166-.167-.375 0-.541l1.083-1.084-1.125-1.125c-.166-.166-.166-.375 0-.541.167-.167.375-.167.542 0L13 12.417l1.125-1.125c.167-.167.375-.167.542 0 .166.166.166.375 0 .541l-1.125 1.125 1.083 1.084c.167.166.167.375 0 .541-.083.125-.167.125-.292.125Z"/>
</svg>

Landslide#

⇧ top

QWeather Icon Code: 1241

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1241"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1241" viewBox="0 0 16 16">
  <path d="m.421 16 8-16v3.2l1.263 2.133L8.421 6.4l-.842 3.2.842 1.067-.842 2.666 2.105 1.6.842 1.067H.421Z"/>
  <path d="M13.164 4.19a.197.197 0 0 1 .329.087l1.45 5.421a.195.195 0 0 1-.24.237l-5.416-1.45a.195.195 0 0 1-.09-.326l3.967-3.97Zm-.15 1.216c-.266-.07-.521.049-.553.26l-.277 1.848.495.132.684-1.739c.078-.198-.083-.43-.35-.5Zm-.87 3.261a.375.375 0 1 0 .193-.724.375.375 0 0 0-.194.724Zm-1.618-4.4-.42-2.134 1.683 2.134h-1.263Zm2.527 5.866-.842 1.6 1.684 1.067-.842-2.667Zm-3.369 3.734.842-1.6 2.948 2.133-2.106 1.067-1.684-1.6Zm5.053.533.842-1.067.421 2.134-1.263-1.067Z"/>
</svg>

Debris flows#

⇧ top

QWeather Icon Code: 1242

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1242"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1242" viewBox="0 0 16 16">
  <path d="M0 0v16h16s-3.078-3.807-5.854-4.103c-.606-.064-.631-.07-1.146-.397-.438-.278-.394-.605-.345-.974.043-.314.09-.657-.155-1.026-.312-.472-.775-.496-1.245-.52-.456-.024-.918-.048-1.255-.48-.442-.566-.453-1.174-.464-1.764C5.524 6.115 5.513 5.513 5 5c-.494-.494-.75-.618-1-.74-.255-.125-.505-.247-1-.76-.453-.47-.383-.91-.314-1.346.07-.442.14-.878-.345-1.333C1.635.157 0 0 0 0Zm6.244 3.692c-.88-.489-1.8-1.073-1.561-2.051C4.896.766 5.748.575 6.634.411 7.73.206 8.751.301 9.366 1.23c.53.801.595 1.706 0 2.461-.755.958-2.056.593-3.122 0Zm2.732 3.693c-.125-.699.075-1.564.78-1.641.66-.073.929.613 1.17 1.23.235.597.447 1.181 0 1.641-.626.647-1.792-.344-1.95-1.23Z"/>
  <path d="M12.878 10.667c-.433.087-.765.378-.78.82-.02.558.623.931 1.17.82.434-.087.766-.378.78-.82.02-.558-.623-.93-1.17-.82Z"/>
</svg>

Landslide event#

⇧ top

QWeather Icon Code: 1243

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1243"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1243" viewBox="0 0 16 16">
  <path d="M0 16 8 0v3.2l1.263 2.133L8 6.4l-.842 3.2L8 10.667l-.842 2.666 2.105 1.6.842 1.067H0ZM9.684 2.133l.421 2.134h1.263L9.684 2.133Z"/>
  <path d="m9.263 8 1.684-1.067.421 3.2L9.263 9.6V8Zm3.369 2.133-.842 1.6 1.684 1.067-.842-2.667Zm-3.369 3.734.842-1.6 2.948 2.133-2.106 1.067-1.684-1.6Zm5.053.533.842-1.067.42 2.134-1.262-1.067Z"/>
</svg>

Ground collapses#

⇧ top

QWeather Icon Code: 1244

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1244"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1244" viewBox="0 0 16 16">
  <path d="M5.837.443A.21.21 0 0 0 5.5.353L3.19 2.381a.21.21 0 0 0 .085.36l.381.102-1.532 1.429a.21.21 0 0 0 .089.356l.343.092-1.492 1.442a.21.21 0 0 0 .092.354l1.595.427L2.334 8.5H0V16h16V8.5h-3.268l-1.27 1.907.5 2-.73 1.093H7.39l-.426-1.705-.912-1.369.642-1.926H4.505l.272-1.013 1.74.466a.21.21 0 0 0 .256-.26l-.57-1.995.343.092a.21.21 0 0 0 .255-.264l-.613-2.003.381.102a.21.21 0 0 0 .253-.27L5.837.443Z"/>
  <path d="M8.5 13a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm2.5-3a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/>
</svg>

Ground fissure#

⇧ top

QWeather Icon Code: 1245

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1245"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1245" viewBox="0 0 16 16">
  <path d="M5.272.155a.229.229 0 0 0-.368-.098L2.387 2.269a.229.229 0 0 0 .092.392l.416.112-1.67 1.557a.229.229 0 0 0 .096.387l.375.1L.07 6.39a.229.229 0 0 0 .1.385l1.738.466L1.437 9H0v7h16V9h-5.5L9 10.5l1.5 1.5-2 1 .5 2-2-2 1.5-1-3-2 2-1H3.803l.313-1.167 1.897.508a.229.229 0 0 0 .28-.284L5.67 5.883l.374.1a.229.229 0 0 0 .278-.288l-.668-2.183.416.111a.229.229 0 0 0 .275-.294L5.272.155Z"/>
</svg>

Land subsidence#

⇧ top

QWeather Icon Code: 1246

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1246"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1246" viewBox="0 0 16 16">
  <path d="M6.45.052a.21.21 0 0 1 .337.09l.985 2.913a.21.21 0 0 1-.253.27l-.38-.102.612 2.003a.21.21 0 0 1-.255.264l-.344-.092.571 1.995a.21.21 0 0 1-.256.26l-1.74-.466-.287 1.071h2.015v.459l.918.917c.23.23.344.344.344.46 0 .114-.115.229-.344.458-.284.284-.217.392-.124.542.057.092.124.2.124.376 0 .229.23.344.459.458.229.115.458.23.458.46 0 .366-.306.764-.458.917v.917c0 .367.305.459.458.459H0V8.258h3.268l.433-1.614-1.596-.427a.21.21 0 0 1-.091-.354l1.492-1.442-.344-.092a.21.21 0 0 1-.088-.356l1.532-1.429-.381-.102a.21.21 0 0 1-.085-.36L6.45.052ZM16 9.5v6.423h-5.079c-.135 0-.407-.092-.407-.459v-.917c.136-.153.408-.55.408-.918 0-.23-.204-.344-.408-.459-.204-.114-.408-.23-.408-.459a.713.713 0 0 0-.11-.376c-.083-.15-.142-.258.11-.541.204-.23.306-.344.306-.459 0-.115-.102-.23-.306-.459L9.29 9.96V9.5H16Z"/>
</svg>

Volcanic eruption#

⇧ top

QWeather Icon Code: 1247

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1247"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1247" viewBox="0 0 16 16">
  <path d="M6.37 8.637c-.483-.483-3.033-3.515-3.033-3.515l2.964 1.723-1.379-4.618L7.06 6.569 8.093 0l.344 6.5 1.585-5.376L9.816 6.5l1.93-2.757-1.517 4.136 1.93-1.034s-1.654 2.067-2.068 2.343c-.413.276-1.31.62-1.998.483-.62-.07-1.31-.552-1.723-1.034Z"/>
  <path d="M7.955 10.566C6.852 10.43 6.3 9.326 6.3 9.326S4.962 12.07 0 16h16c-4.962-3.446-6.115-5.985-6.115-5.985s-.827.69-1.93.551ZM5.75 1.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM3.286 3.929a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm10.285 2.285a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM14 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/>
</svg>

Geological hazard weather risk#

⇧ top

QWeather Icon Code: 1248

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1248"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1248" viewBox="0 0 16 16">
  <path d="M8.531 6.829 16 13.922 5.5 16 0 13.832l6.318-6.461-.999 2.606a.396.396 0 0 0 .002.251.23.23 0 0 0 .055.092.109.109 0 0 0 .075.033H6.47c.008 0 .015.003.022.009a.068.068 0 0 1 .017.024.12.12 0 0 1 .01.035.138.138 0 0 1-.002.038l-.7 4.041L8.76 9.254c.09-.162.022-.427-.11-.427h-.996a.036.036 0 0 1-.025-.012.079.079 0 0 1-.019-.031.13.13 0 0 1 .003-.085l.919-1.87Zm-.905-4.58c-.019-.201.154-.374.374-.374s.393.173.374.374l-.17 1.764h-.409l-.169-1.764Zm.655 2.345a.281.281 0 1 1-.562 0 .281.281 0 0 1 .562 0Z"/>
  <path d="M7.83.473a.197.197 0 0 1 .34 0l2.804 4.86a.195.195 0 0 1-.17.292H5.196a.195.195 0 0 1-.17-.291L7.83.473Zm2.533 4.702L8 1.078 5.637 5.175h4.726Z"/>
</svg>

Geological hazard weather#

⇧ top

QWeather Icon Code: 1249

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1249"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1249" viewBox="0 0 16 16">
  <path d="M8.531 6.829 16 13.922 5.5 16 0 13.832l6.318-6.461-.999 2.606a.396.396 0 0 0 .002.251.23.23 0 0 0 .055.092.109.109 0 0 0 .075.033H6.47c.008 0 .015.003.022.009a.068.068 0 0 1 .017.024.12.12 0 0 1 .01.035.138.138 0 0 1-.002.038l-.7 4.041L8.76 9.254c.09-.162.022-.427-.11-.427h-.996a.036.036 0 0 1-.025-.012.079.079 0 0 1-.019-.031.13.13 0 0 1 .003-.085l.919-1.87ZM7.74 6c.922 0 1.746-.416 2.296-1.07a1.8 1.8 0 1 0 .332-3.378 3 3 0 0 0-5.243-.023 1.8 1.8 0 1 0 .352 3.44A2.993 2.993 0 0 0 7.74 6Zm-.475-3.839c-.034-.217.102-.48.298-.598a.455.455 0 0 1 .484.014l.042.025c.18.11.277.31.245.512L8.119 3.48h-.646l-.208-1.319ZM8.16 4.14a.36.36 0 1 1-.72 0 .36.36 0 0 1 .72 0Z"/>
</svg>

Geological hazard2#

⇧ top

QWeather Icon Code: 1250

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1250"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1250" viewBox="0 0 16 16">
  <path d="M5.973 10.328 9 4.866 7.073.142a.243.243 0 0 0-.08-.105A.186.186 0 0 0 6.88 0a.18.18 0 0 0-.113.042.247.247 0 0 0-.077.107L.022 15.635a.296.296 0 0 0 .01.246.232.232 0 0 0 .077.088c.031.02.067.031.103.031l4.696-.016 1.76-3.927-.695-1.729Zm10.009 4.348L13.5 10 10 14.969l5.82.031c.132 0 .22-.174.162-.324ZM12.065 3l-.46 4.56 1.748.146L7.7 15.068l1.81-5.23-1.606.212L12.065 3Z"/>
</svg>

Geological hazard risk#

⇧ top

QWeather Icon Code: 1251

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1251"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1251" viewBox="0 0 16 16">
  <path d="M5.973 10.328 9 4.866 7.073.142a.243.243 0 0 0-.08-.105A.186.186 0 0 0 6.88 0a.18.18 0 0 0-.113.042.247.247 0 0 0-.077.107L.022 15.635a.296.296 0 0 0 .01.246.232.232 0 0 0 .077.088c.031.02.067.031.103.031l4.696-.016 1.76-3.927-.695-1.729Zm5.632-2.768.46-4.56-4.16 7.05 1.605-.212-1.81 5.23 5.653-7.362-1.748-.145Zm1.225 2.913a.197.197 0 0 1 .34 0l2.804 4.86a.195.195 0 0 1-.17.292h-5.607a.195.195 0 0 1-.17-.291l2.803-4.861Zm.17 1.214c-.275 0-.491.182-.467.394l.211 1.857h.512l.21-1.857c.025-.212-.191-.393-.466-.393Zm.003 3.376a.375.375 0 1 0 0-.75.375.375 0 0 0 0 .75Z"/>
</svg>

Air pollution incident#

⇧ top

QWeather Icon Code: 1271

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1271"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1271" viewBox="0 0 16 16">
  <path d="M9.085 1.504V1.5A1.5 1.5 0 0 0 6.4.583a1 1 0 0 0-1.395 1.004A1.5 1.5 0 0 0 3 3v.009a1 1 0 0 0-.653 1.608.75.75 0 0 0 .155 1.34.5.5 0 1 0 .872-.29.747.747 0 0 0 .065-.714 1.01 1.01 0 0 0 .6-.525 1.499 1.499 0 0 0 1.774-.702.997.997 0 0 0 1.243.105A1 1 0 0 0 9 3.5a1 1 0 0 0 .085-1.996ZM2 7h2v4.91l12-2V16H0v-3.424l2-.333V7Zm13 4.09L1 13.424V15h14v-3.91ZM10 14H9v-1h1v1Zm2 0h-1v-1h1v1Zm2 0h-1v-1h1v1Z"/>
  <path d="M12.17 4.473a.197.197 0 0 0-.34 0l-2.804 4.86c-.075.13.02.292.17.292h5.607a.194.194 0 0 0 .17-.291L12.17 4.473Zm-.637 1.608c-.024-.212.192-.394.467-.394s.491.182.467.394l-.211 1.856h-.512l-.21-1.856Zm.845 2.606a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

Heavy air pollution 2#

⇧ top

QWeather Icon Code: 1272

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1272"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1272" viewBox="0 0 16 16">
  <path d="M9.085 1.5v.004a1 1 0 0 1 .912 1.08l.007.003a1 1 0 0 1 1.395-1.004 1.5 1.5 0 0 1 2.687.917v.004A1 1 0 0 1 14 4.5a1 1 0 0 1-1.944.331.996.996 0 0 1-1.243-.105 1.5 1.5 0 0 1-1.775.702c-.118.248-.334.44-.6.525a.747.747 0 0 1-.065.714.5.5 0 1 1-.872.29.75.75 0 0 1-.154-1.34.996.996 0 0 1 .064-1.308 1.003 1.003 0 0 1-.355-.478.995.995 0 0 1-1.243-.105 1.5 1.5 0 0 1-1.775.702c-.118.248-.334.44-.6.525a.747.747 0 0 1-.065.714.5.5 0 1 1-.872.29.75.75 0 0 1-.154-1.34A1 1 0 0 1 3 3.01V3a1.5 1.5 0 0 1 2.004-1.413A1 1 0 0 1 6.399.583a1.5 1.5 0 0 1 2.687.917ZM2 7h2v4.91l3-.5V8h2v3.076l7-1.166V16H0v-3.424l2-.333V7Zm13 4.09L1 13.424V15h14v-3.91ZM10 14H9v-1h1v1Zm2 0h-1v-1h1v1Zm2 0h-1v-1h1v1Z"/>
</svg>

Air pollution#

⇧ top

QWeather Icon Code: 1273

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1273"></i>

HTML

Copy the following code into your project

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1273" viewBox="0 0 16 16">
  <path d="M9.085 1.504V1.5A1.5 1.5 0 0 0 6.4.583a1