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 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.996ZM11 4.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm0-3a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm-8 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
  <path d="M6.5 6a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM2 7h2v4.91l12-2V16H0v-3.424l2-.333V7Zm13 4.09L1 13.424V15h14v-3.91ZM10 14H9v-1h1v1Zm2 0h-1v-1h1v1Zm2 0h-1v-1h1v1Z"/>
</svg>

Heavy pollution weather 2#

⇧ top

QWeather Icon Code: 1274

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1274"></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-1274" viewBox="0 0 16 16">
  <path d="M10.875 5.313c0-.104.084-.188.188-.188h2.25a.187.187 0 1 1 0 .375h-2.25a.187.187 0 0 1-.188-.188Zm-1.5.75c0-.104.084-.188.188-.188h2.812a.187.187 0 1 1 0 .375H9.562a.188.188 0 0 1-.187-.188Zm1.875.75c0-.104.084-.188.188-.188h3a.187.187 0 1 1 0 .375h-3a.187.187 0 0 1-.188-.188Zm-1.5.562c0-.104.084-.188.188-.188h2.25a.187.187 0 1 1 0 .375h-2.25a.188.188 0 0 1-.188-.187Zm1.125.563c0-.104.084-.188.188-.188h2.812a.187.187 0 1 1 0 .375h-2.813a.187.187 0 0 1-.187-.188Zm-.563.75c0-.104.084-.188.188-.188h2.25a.187.187 0 1 1 0 .375H10.5a.187.187 0 0 1-.188-.188ZM9.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.996Z"/>
  <path d="M2 7h2v4.91l12-2V16H0v-3.424l2-.333V7Zm13 4.09L1 13.424V15h14v-3.91ZM10 14H9v-1h1v1Zm2 0h-1v-1h1v1Zm2 0h-1v-1h1v1Z"/>
</svg>

Very hot weather#

⇧ top

QWeather Icon Code: 1601

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1601"></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-1601" viewBox="0 0 16 16">
  <path d="M15.399 2.696c.237.266.601.675.601 1.304 0 .344-.036.653-.137.954-.1.302-.256.57-.463.846a.5.5 0 0 1-.8-.6c.164-.218.258-.391.315-.562.056-.17.085-.365.085-.638 0-.222-.11-.37-.374-.668l-.025-.028C14.364 3.038 14 2.629 14 2c0-.344.036-.653.137-.954.1-.302.256-.57.463-.846a.5.5 0 0 1 .8.6 1.967 1.967 0 0 0-.315.562C15.03 1.532 15 1.727 15 2c0 .222.11.37.374.668l.025.028Zm-11-.899c.237.178.601.45.601.87 0 .23-.036.435-.137.636-.1.201-.256.38-.463.564-.166.147-.48.177-.7.066-.22-.11-.266-.32-.1-.466.164-.146.258-.261.315-.375A.912.912 0 0 0 4 2.667c0-.148-.11-.247-.374-.446l-.025-.018C3.364 2.025 3 1.753 3 1.333c0-.23.036-.435.137-.636.1-.201.256-.38.463-.564.166-.147.48-.177.7-.066.22.11.266.32.1.466a1.289 1.289 0 0 0-.315.375.912.912 0 0 0-.085.425c0 .148.11.247.374.446l.025.018ZM2 4c0-.629-.364-1.038-.601-1.304l-.025-.028C1.109 2.37 1 2.222 1 2c0-.273.029-.468.085-.638A1.97 1.97 0 0 1 1.4.8.5.5 0 1 0 .6.2a2.952 2.952 0 0 0-.463.846C.037 1.347 0 1.656 0 2c0 .629.364 1.038.601 1.304l.025.028C.891 3.63 1 3.778 1 4c0 .273-.029.468-.085.638A1.97 1.97 0 0 1 .6 5.2a.5.5 0 1 0 .8.6c.207-.276.363-.544.463-.846.1-.301.137-.61.137-.954Zm11-1.333c0-.42-.364-.692-.601-.87l-.025-.018C12.11 1.58 12 1.48 12 1.333a.92.92 0 0 1 .085-.425c.057-.114.151-.229.315-.375.166-.147.12-.356-.1-.466-.22-.11-.534-.08-.7.066-.207.184-.363.363-.463.564a1.38 1.38 0 0 0-.137.636c0 .42.364.692.601.87l.025.018c.264.199.374.298.374.446a.912.912 0 0 1-.085.425 1.289 1.289 0 0 1-.315.375c-.166.147-.12.356.1.466.22.11.534.08.7-.066.207-.184.363-.363.463-.564.1-.201.137-.407.137-.636ZM6.235 8.595A.454.454 0 0 0 6 8.533a.466.466 0 0 0-.235.872c.07.041.15.062.235.062a.454.454 0 0 0 .403-.23A.444.444 0 0 0 6.468 9a.467.467 0 0 0-.233-.406Z"/>
  <path d="M3.097 15.223a.5.5 0 0 0 .649.538L8 14.4l4.254 1.361a.5.5 0 0 0 .649-.538L12 8h2.481c.52 0 .716-.804.275-1.129L8.275 2.093a.452.452 0 0 0-.55 0L1.245 6.87C.802 7.196.997 8 1.518 8H4l-.903 7.223Zm2.4-7.09A.975.975 0 0 1 6 8c.184 0 .352.044.503.133.151.09.272.211.362.362A.98.98 0 0 1 7 9.001 1.006 1.006 0 0 1 6 10a1.006 1.006 0 0 1-1-.999.98.98 0 0 1 .135-.506c.09-.15.21-.272.362-.362ZM11 10h-.725a.874.874 0 0 0-.322-.542.871.871 0 0 0-.283-.142 1.125 1.125 0 0 0-.34-.05c-.215 0-.407.053-.573.16a1.05 1.05 0 0 0-.392.464 1.74 1.74 0 0 0-.142.743c0 .298.047.549.142.753.095.203.226.356.392.46.166.103.357.154.572.154.118 0 .23-.015.333-.046a.921.921 0 0 0 .281-.138.84.84 0 0 0 .332-.528l.725.003a1.541 1.541 0 0 1-1.035 1.24c-.194.068-.41.102-.646.102-.35 0-.66-.08-.935-.238a1.672 1.672 0 0 1-.647-.686c-.158-.299-.237-.658-.237-1.076 0-.42.08-.778.239-1.076.159-.3.375-.528.65-.686.273-.159.583-.238.93-.238.22 0 .426.03.616.091s.36.15.508.268c.15.117.271.26.367.43.097.169.16.361.19.578Z"/>
</svg>

Strong monsoon signal#

⇧ top

QWeather Icon Code: 1602

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1602"></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-1602" viewBox="0 0 16 16">
  <path d="M14.245 6c-.87 0-1.784-.425-2.575-1.207l-.022-.022L8.08.782a.46.46 0 0 1 .045-.66.472.472 0 0 1 .666.046l3.557 3.966c.61.592 1.276.927 1.897.927a1.807 1.807 0 0 0 1.818-1.798c0-.738-.61-1.341-1.355-1.341-.621 0-.994.402-.994 1.072 0 .492.384.503.407.503a.375.375 0 0 0 .27-.123c.068-.078.091-.178.08-.324a.476.476 0 0 1 .418-.525.462.462 0 0 1 .519.414c.045.402-.057.77-.305 1.05-.248.268-.61.436-.982.436-.655 0-1.355-.503-1.355-1.43 0-1.185.801-2 1.93-2C15.962.994 17 2.01 17 3.273 17 4.77 15.758 6 14.245 6Zm-2.213 10c-1.536 0-3.14-.749-4.517-2.123l-.034-.033-6.278-7.017a.822.822 0 0 1 .068-1.162.843.843 0 0 1 1.174.067l6.256 7.005c1.061 1.05 2.247 1.62 3.33 1.62 1.762 0 3.185-1.418 3.185-3.15 0-1.296-1.073-2.358-2.382-2.358-1.096 0-1.74.704-1.74 1.877 0 .86.678.872.712.872a.66.66 0 0 0 .474-.213c.124-.134.17-.323.136-.57a.828.828 0 0 1 .722-.916.833.833 0 0 1 .926.716 2.333 2.333 0 0 1-.542 1.854 2.342 2.342 0 0 1-1.716.771c-1.152 0-2.371-.883-2.371-2.514 0-2.067 1.4-3.52 3.399-3.52 2.235 0 4.042 1.8 4.042 4 0 2.638-2.168 4.794-4.844 4.794Z"/>
  <path d="M4.907 5.933c.632.637 1.377.983 2.089.983 1.242 0 2.247-.994 2.27-2.2 0-1.029-.848-1.856-1.875-1.856-.926 0-1.57.67-1.57 1.632 0 .748.565 1.162 1.096 1.162.293 0 .587-.134.79-.358.203-.235.282-.536.249-.86a.383.383 0 0 0-.43-.335.38.38 0 0 0-.338.424c.011.112-.012.19-.068.257a.342.342 0 0 1-.226.1c-.011 0-.327 0-.327-.402 0-.547.293-.871.801-.871.61 0 1.107.492 1.107 1.095 0 .804-.666 1.464-1.48 1.464-.496 0-1.038-.269-1.535-.749l-2.89-3.24a.392.392 0 0 0-.542-.034.382.382 0 0 0-.034.537l2.902 3.24.01.011Z"/>
</svg>

Landslip#

⇧ top

QWeather Icon Code: 1603

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1603"></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-1603" viewBox="0 0 16 16">
  <path d="M2.8 2.4a1.2 1.2 0 1 1 0-2.4 1.2 1.2 0 0 1 0 2.4Zm-.11 1.505L1.317 3 0 16h14l-3.498-5.768-3.349-.98-1.032-1.928-2.277-1.102L2.69 3.905ZM9.5 8a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z"/>
  <path d="M4.6 5.2a1.2 1.2 0 1 0 2.4 0 1.2 1.2 0 0 0-2.4 0ZM12 4a1 1 0 1 0 2 0 1 1 0 0 0-2 0Zm1 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2ZM7 3a1 1 0 1 0 2 0 1 1 0 0 0-2 0Zm7.5 11a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z"/>
</svg>

Tropical cyclone#

⇧ top

QWeather Icon Code: 1604

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1604"></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-1604" viewBox="0 0 16 16">
  <path d="M7.916 2.053a4.171 4.171 0 0 0-.465.562 6.445 6.445 0 0 1 5.008.36 6.537 6.537 0 0 1 2.412 2.116A6.64 6.64 0 0 1 16 8.11a4.16 4.16 0 0 0-.442-1.209 4.17 4.17 0 0 0-1.063-1.227 4.115 4.115 0 0 0-2.158-.85c.481.43.899.931 1.238 1.488a6.66 6.66 0 0 1 .352 6.253 6.576 6.576 0 0 1-2.02 2.5c.32-.285.594-.62.813-.99a4.218 4.218 0 0 0 .164-3.867 6.643 6.643 0 0 1-.654 1.832 6.564 6.564 0 0 1-2.159 2.379 6.446 6.446 0 0 1-6.166.535 4.04 4.04 0 0 0 1.256.218 4.11 4.11 0 0 0 3.388-1.786 6.445 6.445 0 0 1-5.008-.36 6.538 6.538 0 0 1-2.412-2.116A6.64 6.64 0 0 1 0 7.89c.084.423.233.83.442 1.207a4.17 4.17 0 0 0 1.063 1.228 4.117 4.117 0 0 0 2.16.849c-.482-.43-.9-.93-1.24-1.488a6.66 6.66 0 0 1-.353-6.253 6.576 6.576 0 0 1 2.022-2.5 4.13 4.13 0 0 0-.814.991A4.218 4.218 0 0 0 2.867 5.1c.063.237.146.468.248.69a6.643 6.643 0 0 1 .655-1.831 6.564 6.564 0 0 1 2.158-2.38 6.446 6.446 0 0 1 6.167-.534 4.042 4.042 0 0 0-1.256-.218 4.11 4.11 0 0 0-2.923 1.226ZM8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
</svg>

Fire danger#

⇧ top

QWeather Icon Code: 1605

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1605"></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-1605" viewBox="0 0 16 16">
  <path d="M8.455 1.261a.526.526 0 0 0-.91 0L.07 14.224c-.2.346.052.776.454.776h14.952c.402 0 .654-.43.454-.776L8.455 1.26Zm.698 7.331c-.065-.536.22-1.394 1.231-1.692-.048.867.155 1.351.341 1.793.143.338.274.652.275 1.094 0 1.713-1.308 2.963-2.965 2.963C6.378 12.75 5 11.501 5 9.787c0-.71.308-1.583.923-1.91 0 0 .11 1.178.692 1.67.012-.13.007-.31 0-.524-.03-1.08-.086-3.02 1.845-3.773-.08 1.453-.03 2.465.693 3.342Z"/>
</svg>

Flooding in the northern new territories#

⇧ top

QWeather Icon Code: 1606

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1606"></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-1606" 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.377ZM2.417 3.984l1.236.323-.513 1.866c-.82.141-1.549.221-2.113.228-.283.004-.53.222-.527.498l.006.753c.001.217.202.377.424.352a19.243 19.243 0 0 0 1.797-.326l-.233.848c-.095.347-.168.591-.236.796a.479.479 0 0 0 .332.617l.621.162a.505.505 0 0 0 .614-.381c.044-.197.105-.43.2-.774L5.795 2.5c.081-.296.142-.509.198-.684a.499.499 0 0 0-.34-.639l-.612-.16a.493.493 0 0 0-.603.374c-.04.182-.093.398-.178.708l-.22.8-1.236-.324a16.79 16.79 0 0 1-.439-.12c-.276-.08-.58.064-.655.335l-.129.469c-.075.274.118.55.4.617.121.028.262.063.436.109Z"/>
  <path d="m6.526 9.07.772-2.81c1.036-.23 2.288-.606 2.993-.912a.329.329 0 0 0 .179-.44l-.322-.686c-.124-.262-.464-.356-.728-.226a10.44 10.44 0 0 1-1.672.626l.413-1.504c.083-.303.143-.513.202-.692a.49.49 0 0 0-.335-.63l-.582-.151a.493.493 0 0 0-.603.373c-.04.183-.094.398-.179.708l-1.75 6.371c-.154.562-.116.878.165 1.135.19.173.528.302 1.416.534l.208.053c.402-.085.785-.19 1.177-.3l.012-.002c.343-.095.694-.193 1.068-.276.191-.33.38-.788.59-1.425a.485.485 0 0 0-.22-.557 5.264 5.264 0 0 1-.76-.58c-.069-.063-.183-.034-.207.054l-.1.362a8.228 8.228 0 0 1-.403 1.13c-.068.135-.118.203-.179.238-.154.072-.317.06-.751-.053-.377-.099-.45-.17-.404-.34Zm8.22-4.945a.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>

Cold weather#

⇧ top

QWeather Icon Code: 1607

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1607"></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-1607" viewBox="0 0 16 16">
  <path d="M6.235 4.81A.454.454 0 0 1 6 4.872.465.465 0 0 1 5.765 4 .454.454 0 0 1 6 3.938a.454.454 0 0 1 .403.23c.043.071.065.15.065.236a.467.467 0 0 1-.233.406Z"/>
  <path d="M3.097.777a.5.5 0 0 1 .649-.538L8 1.6 12.254.239a.5.5 0 0 1 .649.538L12 8h2.481c.52 0 .716.804.275 1.129l-6.481 4.778a.452.452 0 0 1-.55 0L1.245 9.13C.802 8.804.997 8 1.518 8H4L3.097.777Zm2.4 4.495A.974.974 0 0 0 6 5.405a.974.974 0 0 0 .503-.133c.151-.09.272-.211.362-.363A.976.976 0 0 0 7 4.404a1.006 1.006 0 0 0-1-.999 1.006 1.006 0 0 0-1 .999c0 .184.045.353.135.505.09.152.21.272.362.363ZM11 5.367a1.578 1.578 0 0 0-.19-.578 1.434 1.434 0 0 0-.367-.43 1.59 1.59 0 0 0-.508-.268A2.012 2.012 0 0 0 9.32 4c-.347 0-.657.08-.93.238a1.67 1.67 0 0 0-.65.686C7.578 5.222 7.5 5.58 7.5 6c0 .418.079.777.237 1.076.157.3.373.528.647.686.274.159.586.238.935.238.236 0 .452-.034.646-.103A1.541 1.541 0 0 0 11 6.657l-.725-.003a.837.837 0 0 1-.332.529.92.92 0 0 1-.281.138c-.103.03-.215.046-.334.046-.214 0-.405-.051-.572-.154a1.059 1.059 0 0 1-.391-.46A1.788 1.788 0 0 1 8.223 6c0-.293.047-.54.142-.743.094-.204.225-.359.391-.464.167-.107.359-.16.574-.16.122 0 .235.017.34.05a.84.84 0 0 1 .49.375.858.858 0 0 1 .115.309H11Zm-9.706 5.229a.5.5 0 0 0-.588.808l5.5 4a.5.5 0 0 0 .588-.808l-5.5-4Zm-.741 3.18a.5.5 0 0 1 .67-.223l3 1.5a.5.5 0 1 1-.447.894l-3-1.5a.5.5 0 0 1-.223-.67Zm14.894 0a.5.5 0 0 0-.67-.223l-3 1.5a.5.5 0 1 0 .447.894l3-1.5a.5.5 0 0 0 .223-.67Zm-.043-3.07a.5.5 0 0 0-.698-.11l-5.5 4a.5.5 0 0 0 .588.808l5.5-4a.5.5 0 0 0 .11-.698Z"/>
</svg>

Thunderstorm2#

⇧ top

QWeather Icon Code: 1608

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1608"></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-1608" viewBox="0 0 16 16">
  <path d="M12.487.349 9.948 6.18l2.398.49-6.463 6.183 2.537-5.83-2.397-.493L12.487.35Z"/>
  <path d="m4 2-.423 6.346L6 8l-4 8 .423-6.346L0 10l4-8Zm8.699 7.552a.23.23 0 0 0-.398 0l-3.27 5.67a.227.227 0 0 0 .198.34h6.542a.227.227 0 0 0 .198-.34l-3.27-5.67Zm-.744 1.876c-.028-.247.224-.46.545-.46.32 0 .573.213.545.46l-.246 2.166H12.2l-.246-2.166Zm.986 3.04a.438.438 0 1 1-.875 0 .438.438 0 0 1 .875 0Z"/>
</svg>

Rainstorm2#

⇧ top

QWeather Icon Code: 1609

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1609"></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-1609" 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-5.896 7.517c.097-.133.04-.303-.128-.38-.167-.077-.381-.03-.478.102l-1.05 1.444c-.097.133-.04.303.128.38.167.077.381.03.478-.102l1.05-1.444Zm2.45 0c.097-.133.04-.303-.128-.38-.167-.077-.381-.03-.478.102l-1.05 1.444c-.097.133-.04.303.128.38.167.077.381.03.478-.102l1.05-1.444Zm2.322-.38c.167.077.225.247.128.38l-1.05 1.444c-.097.133-.31.178-.478.102-.167-.077-.225-.247-.128-.38l1.05-1.444c.097-.133.31-.178.478-.102Zm5.028.38c.097-.133.04-.303-.128-.38-.167-.077-.382-.03-.478.102l-1.05 1.444c-.097.133-.04.303.128.38.167.077.382.03.478-.102l1.05-1.444Zm-2.578-.38c.167.077.225.247.128.38l-1.05 1.444c-.097.133-.31.178-.478.102-.167-.077-.225-.247-.128-.38l1.05-1.444c.097-.133.31-.178.478-.102Zm5.028.38c.097-.133.04-.303-.128-.38-.167-.077-.381-.03-.478.102l-1.05 1.444c-.097.133-.04.303.128.38.167.077.381.03.478-.102l1.05-1.444Zm-12.25-3c.097-.133.04-.303-.128-.38-.167-.077-.381-.03-.478.102l-1.05 1.444c-.097.133-.04.303.128.38.167.077.381.03.478-.102l1.05-1.444Zm2.45 0c.097-.133.04-.303-.128-.38-.167-.077-.381-.03-.478.102l-1.05 1.444c-.097.133-.04.303.128.38.167.077.381.03.478-.102l1.05-1.444Zm2.322-.38c.167.077.225.247.128.38l-1.05 1.444c-.097.133-.31.178-.478.102-.167-.077-.225-.247-.128-.38l1.05-1.444c.097-.133.31-.178.478-.102Zm5.028.38c.097-.133.04-.303-.128-.38-.167-.077-.382-.03-.478.102l-1.05 1.444c-.097.133-.04.303.128.38.167.077.382.03.478-.102l1.05-1.444Zm-2.578-.38c.167.077.225.247.128.38l-1.05 1.444c-.097.133-.31.178-.478.102-.167-.077-.225-.247-.128-.38l1.05-1.444c.097-.133.31-.178.478-.102Zm5.028.38c.097-.133.04-.303-.128-.38-.167-.077-.381-.03-.478.102l-1.05 1.444c-.097.133-.04.303.128.38.167.077.381.03.478-.102l1.05-1.444Z"/>
</svg>

Frost2#

⇧ top

QWeather Icon Code: 1610

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1610"></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-1610" viewBox="0 0 16 16">
  <path d="M9.035 4.136a.25.25 0 0 1 .177.306l-.167.625.396-.229a.25.25 0 0 1 .25.433l-.83.479-.231.866a.257.257 0 0 1-.006.02c.335.152.594.42.74.74a.257.257 0 0 1 .02-.006l.866-.232.479-.829a.25.25 0 0 1 .433.25l-.229.396.625-.167a.25.25 0 1 1 .13.483l-.625.167.396.229a.25.25 0 0 1-.25.433l-.83-.479-.865.232a.252.252 0 0 1-.02.005 1.497 1.497 0 0 1-.271 1.012l.015.014.634.634h.957a.25.25 0 1 1 0 .5h-.458l.458.457a.25.25 0 1 1-.354.353l-.457-.457v.457a.25.25 0 0 1-.5 0v-.957l-.634-.634a.25.25 0 0 1-.014-.015 1.499 1.499 0 0 1-1.012.271.25.25 0 0 1-.005.02l-.232.867.479.828a.25.25 0 0 1-.433.25l-.229-.396-.167.625a.25.25 0 1 1-.483-.13l.167-.624-.395.229a.25.25 0 0 1-.25-.433l.828-.479.232-.866a.257.257 0 0 1 .007-.02 1.499 1.499 0 0 1-.741-.74.257.257 0 0 1-.02.006l-.866.232-.478.829a.25.25 0 0 1-.433-.25l.228-.396-.624.167a.25.25 0 1 1-.13-.483l.625-.167-.396-.229a.25.25 0 0 1 .25-.433l.829.479.866-.232a.25.25 0 0 1 .02-.005 1.497 1.497 0 0 1 .27-1.012.253.253 0 0 1-.014-.014l-.634-.634h-.957a.25.25 0 0 1 0-.5h.457l-.457-.457a.25.25 0 1 1 .353-.353l.457.457v-.457a.25.25 0 1 1 .5 0v.957l.634.634.014.015a1.499 1.499 0 0 1 1.012-.271.25.25 0 0 1 .005-.02l.232-.866-.479-.83a.25.25 0 0 1 .433-.25l.229.396.167-.624a.25.25 0 0 1 .306-.177Z"/>
  <path d="m10.384.455 5.14 5.154a.705.705 0 0 1 .182.68l-1.889 7.047a.704.704 0 0 1-.497.497l-7.028 1.893a.688.688 0 0 1-.677-.181l-5.14-5.154a.705.705 0 0 1-.18-.679l1.888-7.047a.705.705 0 0 1 .496-.498L9.707.274a.693.693 0 0 1 .677.181ZM6.322 14.263l6.245-1.683 1.678-6.263-4.567-4.58-6.245 1.684-1.678 6.262 4.567 4.58Z"/>
</svg>

Cold surge advisory#

⇧ top

QWeather Icon Code: 1701

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1701"></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-1701" 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.5ZM1 4.624 1.666 4 3.5 6.476 5.334 4 6 4.624 3.5 8 1 4.624Z"/>
  <path d="M1 7.624 1.666 7 3.5 9.476 5.334 7 6 7.624 3.5 11 1 7.624Z"/>
  <path d="M1.666 10 1 10.624 3.5 14 6 10.624 5.334 10 3.5 12.476 1.666 10Z"/>
</svg>

Strong wind advisory#

⇧ top

QWeather Icon Code: 1702

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1702"></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-1702" viewBox="0 0 16 16">
  <path d="M2.5 1.866a1 1 0 1 0-1 0V15H0v1h16v-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-.01Zm6.583 5.558a.39.39 0 0 0-.386 0L7.13 9.541c-.247.146-.116.459.193.459H8.5v5h6v-5h1.178c.309 0 .44-.313.193-.46l-4.178-2.489ZM10.5 11.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Z"/>
</svg>

Rainfall advisory#

⇧ top

QWeather Icon Code: 1703

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1703"></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-1703" 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-6.653 5.725a.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.166Z"/>
</svg>

Strong monsoon signal2#

⇧ top

QWeather Icon Code: 1801

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1801"></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-1801" viewBox="0 0 16 16">
  <path d="M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/>
</svg>

Storm surge2#

⇧ top

QWeather Icon Code: 1802

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1802"></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-1802" viewBox="0 0 16 16">
  <path d="M5.436 9.245c.141-.251.274-.492.4-.72.464-.841.845-1.53 1.28-2.058C7.636 5.835 8.185 5.5 9 5.5c.896 0 1.793.3 2.457.779C12.125 6.761 12.5 7.376 12.5 8c0 .38-.278.73-.81 1.022.031-.138.047-.28.047-.423 0-.506-.255-1.047-.68-1.389-.455-.367-1.098-.498-1.78-.157-.645.322-1.246 1.098-1.634 1.9-.389.803-.645 1.802-.415 2.631.217.785.656 1.282 1.21 1.564.528.27 1.117.321 1.61.321.649 0 1.098-.335 1.407-.567.348-.26.504-.367.7-.367.2 0 .38.113.704.363l.051.04c.266.207.681.531 1.21.531.5 0 .838-.175 1.113-.431.12-.111.226-.238.317-.346l.006-.007a5.18 5.18 0 0 1 .298-.331.5.5 0 0 0-.708-.708c-.138.139-.252.274-.346.384l-.007.01c-.1.118-.171.2-.242.267-.112.103-.213.162-.432.162-.155 0-.306-.097-.649-.362l-.022-.018c-.282-.218-.717-.554-1.293-.554-.552 0-.965.313-1.24.523l-.06.044c-.313.235-.523.367-.807.367-.441 0-.84-.05-1.156-.212-.291-.149-.554-.412-.7-.94-.135-.484.004-1.21.351-1.929.349-.72.825-1.263 1.18-1.44.318-.16.543-.092.707.04a.849.849 0 0 1 .307.611c0 .228-.089.465-.238.64-.146.175-.324.261-.499.261a.5.5 0 0 0 0 1c.495 0 1.321-.17 2.034-.529C12.726 9.623 13.5 8.995 13.5 8c0-1.047-.625-1.931-1.457-2.532A5.301 5.301 0 0 0 9 4.5c-1.185 0-1.996.53-2.656 1.331-.5.606-.94 1.405-1.41 2.26-.121.218-.244.44-.37.664-.163.29-.325.59-.488.891-.318.591-.638 1.184-.97 1.701-.247.386-.479.693-.693.9-.224.216-.359.253-.413.253-.077 0-.218-.045-.445-.214a6.863 6.863 0 0 1-.701-.64.5.5 0 0 0-.708.708c.247.246.526.522.812.735.277.206.636.411 1.042.411.446 0 .82-.257 1.107-.534.298-.286.58-.67.841-1.08.351-.546.705-1.202 1.035-1.813.157-.291.31-.573.453-.828ZM.777 14.144a.5.5 0 0 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-.679ZM3.17.473a.197.197 0 0 0-.34 0L.026 5.333c-.075.13.02.292.17.292h5.607a.194.194 0 0 0 .17-.291L3.17.473Zm-.637 1.608c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

Tropical cyclone2#

⇧ top

QWeather Icon Code: 1803

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1803"></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-1803" viewBox="0 0 16 16">
  <path d="M7.916 2.053a4.171 4.171 0 0 0-.465.562 6.445 6.445 0 0 1 5.008.36 6.537 6.537 0 0 1 2.412 2.116A6.64 6.64 0 0 1 16 8.11a4.16 4.16 0 0 0-.442-1.209 4.17 4.17 0 0 0-1.063-1.227 4.115 4.115 0 0 0-2.158-.85c.481.43.899.931 1.238 1.488a6.66 6.66 0 0 1 .352 6.253 6.576 6.576 0 0 1-2.02 2.5c.32-.285.594-.62.813-.99a4.218 4.218 0 0 0 .164-3.867 6.643 6.643 0 0 1-.654 1.832 6.564 6.564 0 0 1-2.159 2.379 6.446 6.446 0 0 1-6.166.535 4.04 4.04 0 0 0 1.256.218 4.11 4.11 0 0 0 3.388-1.786 6.445 6.445 0 0 1-5.008-.36 6.538 6.538 0 0 1-2.412-2.116A6.64 6.64 0 0 1 0 7.89c.084.423.233.83.442 1.207a4.17 4.17 0 0 0 1.063 1.228 4.117 4.117 0 0 0 2.16.849c-.482-.43-.9-.93-1.24-1.488a6.66 6.66 0 0 1-.353-6.253 6.576 6.576 0 0 1 2.022-2.5 4.13 4.13 0 0 0-.814.991A4.218 4.218 0 0 0 2.867 5.1c.063.237.146.468.248.69a6.643 6.643 0 0 1 .655-1.831 6.564 6.564 0 0 1 2.158-2.38 6.446 6.446 0 0 1 6.167-.534 4.042 4.042 0 0 0-1.256-.218 4.11 4.11 0 0 0-2.923 1.226ZM8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
</svg>

Rainstorm3#

⇧ top

QWeather Icon Code: 1804

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1804"></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-1804" 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-7.306 5.307A1 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 2Z"/>
</svg>

Thunderstorm3#

⇧ top

QWeather Icon Code: 1805

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-1805"></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-1805" viewBox="0 0 16 16">
  <path d="M9.558 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.855L6.62 16l2.203-8.082a.177.177 0 0 0-.025-.146.159.159 0 0 0-.055-.048.148.148 0 0 0-.07-.018H5.476a.451.451 0 0 1-.236-.067.49.49 0 0 1-.173-.183.532.532 0 0 1-.006-.503L9.06.311C9.16.119 9.35 0 9.557 0ZM3.266 9.376a.171.171 0 0 1-.195-.181L3.43 4 .02 10.607c-.064.125.042.268.185.248l1.673-.231a.171.171 0 0 1 .195.181L1.714 16l3.41-6.607c.064-.125-.043-.268-.185-.248l-1.673.231Z"/>
  <path d="M3.266 9.376a.171.171 0 0 1-.195-.181L3.43 4 .02 10.607c-.064.125.042.268.185.248l1.673-.231a.171.171 0 0 1 .195.181L1.714 16l3.41-6.607c.064-.125-.043-.268-.185-.248l-1.673.231Z"/>
</svg>

Wind warning#

⇧ top

QWeather Icon Code: 2001

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2001"></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-2001" viewBox="0 0 16 16">
  <path d="M2 7h6a1 1 0 1 0-.943-1.333.5.5 0 1 1-.943-.334A2 2 0 1 1 8 8H2a.5.5 0 0 1 0-1Z"/>
  <path d="M11.079 6.375A2.5 2.5 0 0 1 16 7c0 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 10.5A.5.5 0 0 1 3 10h8a2 2 0 1 1-1.886 2.667.5.5 0 1 1 .943-.334A1 1 0 1 0 11 11H3a.5.5 0 0 1-.5-.5ZM2.642.394a.164.164 0 0 0-.284 0L.022 4.444a.162.162 0 0 0 .142.244h4.672a.162.162 0 0 0 .142-.243L2.642.395Zm-.531 1.34c-.02-.176.16-.328.389-.328.23 0 .41.152.39.328L2.712 3.28h-.426L2.11 1.734Zm.704 2.172a.312.312 0 1 1-.625 0 .312.312 0 0 1 .625 0Z"/>
</svg>

Snow ice#

⇧ top

QWeather Icon Code: 2002

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2002"></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-2002" 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-.707.708L7.5 3.207v1.05L5.676 6.082a.507.507 0 0 0-.024-.015l-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 0 0 .258.966l1.85-.495 1.344.776L3.757 8l1.187 1.187-1.345.776-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.514.514 0 0 0 .024-.015L7.5 11.743v1.05l-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.793v-1.05l1.824-1.825.024.015 1.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 0 0-.26-.966l-1.848.495-1.345-.776L12.243 8l-1.187-1.187 1.345-.776 1.849.495a.5.5 0 0 0 .259-.966l-.883-.237 1.12-.646a.5.5 0 1 0-.5-.866l-1.12.646.236-.883a.5.5 0 0 0-.966-.258l-.495 1.849-1.553.896a.555.555 0 0 0-.024.015L8.5 4.257v-1.05l1.354-1.353a.5.5 0 0 0-.707-.708l-.647.647V.5ZM7.11 6.602c-.057-.362.17-.8.496-.997.256-.153.551-.133.806.023l.07.042a.846.846 0 0 1 .409.853L8.532 8.8H7.454L7.11 6.602ZM8.599 9.9a.6.6 0 1 1-1.199 0 .6.6 0 0 1 1.2 0Z"/>
</svg>

Fog#

⇧ top

QWeather Icon Code: 2003

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2003"></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-2003" viewBox="0 0 16 16">
  <path d="M12.227 8.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-.388L12.227 8.63Zm-.85 2.144c-.032-.281.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.5 1.5a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1H.5ZM.5 4a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1h-8ZM7 7a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8A.5.5 0 0 1 7 7Zm3.5-3a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM0 7a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 0 7Zm.5 2a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1h-8Z"/>
</svg>

Coastal event#

⇧ top

QWeather Icon Code: 2004

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2004"></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-2004" viewBox="0 0 16 16">
  <path d="M.084 9.283a.5.5 0 0 1 .693-.139l1.018.678a.5.5 0 0 0 .5.031l1.034-.517a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.034.517a.5.5 0 0 0 .5-.03l1.018-.679a.5.5 0 0 1 .554.832l-1.017.678a1.5 1.5 0 0 1-1.503.094l-1.033-.517a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.033.517a1.5 1.5 0 0 1-1.503-.094L.223 9.976a.5.5 0 0 1-.139-.693Zm0 2.5a.5.5 0 0 1 .693-.139l1.018.678a.5.5 0 0 0 .5.031l1.034-.517a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.034.517a.5.5 0 0 0 .5-.03l1.018-.679a.5.5 0 1 1 .554.832l-1.017.678a1.5 1.5 0 0 1-1.503.094l-1.033-.517a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.033.517a1.5 1.5 0 0 1-1.503-.094l-1.017-.678a.5.5 0 0 1-.139-.693Zm.693 2.361a.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.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>

Forest fire#

⇧ top

QWeather Icon Code: 2005

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2005"></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-2005" viewBox="0 0 16 16">
  <path d="M10.406 7.086c-.229-1.143.457-2.972 2.514-3.657 0 1.696.385 2.686.748 3.616.32.824.623 1.602.623 2.784A6.146 6.146 0 0 1 8.12 16c-3.429 0-6.4-2.514-6.4-6.171 0-1.6.686-3.429 2.057-4.115 0 0 .229 2.286 1.372 3.429.042-.337.037-.799.032-1.34C5.158 5.416 5.12 1.492 9.034 0c-.228 3.2-.228 5.257 1.372 7.086ZM9.05 11.1c-.7-.8-.7-1.7-.6-3.1-1.713.652-1.696 2.37-1.686 3.414.002.236.004.438-.014.586-.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-.517-.133-.857-.273-1.218-.158-.407-.327-.84-.327-1.582-.9.3-1.2 1.1-1.1 1.6Z"/>
</svg>

Rain warning#

⇧ top

QWeather Icon Code: 2006

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2006"></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-2006" viewBox="0 0 16 16">
  <path d="M0 11a5 5 0 1 0 10 0c0-2.5-2.777-6.975-5-10-2.223 3.025-5 7.5-5 10Zm4.009-2.898c-.057-.362.17-.8.496-.997.256-.153.551-.133.806.023l.07.042a.846.846 0 0 1 .409.853L5.432 10.3H4.354L4.01 8.102ZM5.5 11.4a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Zm5.3-6.067c0-.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 flood#

⇧ top

QWeather Icon Code: 2007

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2007"></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-2007" viewBox="0 0 16 16">
  <path d="M10.586 5.414A2 2 0 0 1 10 4c0-1 1.11-2.79 2-4 .89 1.21 2 3 2 4a2 2 0 0 1-3.414 1.414ZM10.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-.48ZM2.667 7.667a2.667 2.667 0 0 0 5.333 0c0-.307-.088-.722-.273-1.235a12.67 12.67 0 0 0-.759-1.652 27.97 27.97 0 0 0-1.635-2.633A27.974 27.974 0 0 0 3.698 4.78a12.669 12.669 0 0 0-.758 1.652c-.185.513-.273.928-.273 1.235Zm2.257-6.098c.138-.196.275-.387.41-.569a35 35 0 0 1 .409.57c1.392 1.976 2.924 4.58 2.924 6.097a3.333 3.333 0 0 1-6.667 0C2 6.15 3.532 3.546 4.924 1.569Z"/>
</svg>

Thunderstorm4#

⇧ top

QWeather Icon Code: 2029

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2029"></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-2029" viewBox="0 0 16 16">
  <path d="M8.857 6.354a.2.2 0 0 1-.217-.21L9.005 0l-5.77 8.647a.2.2 0 0 0 .186.31l2.738-.28a.2.2 0 0 1 .22.21L6.002 16l6.761-9.65a.2.2 0 0 0-.18-.314l-3.726.319Z"/>
</svg>

High temperature2#

⇧ top

QWeather Icon Code: 2030

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2030"></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-2030" viewBox="0 0 16 16">
  <path d="M6.25 3a.5.5 0 0 0-.5.5v6.063a2 2 0 1 0 1 0V3.5a.5.5 0 0 0-.5-.5Z"/>
  <path d="m4.418 8.755.532-.356V2.5a1.3 1.3 0 0 1 2.6 0v.9a.6.6 0 0 0 1.2 0v-.9a2.5 2.5 0 0 0-5 0v5.258a4.5 4.5 0 1 0 5 0V6.6a.6.6 0 0 0-1.2 0v1.799l.532.356a3.3 3.3 0 1 1-3.665 0Z"/>
  <path d="M11.25 2a.6.6 0 0 0-.6.6v1.8h-1.8a.6.6 0 0 0 0 1.2h1.8v1.8a.6.6 0 1 0 1.2 0V5.6h1.8a.6.6 0 1 0 0-1.2h-1.8V2.6a.6.6 0 0 0-.6-.6Z"/>
</svg>

Low temperature2#

⇧ top

QWeather Icon Code: 2031

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2031"></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-2031" viewBox="0 0 16 16">
  <path d="m4.418 8.755.532-.356V2.5a1.3 1.3 0 0 1 2.6 0v.9a.6.6 0 0 0 1.2 0v-.9a2.5 2.5 0 0 0-5 0v5.258a4.5 4.5 0 1 0 5 0V6.6a.6.6 0 0 0-1.2 0v1.799l.532.356a3.3 3.3 0 1 1-3.665 0Z"/>
  <path d="M6.25 7a.5.5 0 0 0-.5.5v2.063a2 2 0 1 0 1 0V7.5a.5.5 0 0 0-.5-.5Zm2-2a.6.6 0 0 1 .6-.6h4.8a.6.6 0 1 1 0 1.2h-4.8a.6.6 0 0 1-.6-.6Z"/>
</svg>

Avalanches#

⇧ top

QWeather Icon Code: 2032

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2032"></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-2032" viewBox="0 0 16 16">
  <path d="M13.5 6c0-.355-.046-.7-.133-1.027a2.5 2.5 0 1 0-2.84-2.84A4.005 4.005 0 0 0 5.5 6a5 5 0 1 0 4.88 3.903A4.002 4.002 0 0 0 13.5 6Zm1-3.5A1.5 1.5 0 0 1 12.965 4 4.02 4.02 0 0 0 11.5 2.535V2.5a1.5 1.5 0 0 1 3 0Zm-4.44 6.448A5.009 5.009 0 0 0 6.503 6.1a3 3 0 1 1 3.56 2.847ZM9.5 11a4 4 0 1 1-8 0 4 4 0 0 1 8 0Z"/>
  <path d="M5.005 8.605c-.326.197-.553.635-.496.997l.345 2.198h1.078l.358-2.277a.846.846 0 0 0-.408-.853l-.07-.042c-.256-.156-.55-.176-.807-.023ZM5.4 13.5a.6.6 0 1 0 0-1.2.6.6 0 0 0 0 1.2Z"/>
</svg>

Flooding#

⇧ top

QWeather Icon Code: 2033

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2033"></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-2033" 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-.48ZM5.317 6.667a2.667 2.667 0 0 0 5.333 0c0-.307-.088-.722-.273-1.235a12.677 12.677 0 0 0-.759-1.652 27.974 27.974 0 0 0-1.635-2.633A27.97 27.97 0 0 0 6.348 3.78a12.67 12.67 0 0 0-.758 1.652c-.185.513-.273.928-.273 1.235ZM7.574.569c.138-.196.275-.387.41-.569.133.182.27.373.409.57 1.392 1.976 2.924 4.58 2.924 6.097a3.333 3.333 0 1 1-6.667 0c0-1.516 1.532-4.121 2.924-6.098Z"/>
</svg>

Rain warning2#

⇧ top

QWeather Icon Code: 2050

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2050"></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-2050" 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-2.813 4.163c.205.13.275.416.157.64L3.8 15.766c-.119.225-.38.302-.586.172a.494.494 0 0 1-.157-.64L5.2 11.234c.119-.225.38-.302.586-.172ZM2.8 11.056c.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-.153Zm6 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-.153Zm6.146.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-3.003.079a.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.061Z"/>
</svg>

Wind#

⇧ top

QWeather Icon Code: 2051

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2051"></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-2051" viewBox="0 0 16 16">
  <path d="M2 7h6a1 1 0 1 0-.943-1.333.5.5 0 1 1-.943-.334A2 2 0 1 1 8 8H2a.5.5 0 0 1 0-1Z"/>
  <path d="M11.079 6.375A2.5 2.5 0 0 1 16 7c0 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 10.5A.5.5 0 0 1 3 10h8a2 2 0 1 1-1.886 2.667.5.5 0 1 1 .943-.334A1 1 0 1 0 11 11H3a.5.5 0 0 1-.5-.5Zm0-5.5a2.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.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"/>
</svg>

Snow warning#

⇧ top

QWeather Icon Code: 2052

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2052"></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-2052" viewBox="0 0 16 16">
  <path d="M7.5 15.5a.5.5 0 0 0 1 0v-1.293l.647.647a.5.5 0 0 0 .707-.708L8.5 12.793v-1.329c.91-.13 1.707-.61 2.25-1.299l1.15.665.496 1.848a.5.5 0 0 0 .966-.258l-.236-.883 1.12.646a.5.5 0 1 0 .5-.866l-1.12-.646.883-.237a.5.5 0 0 0-.26-.966l-1.848.495-1.15-.664A3.5 3.5 0 0 0 11.25 6.7l1.15-.663 1.85.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.15.664a3.497 3.497 0 0 0-2.25-1.3V3.207l1.353-1.353a.5.5 0 0 0-.707-.708l-.647.647V.5a.5.5 0 0 0-1 0v1.293l-.646-.647a.5.5 0 1 0-.707.708L7.5 3.207v1.328c-.91.13-1.707.61-2.25 1.3L4.1 5.17l-.496-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.15.663a3.506 3.506 0 0 0 .001 2.6l-1.15.663-1.85-.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 0 0 .966.258l.495-1.849 1.15-.664a3.497 3.497 0 0 0 2.251 1.3v1.328l-1.353 1.353a.5.5 0 0 0 .707.708l.646-.647V15.5Zm.105-9.895c.256-.153.551-.133.806.023l.07.042a.846.846 0 0 1 .409.853L8.532 8.8H7.454L7.11 6.602c-.057-.362.17-.8.496-.997ZM8 10.5a.6.6 0 1 1 0-1.2.6.6 0 0 1 0 1.2Z"/>
</svg>

Zonda wind#

⇧ top

QWeather Icon Code: 2053

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2053"></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-2053" viewBox="0 0 16 16">
  <path d="m1 10.5-1 2V16h16v-2l-2-2-1 1-8-7-3 7-1-2.5Z"/>
  <path d="m2.883 6.325.122 1.672-.71-.292c-.251.454-.57.876-.995 1.195-.298.224-.772.488-1.3.488v-1c.214 0 .475-.119.7-.288.257-.192.473-.456.663-.78l-.76-.313 1.41-1.228.156-.48c.055-.172.111-.345.17-.52.217-.654.473-1.336.863-1.854C3.614 2.38 4.19 2 5 2c1.166 0 2.127.512 2.937 1.237.422.377.812.82 1.177 1.29l.442-.367.342 1.46.153.228c.174.262.342.522.508.777.444.681.865 1.33 1.307 1.895.464.593.91 1.039 1.363 1.307l.156-.686 1.464 1.2c.456.086.832.11 1.137.102l.028 1a6.602 6.602 0 0 1-1.581-.166l-1.624.397.19-.838c-.742-.35-1.367-.991-1.92-1.7-.472-.602-.93-1.306-1.38-2l-.343-.525-1.798-.79.787-.654A8.757 8.757 0 0 0 7.27 3.982C6.579 3.363 5.846 3 5 3c-.44 0-.74.183-1 .528-.28.372-.494.91-.713 1.568l-.154.472c-.08.247-.161.503-.25.757ZM13.642.394a.164.164 0 0 0-.284 0l-2.336 4.05a.162.162 0 0 0 .142.244h4.672a.162.162 0 0 0 .142-.243L13.642.395Zm-.531 1.34c-.02-.176.16-.328.389-.328.23 0 .41.152.39.328l-.177 1.547h-.426l-.176-1.547Zm.704 2.172a.312.312 0 1 1-.625 0 .312.312 0 0 1 .625 0Z"/>
</svg>

Storm warning#

⇧ top

QWeather Icon Code: 2054

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2054"></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-2054" 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.495-5.467c-.024.043.011.093.065.093h1.468c.06 0 .094.065.055.107L7.005 7.976c-.052.055-.151.006-.124-.063L7.62 5.97c.015-.043-.019-.087-.069-.087h-1.42c-.096 0-.16-.09-.118-.17L7.41 3.078a.159.159 0 0 1 .058-.057.147.147 0 0 1 .076-.02h1.578c.054 0 .089.051.065.094l-.792 1.439Zm-6.449 8.092a.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.166Z"/>
</svg>

Dust raising winds2#

⇧ top

QWeather Icon Code: 2070

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2070"></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-2070" viewBox="0 0 16 16">
  <path d="M13.095 4.104C13.095 2.392 11.651 1 9.876 1H8.534a.82.82 0 0 0-.548.204.665.665 0 0 0-.227.494c0 .185.082.363.227.494a.82.82 0 0 0 .548.204h1.342c.92 0 1.668.766 1.668 1.708 0 .941-.748 1.707-1.668 1.707H.775a.82.82 0 0 0-.548.205.665.665 0 0 0-.227.493c0 .186.082.363.227.494a.82.82 0 0 0 .548.205h9.103c1.773 0 3.217-1.393 3.217-3.104ZM11.6 8.608H1.825a.82.82 0 0 0-.548.204.665.665 0 0 0-.227.494c0 .185.082.363.227.494a.82.82 0 0 0 .548.204h9.776c1.02 0 1.848.807 1.848 1.8 0 .992-.829 1.8-1.848 1.8h-1.442a.82.82 0 0 0-.548.204.665.665 0 0 0-.227.494c0 .185.081.363.227.494a.82.82 0 0 0 .548.204H11.6c1.875 0 3.4-1.434 3.4-3.197-.001-1.76-1.525-3.195-3.4-3.195ZM3.5 1.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"/>
  <path d="M6 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-1 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-3.25-1.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm7.75-.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM15 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/>
</svg>

Strong surface winds2#

⇧ top

QWeather Icon Code: 2071

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2071"></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-2071" viewBox="0 0 16 16">
  <path d="M2.5 1.866a1 1 0 1 0-1 0V15H0v1h16v-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-.01Zm6.656 7.028-4.777.91c-.283.054-.267.393.024.498l1.107.403L6.42 15h6.386l.952-2.616 1.107.403c.29.106.52-.143.338-.366L12.13 8.653a.39.39 0 0 0-.363-.132Zm-1.64 3.606.94.342a.5.5 0 0 1 .3.64l-.343.94a.5.5 0 0 1-.64.3l-.94-.343a.5.5 0 0 1-.299-.64l.342-.94a.5.5 0 0 1 .64-.3Z"/>
</svg>

Hot day2#

⇧ top

QWeather Icon Code: 2072

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2072"></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-2072" viewBox="0 0 16 16">
  <path d="M3.002 1.313a1.687 1.687 0 1 0 0 3.374 1.687 1.687 0 0 0 0-3.375Zm.001-.374A.188.188 0 0 1 2.816.75V.19a.187.187 0 0 1 .375 0v.56a.187.187 0 0 1-.188.188Zm-1.59.657a.187.187 0 0 1-.133-.056l-.398-.397a.187.187 0 0 1 .265-.265l.399.397a.188.188 0 0 1-.133.32ZM.75 3.185H.19a.188.188 0 1 1 0-.375h.56a.188.188 0 0 1 0 .375Zm.26 1.988a.188.188 0 0 1-.133-.32l.398-.397a.188.188 0 0 1 .265.265l-.398.397a.187.187 0 0 1-.132.055ZM2.998 6a.188.188 0 0 1-.187-.188V5.25a.187.187 0 1 1 .375 0v.562A.187.187 0 0 1 2.998 6Zm1.99-.822a.187.187 0 0 1-.133-.055l-.398-.397a.187.187 0 1 1 .265-.265l.398.397a.187.187 0 0 1-.133.32Zm.826-1.987H5.25a.188.188 0 1 1 0-.375h.563a.188.188 0 0 1 0 .375ZM4.594 1.6a.188.188 0 0 1-.133-.32l.397-.398a.188.188 0 0 1 .266.265l-.398.397a.187.187 0 0 1-.132.055ZM10 3a.5.5 0 0 0-.5.5v6.063a2 2 0 1 0 1 0V3.5A.5.5 0 0 0 10 3Z"/>
  <path d="m8.168 8.755.532-.356V2.5a1.3 1.3 0 0 1 2.6 0v.9a.6.6 0 1 0 1.2 0v-.9a2.5 2.5 0 0 0-5 0v5.258a4.5 4.5 0 1 0 5 0V6.6a.6.6 0 1 0-1.2 0v1.799l.532.356a3.3 3.3 0 1 1-3.665 0Z"/>
  <path d="M14 3a.4.4 0 0 0-.4.4v1.2h-1.2a.4.4 0 0 0 0 .8h1.2v1.2a.4.4 0 0 0 .8 0V5.4h1.2a.4.4 0 0 0 0-.8h-1.2V3.4A.4.4 0 0 0 14 3Z"/>
</svg>

Warm night2#

⇧ top

QWeather Icon Code: 2073

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2073"></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-2073" viewBox="0 0 16 16">
  <path d="M11.5 3a.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.5ZM2.07 1.026c.202-.099.405.104.356.32-.265 1.152-.246 2.447.636 3.373.883.926 2.42 1.263 3.603 1.075.222-.035.414.177.302.37a3.689 3.689 0 0 1-.677.839 3.773 3.773 0 0 1-5.278-.164 3.641 3.641 0 0 1 .166-5.2c.273-.253.574-.457.893-.613Z"/>
  <path d="M5.5.5A.5.5 0 0 0 5 1v1H4a.5.5 0 0 0 0 1h1v1a.5.5 0 0 0 1 0V3h1a.5.5 0 0 0 0-1H6V1a.5.5 0 0 0-.5-.5Z"/>
</svg>

Cold day2#

⇧ top

QWeather Icon Code: 2074

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2074"></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-2074" viewBox="0 0 16 16">
  <path d="M3.002 1.313a1.687 1.687 0 1 0 0 3.374 1.687 1.687 0 0 0 0-3.375Zm.001-.374A.188.188 0 0 1 2.816.75V.19a.187.187 0 0 1 .375 0v.56a.187.187 0 0 1-.188.188Zm-1.59.657a.187.187 0 0 1-.133-.056l-.398-.397a.187.187 0 0 1 .265-.265l.399.397a.188.188 0 0 1-.133.32ZM.75 3.185H.19a.188.188 0 1 1 0-.375h.56a.188.188 0 0 1 0 .375Zm.26 1.988a.188.188 0 0 1-.133-.32l.398-.397a.188.188 0 0 1 .265.265l-.398.397a.187.187 0 0 1-.132.055ZM2.998 6a.188.188 0 0 1-.187-.188V5.25a.187.187 0 1 1 .375 0v.562A.187.187 0 0 1 2.998 6Zm1.99-.822a.187.187 0 0 1-.133-.055l-.398-.397a.187.187 0 1 1 .265-.265l.398.397a.187.187 0 0 1-.133.32Zm.826-1.987H5.25a.188.188 0 1 1 0-.375h.563a.188.188 0 0 1 0 .375ZM4.594 1.6a.188.188 0 0 1-.133-.32l.397-.398a.188.188 0 0 1 .266.265l-.398.397a.187.187 0 0 1-.132.055Zm3.074 7.155.532-.356V2.5a1.3 1.3 0 0 1 2.6 0v.9a.6.6 0 1 0 1.2 0v-.9a2.5 2.5 0 0 0-5 0v5.258a4.5 4.5 0 1 0 5 0V6.6a.6.6 0 1 0-1.2 0v1.799l.532.356a3.3 3.3 0 1 1-3.665 0Z"/>
  <path d="M9.5 7a.5.5 0 0 0-.5.5v2.063a2 2 0 1 0 1 0V7.5a.5.5 0 0 0-.5-.5Zm2-2c0-.331.18-.6.4-.6h3.2c.22 0 .4.269.4.6 0 .331-.18.6-.4.6h-3.2c-.22 0-.4-.269-.4-.6Z"/>
</svg>

Thunderstorm and lightning2#

⇧ top

QWeather Icon Code: 2075

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2075"></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-2075" viewBox="0 0 16 16">
  <path d="m11.624 9-.792 3.21 1.168.013L9.376 16l.792-3.21L9 12.776 11.624 9Zm-5.229 3.533c-.024.043.011.093.065.093h1.468c.06 0 .094.065.055.107l-2.978 3.243c-.052.055-.151.006-.124-.063l.739-1.943c.015-.043-.019-.087-.069-.087h-1.42c-.096 0-.16-.09-.118-.17l1.397-2.636a.158.158 0 0 1 .058-.057.147.147 0 0 1 .076-.02h1.578c.054 0 .089.051.065.095l-.792 1.438Z"/>
  <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 0Z"/>
</svg>

Hailstorm2#

⇧ top

QWeather Icon Code: 2076

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2076"></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-2076" viewBox="0 0 16 16">
  <path d="m2 10 1 1.5L2 14l-1-2.5L2 10Zm0 4a1 1 0 1 1 0 2 1 1 0 0 1 0-2Zm13-2.5L14 10l-1 1.5 1 2.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2l1-2.5Zm-9 1L5 11l-1 1.5L5 14a1 1 0 1 0 0 2 1 1 0 0 0 0-2l1-1.5Zm3 0L8 11l-1 1.5L8 14a1 1 0 1 0 0 2 1 1 0 0 0 0-2l1-1.5Zm3 0L11 11l-1 1.5 1 1.5a1 1 0 1 0 0 2 1 1 0 0 0 0-2l1-1.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.495-5.467c-.024.043.011.093.065.093h1.468c.06 0 .094.065.055.107L7.005 7.976c-.052.055-.151.006-.124-.063L7.62 5.97c.015-.043-.019-.087-.069-.087h-1.42c-.096 0-.16-.09-.118-.17L7.41 3.078a.159.159 0 0 1 .058-.057.147.147 0 0 1 .076-.02h1.578c.054 0 .089.051.065.094l-.792 1.439Z"/>
</svg>

Sea area warning2#

⇧ top

QWeather Icon Code: 2077

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2077"></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-2077" 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>

Fishermen warning2#

⇧ top

QWeather Icon Code: 2078

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2078"></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-2078" viewBox="0 0 16 16">
  <path d="M5.235 12.917c-1.817-.567-3.498.07-4.832 1.206 0 0 2.652 2.99 6.53.421l1.13.953v-2.604l-1.076.906c-.531-.308-1.322-.747-1.752-.882Zm7.406.2c-1.3-.405-2.504.051-3.46.863 0 0 1.9 2.141 4.675.302l.809.682V13.1l-.77.65c-.38-.222-.946-.536-1.254-.632Zm3.316-7.356a.525.525 0 0 0-.688-.277c-.037.015-.328.14-.77.347-.31-.185-.677-.41-1.071-.664.327-.157.534-.252.54-.254a.525.525 0 1 0-.426-.959c-.373.17-.743.348-1.11.533-.297-.21-.588-.43-.871-.66l-.144-.12.435-.224a.525.525 0 0 0-.475-.935c-.04.02-.358.183-.822.425a56.48 56.48 0 0 1-1.326-1.192c.297-.284.482-.475.503-.498a.525.525 0 0 0-.76-.723c-.005.007-.194.202-.508.499L8.238.84a.525.525 0 1 0-.735.748l.182.177a27.67 27.67 0 0 1-1.438 1.17c-.23-.14-.462-.273-.697-.402a.525.525 0 1 0-.493.926l.263.148c-.11.077-.214.153-.327.229-.277.184-.571.367-.87.546-.344-.22-.589-.369-.618-.388a.526.526 0 0 0-.544.898l.132.082c-.53.292-1.04.556-1.477.775l-.284-.166a.521.521 0 0 0-.778.427.51.51 0 0 0 .046.233l-.275.128a.525.525 0 1 0 .434.955c.036-.017.345-.157.81-.384.4.242.922.57 1.47.936-.411.348-.664.579-.691.603a.525.525 0 0 0 .709.772c.007-.007.338-.306.876-.755.208.15.411.303.606.455.27.21.525.417.768.619-.369.408-.606.697-.632.729a.524.524 0 1 0 .817.657c.006-.008.24-.293.616-.704.332.291.633.563.882.796-.378.364-.632.62-.659.648a.525.525 0 0 0 .75.735c.007-.008.266-.27.664-.653l.19.193a.521.521 0 0 0 .86-.147.524.524 0 0 0-.097-.575l-.186-.19c.3-.273.625-.565.972-.86.28.301.443.49.447.494a.524.524 0 1 0 .798-.681c-.018-.02-.176-.203-.434-.483.413-.336.846-.648 1.295-.935.35.368.553.601.56.608a.527.527 0 0 0 .739.051.524.524 0 0 0 .051-.74c-.019-.02-.18-.204-.434-.477.692-.397 1.381-.75 1.943-1.022.238.137.391.22.414.232a.523.523 0 0 0 .771-.48.52.52 0 0 0-.087-.262l.134-.06a.52.52 0 0 0 .276-.686Zm-5.06-1.122c.16.131.329.26.497.387a42.65 42.65 0 0 0-1.275.716 30.845 30.845 0 0 0-.614-.518c-.127-.104-.25-.197-.375-.294.44-.245.884-.484 1.282-.695.161.136.322.272.485.404ZM7.34 6.69a15.399 15.399 0 0 0-.476-.39c.153-.103.301-.207.459-.309.236-.153.518-.323.82-.5.229.173.463.355.699.547.112.09.216.182.325.273-.099.061-.193.116-.293.179-.34.214-.665.448-.98.69a31.276 31.276 0 0 0-.554-.49Zm1.112-4.198c.32.298.696.642 1.11 1.008-.433.232-.899.487-1.348.74a30.61 30.61 0 0 0-1.02-.704c.48-.376.9-.73 1.258-1.044ZM5.572 4.71c.252-.167.49-.336.726-.505.274.176.586.384.92.616-.166.1-.325.198-.466.29-.268.173-.525.348-.776.523a34.72 34.72 0 0 0-.884-.614c.164-.102.324-.205.48-.31Zm-2.9 1.68c.445-.23.932-.492 1.424-.774.3.198.63.42.974.66-.442.326-.832.63-1.183.91-.4-.274-.805-.539-1.215-.796Zm2.105 1.43c.39-.305.786-.602 1.187-.892.245.188.484.375.693.556.145.125.277.246.415.367-.38.33-.73.657-1.036.963a40.18 40.18 0 0 0-.847-.685c-.134-.103-.274-.206-.412-.31Zm2.982 2.511a37.23 37.23 0 0 0-.92-.83c.304-.3.64-.618 1.012-.937.34.32.64.614.905.882-.356.305-.693.605-.997.885Zm1.808-1.559a38.93 38.93 0 0 0-.89-.873c.246-.183.5-.36.756-.52.192-.121.377-.23.563-.344.309.281.59.55.845.802-.44.29-.865.602-1.274.935Zm2.189-1.507a31.04 31.04 0 0 0-.814-.786 42.54 42.54 0 0 1 1.409-.769c.358.244.708.47 1.028.669-.506.257-1.066.558-1.623.886Z"/>
</svg>

Heavy snow warning2#

⇧ top

QWeather Icon Code: 2079

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2079"></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-2079" 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-6.064 3.567a.467.467 0 1 1 .933 0v.725l.628-.363a.467.467 0 1 1 .467.808L3.935 12l.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-.808L2.068 12l-.628-.363a.467.467 0 0 1 .467-.808l.628.363v-.725Zm5 2a.467.467 0 1 1 .933 0v.725l.628-.363a.467.467 0 1 1 .467.808L8.935 14l.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-.808L7.068 14l-.628-.363a.467.467 0 0 1 .467-.808l.628.363v-.725ZM13.001 10a.467.467 0 0 0-.466.467v.725l-.628-.363a.467.467 0 1 0-.467.808l.628.363-.628.363a.467.467 0 0 0 .467.808l.628-.363v.725a.467.467 0 0 0 .933 0v-.725l.628.363a.467.467 0 1 0 .467-.808L13.935 12l.628-.363a.467.467 0 0 0-.467-.808l-.628.363v-.725a.467.467 0 0 0-.467-.467Z"/>
</svg>

Dust storm#

⇧ top

QWeather Icon Code: 2080

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2080"></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-2080" viewBox="0 0 16 16">
  <path d="M4.603 1.616c0 1.12 1.684 1.622 3.354 1.622 1.67 0 3.354-.496 3.354-1.615C11.311.503 9.628 0 7.957 0c-1.67 0-3.354.496-3.354 1.616Zm3.354.496c-1.223 0-1.992-.305-2.242-.49.25-.19 1.02-.488 2.242-.488 1.223 0 1.993.304 2.243.489-.25.191-1.02.489-2.243.489Zm-.519 10.232c-1.48 0-2.874-.185-3.933-.51-1.295-.404-1.946-.986-1.946-1.722a1.2 1.2 0 0 1 .256-.73.493.493 0 0 1 .737-.085.594.594 0 0 1 .059.822c.164.333 1.749 1.098 4.827 1.098 3.077 0 4.662-.765 4.827-1.098a.045.045 0 0 1-.007-.01.593.593 0 0 1 .065-.813.498.498 0 0 1 .737.086 1.2 1.2 0 0 1 .257.73c0 .744-.658 1.325-1.947 1.722-1.058.332-2.453.51-3.932.51Zm-.02 2.664c-1.887 0-3.788-.539-3.788-1.736 0-.206.06-.404.178-.588a.503.503 0 0 1 .73-.142.596.596 0 0 1 .17.723c.218.212 1.138.616 2.71.616s2.492-.396 2.71-.616a.595.595 0 0 1 .17-.716.498.498 0 0 1 .73.142c.119.184.178.382.178.588 0 .411-.23.978-1.315 1.368-.665.226-1.546.361-2.473.361Z"/>
  <path d="M7.78 9.389c-1.986 0-3.867-.262-5.288-.744C.434 7.957 0 7.036 0 6.385c0-.808.658-1.368 1.203-1.694a.514.514 0 0 1 .717.22.595.595 0 0 1-.204.772c-.493.29-.664.553-.664.701 0 .638 2.374 1.871 6.728 1.871 4.353 0 6.727-1.24 6.727-1.87 0-.15-.17-.412-.664-.702-.257-.149-.348-.496-.204-.772a.502.502 0 0 1 .717-.22c.552.326 1.203.886 1.203 1.693 0 .652-.434 1.573-2.492 2.268-1.42.475-3.301.737-5.287.737Z"/>
  <path d="M4.32 5.747c.934.354 2.177.545 3.486.545 1.309 0 2.545-.191 3.485-.545 1.427-.539 1.73-1.262 1.73-1.779 0-.383-.178-.95-1-1.438a.51.51 0 0 0-.716.226c-.139.277-.046.624.21.773.368.22.454.404.454.446 0 .277-1.296 1.19-4.163 1.19s-4.163-.913-4.163-1.19c0-.05.08-.227.454-.446a.595.595 0 0 0 .21-.773c-.144-.276-.46-.375-.716-.226-.829.489-1 1.055-1 1.438 0 .517.303 1.247 1.73 1.779ZM4.058 16c.308 0 .559-.27.559-.602 0-.333-.25-.603-.56-.603-.308 0-.558.27-.558.603 0 .332.25.602.559.602Zm8.207-.68c0 .332-.25.602-.56.602-.308 0-.558-.27-.558-.602 0-.333.25-.603.559-.603.308 0 .559.27.559.603ZM.822 12.372c.36 0 .651-.314.651-.701 0-.388-.291-.702-.651-.702-.36 0-.651.314-.651.702 0 .387.291.701.651.701ZM16 10.012c0 .388-.291.702-.651.702-.36 0-.651-.314-.651-.702 0-.387.291-.701.651-.701.36 0 .651.314.651.701Z"/>
</svg>

Heat wave2#

⇧ top

QWeather Icon Code: 2081

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2081"></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-2081" viewBox="0 0 16 16">
  <path d="M13 2a.6.6 0 0 1 .6.6v1.8h1.8a.6.6 0 1 1 0 1.2h-1.8v1.8a.6.6 0 1 1-1.2 0V5.6h-1.8a.6.6 0 1 1 0-1.2h1.8V2.6A.6.6 0 0 1 13 2ZM4.5 3a.5.5 0 0 1 .5.5v6.063a2 2 0 1 1-1 0V3.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.5Z"/>
</svg>

Cold wave2#

⇧ top

QWeather Icon Code: 2082

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2082"></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-2082" viewBox="0 0 16 16">
  <rect width="6" height="1.2" rx=".6" transform="matrix(-1 0 0 1 16 4.5)"/>
  <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.5Z"/>
</svg>

Fog2#

⇧ top

QWeather Icon Code: 2083

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2083"></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-2083" 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-5a4.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>

Heavy rain warning#

⇧ top

QWeather Icon Code: 2084

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2084"></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-2084" viewBox="0 0 16 16">
  <path d="M5.034 11.673a1 1 0 0 0 1.932.518c.13-.483-.176-1.492-.448-2.191-.586.47-1.355 1.19-1.484 1.673Zm-4.129.051a1 1 0 0 0 1.932.518c.129-.483-.176-1.491-.449-2.19-.586.468-1.354 1.19-1.483 1.672Zm8.229.708a1 1 0 0 1-.1-.759c.13-.483.898-1.204 1.484-1.673.272.7.577 1.708.448 2.19a1 1 0 0 1-1.832.242Zm3.9-.759a1 1 0 1 0 1.932.518c.13-.483-.175-1.492-.448-2.191-.586.47-1.354 1.19-1.484 1.673Zm-1.9 3.759a1 1 0 0 1-.1-.759c.13-.483.898-1.204 1.484-1.673.272.7.577 1.708.448 2.19a1 1 0 0 1-1.832.242Zm-8.1-.759a1 1 0 0 0 1.932.518c.13-.483-.176-1.492-.448-2.191-.586.47-1.355 1.19-1.484 1.673ZM7.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>

Ground frost2#

⇧ top

QWeather Icon Code: 2085

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2085"></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-2085" viewBox="0 0 16 16">
  <path d="M0 5.375a.375.375 0 1 1 .75 0V7.25h6.5V5.375a.375.375 0 1 1 .75 0v2.25A.375.375 0 0 1 7.625 8H.375A.375.375 0 0 1 0 7.625v-2.25Z"/>
  <path d="M4.203.203a.203.203 0 0 0-.406 0v.525L3.534.466a.203.203 0 0 0-.287.287l.55.55v.745c-.295.05-.554.205-.737.426a.203.203 0 0 0-.014-.01l-.63-.363-.202-.752a.203.203 0 0 0-.392.106l.096.358-.455-.262a.203.203 0 0 0-.203.351l.455.263-.36.096a.203.203 0 1 0 .106.393l.751-.202.631.365.015.007a1.216 1.216 0 0 0 0 .852.21.21 0 0 0-.015.007l-.63.365-.752-.202a.203.203 0 1 0-.105.393l.359.096-.455.263a.203.203 0 0 0 .203.351l.455-.262-.096.358a.203.203 0 0 0 .392.106l.201-.752.631-.364a.205.205 0 0 0 .014-.009c.183.221.442.377.738.426l-.001.017v.728l-.55.55a.203.203 0 0 0 .287.287l.263-.262v.525a.203.203 0 0 0 .406 0v-.525l.263.262a.203.203 0 0 0 .287-.287l-.55-.55v-.745c.295-.05.554-.205.737-.426l.014.01.63.363.202.752a.203.203 0 0 0 .392-.106l-.096-.358.455.262a.203.203 0 0 0 .203-.351l-.455-.263.36-.096a.203.203 0 0 0-.106-.393l-.751.202-.63-.365a.205.205 0 0 0-.016-.007 1.216 1.216 0 0 0 0-.852.202.202 0 0 0 .015-.007l.63-.365.752.202a.203.203 0 1 0 .105-.393l-.359-.096.455-.263a.203.203 0 1 0-.203-.351l-.455.262.096-.358a.203.203 0 1 0-.392-.106l-.201.752-.631.364a.204.204 0 0 0-.014.009 1.218 1.218 0 0 0-.738-.426l.001-.017v-.728l.55-.55a.203.203 0 0 0-.287-.287l-.263.262V.203ZM16 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.437Z"/>
</svg>

Fog3#

⇧ top

QWeather Icon Code: 2100

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2100"></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-2100" viewBox="0 0 16 16">
  <path d="M0 4a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1Zm0 4a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h14a1 1 0 1 0 0-2H1Z"/>
</svg>

Thunder rain2#

⇧ top

QWeather Icon Code: 2101

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2101"></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-2101" 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 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.495-5.467c-.024.043.011.093.065.093h1.468c.06 0 .094.065.055.107L7.005 7.976c-.052.055-.151.006-.124-.063L7.62 5.97c.015-.043-.019-.087-.069-.087h-1.42c-.096 0-.16-.09-.118-.17L7.41 3.078a.159.159 0 0 1 .058-.057.147.147 0 0 1 .076-.02h1.578c.054 0 .089.051.065.094l-.792 1.439Z"/>
</svg>

Thunder storm#

⇧ top

QWeather Icon Code: 2102

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2102"></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-2102" 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-.139 5.726c-.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.574.047a1 1 0 1 0 1.932.518c.13-.483-.175-1.492-.448-2.191-.586.47-1.354 1.19-1.484 1.673Zm-10.129.051a1 1 0 0 0 1.932.518c.129-.483-.176-1.491-.449-2.19-.586.468-1.354 1.19-1.483 1.672Z"/>
</svg>

Light rain warning#

⇧ top

QWeather Icon Code: 2103

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2103"></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-2103" 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-6.306 6.807A1 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 2Z"/>
</svg>

Heavy rain warning2#

⇧ top

QWeather Icon Code: 2104

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2104"></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-2104" viewBox="0 0 16 16">
  <path d="M.134 12.432a1 1 0 0 1-.1-.759c.13-.483.898-1.204 1.484-1.673.272.7.577 1.708.448 2.19a1 1 0 0 1-1.832.242Zm3 0a1 1 0 0 1-.1-.759c.13-.483.898-1.204 1.484-1.673.272.7.577 1.708.448 2.19a1 1 0 0 1-1.832.242ZM7 13a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm7.497-.202a1 1 0 0 1-.466-.607c-.13-.483.175-1.492.448-2.191.586.47 1.354 1.19 1.484 1.673a1 1 0 0 1-1.466 1.125Zm-3.467-.608a1 1 0 1 0 1.933-.517c-.13-.483-.898-1.204-1.484-1.673-.273.7-.578 1.708-.448 2.19Zm-6.737 3.517A1 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.707ZM1 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm9.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 15a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm-5.1-5a4.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>

Fresh wind#

⇧ top

QWeather Icon Code: 2105

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2105"></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-2105" viewBox="0 0 16 16">
  <path d="M13.5 2.75a2.5 2.5 0 0 0-2.421 1.875.5.5 0 0 0 .968.25A1.5 1.5 0 0 1 15 5.25c0 .812-.76 1.5-1.5 1.5H.5a.5.5 0 0 0 0 1h13c1.26 0 2.5-1.103 2.5-2.5a2.5 2.5 0 0 0-2.5-2.5Zm-13 6.5a.5.5 0 0 0 0 1h11a1 1 0 1 1-.943 1.333.5.5 0 0 0-.943.334A2 2 0 1 0 11.5 9.25H.5Z"/>
</svg>

Thunderstorm and dust#

⇧ top

QWeather Icon Code: 2106

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2106"></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-2106" viewBox="0 0 16 16">
  <path d="M5 .5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM2.5 3a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm-2 2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm5-2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm5.5-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM8 2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm4-1.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM13.5 3a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM16 4.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM.5 11a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1ZM3 13.5a.5.5 0 1 0-1 0 .5.5 0 0 0 1 0ZM4.5 15a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1ZM6 13.5a.5.5 0 1 0-1 0 .5.5 0 0 0 1 0Zm4.5-.5a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1Zm-2 1.5a.5.5 0 1 0-1 0 .5.5 0 0 0 1 0Zm3 .5a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1Zm2.5-1.5a.5.5 0 1 0-1 0 .5.5 0 0 0 1 0Zm1.5-2.5a.5.5 0 1 1 0 1 .5.5 0 0 1 0-1Z"/>
  <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.495-5.467c-.024.043.011.093.065.093h1.468c.06 0 .094.065.055.107l-2.978 3.243c-.052.055-.151.006-.124-.063L7.62 8.97c.015-.043-.019-.087-.069-.087h-1.42c-.096 0-.16-.09-.118-.17L7.41 6.078a.159.159 0 0 1 .058-.057.147.147 0 0 1 .076-.02h1.578c.054 0 .089.051.065.094l-.792 1.439Z"/>
</svg>

Dust warning#

⇧ top

QWeather Icon Code: 2107

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2107"></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-2107" viewBox="0 0 16 16">
  <path d="M10.8 3.5a.9.9 0 1 1-1.8 0 .9.9 0 0 1 1.8 0Zm-3.5.9a.7.7 0 1 0 0-1.4.7.7 0 0 0 0 1.4Zm-1.7-.6a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Zm-2.2.1a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm9.3.5a.9.9 0 1 0 0-1.8.9.9 0 0 0 0 1.8Zm2.3 6.2a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-5.7 0a.9.9 0 1 0 0-1.8.9.9 0 0 0 0 1.8Zm-1.9-.7a.7.7 0 1 1-1.4 0 .7.7 0 0 1 1.4 0Zm-3 .7a.6.6 0 1 0 0-1.2.6.6 0 0 0 0 1.2Zm-2.1 0a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM13 9.7a.9.9 0 1 1-1.8 0 .9.9 0 0 1 1.8 0ZM2.4 12.5a.9.9 0 1 0 1.8 0 .9.9 0 0 0-1.8 0Zm3.7.9a.9.9 0 1 1 0-1.8.9.9 0 0 1 0 1.8Zm1.9-.7a.7.7 0 1 0 1.4 0 .7.7 0 0 0-1.4 0Zm3 .7a.6.6 0 1 1 0-1.2.6.6 0 0 1 0 1.2Zm2.1 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1ZM1 7.6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm2-.9a.9.9 0 1 0 1.8 0 .9.9 0 0 0-1.8 0Zm3.7.9a.9.9 0 1 1 0-1.8.9.9 0 0 1 0 1.8Zm1.9-.7a.7.7 0 1 0 1.4 0 .7.7 0 0 0-1.4 0Zm3 .7a.6.6 0 1 1 0-1.2.6.6 0 0 1 0 1.2Zm2.1 0a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1Z"/>
</svg>

High wave#

⇧ top

QWeather Icon Code: 2108

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2108"></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-2108" viewBox="0 0 16 16">
  <path d="M15.734 11.961a.39.39 0 0 0-.495.245c-.188.553-.535.822-1.063.822-.51 0-.98-.373-1.169-.929a.39.39 0 0 0-.377-.265h-.005a.39.39 0 0 0-.372.265c-.188.556-.658.929-1.169.929s-.981-.373-1.17-.929a.39.39 0 0 0-.377-.265h-.004a.39.39 0 0 0-.372.265c-.188.556-.658.929-1.17.929-.398 0-.771-.228-1.006-.592a.398.398 0 0 0-.02-.049c-.735-1.445-.727-2.796-.32-3.864.005-.01.012-.021.017-.033.001-.004.15-.344.439-.617.341-.324.717-.408 1.148-.256.392.138.502.343.555.442.126.236.3.269.424.255a.404.404 0 0 0 .342-.295c.14-.43.185-1.215-.337-1.787.734-.116 1.555.071 2.314.808l.006.006c.059.055.27.225.535.142.236-.074.366-.314.325-.597l-.003-.02-.005-.02a5.252 5.252 0 0 0-1.219-2.113c-.854-.898-2.427-1.844-5.072-1.256-1.295.288-2.426.952-3.361 1.973-.737.804-1.342 1.834-1.829 3.049-.922 2.302-.94 4.196-.92 4.253.295.872.935 1.353 1.803 1.353.603 0 1.165-.298 1.546-.784.38.486.943.784 1.546.784.603 0 1.166-.298 1.546-.784.381.486.944.784 1.547.784.602 0 1.165-.298 1.546-.784.38.486.943.784 1.546.784.603 0 1.165-.298 1.546-.784.381.486.943.784 1.546.784.868 0 1.508-.48 1.803-1.353a.391.391 0 0 0-.245-.496Zm-6.926-4.95a2.132 2.132 0 0 0-.843-.245c.118-.085.244-.163.377-.233a.89.89 0 0 1 .466.477Zm-3.909 6.017c-.511 0-.981-.373-1.169-.929a.39.39 0 0 0-.377-.265h-.005a.39.39 0 0 0-.372.265c-.188.556-.658.929-1.17.929-.509 0-.85-.252-1.041-.767.008-.107.148-1.88.888-3.772.998-2.554 2.556-4.082 4.63-4.543C8.109 3.54 9.56 3.88 10.6 4.955c.29.3.507.619.667.903-1.193-.67-2.599-.581-3.789.296a4.59 4.59 0 0 0-1.531 2.021l-.004.008-.004.012c-.088.226-.16.459-.216.7-.247 1.076-.141 2.212.304 3.315-.21.493-.65.818-1.127.818ZM13.5 5a2.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-.426L13.11 1.42Zm.705 2.173a.312.312 0 1 1-.625 0 .312.312 0 0 1 .625 0Zm1.92 10.533a.39.39 0 0 0-.496.245c-.187.552-.534.82-1.06.82-.511 0-.98-.372-1.168-.927a.39.39 0 0 0-.372-.265h-.011a.39.39 0 0 0-.371.265c-.188.555-.657.927-1.168.927-.51 0-.98-.372-1.168-.927a.39.39 0 0 0-.37-.265h-.012a.39.39 0 0 0-.371.265c-.188.555-.657.927-1.168.927-.51 0-.98-.372-1.168-.927A.39.39 0 0 0 6.461 14H6.45a.39.39 0 0 0-.371.265c-.188.555-.657.927-1.168.927-.51 0-.98-.372-1.168-.927A.39.39 0 0 0 3.372 14H3.36a.39.39 0 0 0-.371.265c-.188.555-.658.927-1.168.927-.527 0-.874-.268-1.061-.82a.39.39 0 1 0-.74.25c.295.872.934 1.352 1.8 1.352.603 0 1.165-.298 1.545-.783.38.485.943.783 1.545.783s1.164-.298 1.544-.783c.38.485.943.783 1.545.783s1.164-.298 1.545-.783c.38.485.942.783 1.544.783.602 0 1.164-.298 1.545-.783.38.485.942.783 1.544.783.867 0 1.506-.48 1.801-1.351a.39.39 0 0 0-.244-.496Z"/>
</svg>

Frost3#

⇧ top

QWeather Icon Code: 2109

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2109"></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-2109" viewBox="0 0 16 16">
  <path d="M8 16.001a8 8 0 1 1 0-16 8 8 0 0 1 0 16Zm0-1.3a6.7 6.7 0 1 0 0-13.4 6.7 6.7 0 0 0 0 13.4Z"/>
  <path d="M8.375 2.375a.375.375 0 1 0-.75 0v.97L7.14 2.86a.375.375 0 1 0-.53.53l1.015 1.015V5.75l.001.03a2.248 2.248 0 0 0-1.36.787.378.378 0 0 0-.027-.017l-1.165-.672-.371-1.387a.375.375 0 1 0-.725.194l.178.663-.84-.485a.375.375 0 1 0-.375.65l.84.484-.662.178a.375.375 0 0 0 .194.724l1.386-.372 1.165.673a.38.38 0 0 0 .027.014 2.245 2.245 0 0 0 0 1.572.377.377 0 0 0-.027.014l-1.165.673L3.313 9.1a.375.375 0 1 0-.194.724l.662.178-.84.485a.375.375 0 0 0 .375.65l.84-.486-.178.663a.375.375 0 1 0 .725.194l.371-1.387L6.24 9.45a.382.382 0 0 0 .026-.017c.338.408.816.695 1.361.786a.38.38 0 0 0 0 .031v1.345L6.61 12.61a.375.375 0 0 0 .53.53l.485-.485v.97a.375.375 0 0 0 .75 0v-.97l.485.485a.375.375 0 0 0 .53-.53l-1.015-1.015V10.25l-.001-.03a2.248 2.248 0 0 0 1.36-.787.383.383 0 0 0 .027.017l1.165.672.371 1.387a.375.375 0 1 0 .725-.194l-.178-.663.84.485a.375.375 0 0 0 .375-.65l-.84-.484.663-.178a.375.375 0 0 0-.195-.724l-1.386.372-1.165-.673a.364.364 0 0 0-.027-.014 2.246 2.246 0 0 0 0-1.572.364.364 0 0 0 .027-.014l1.165-.673 1.386.372a.375.375 0 0 0 .195-.724l-.663-.178.84-.485a.375.375 0 0 0-.375-.65l-.84.486.178-.663a.375.375 0 1 0-.725-.194l-.371 1.387-1.165.672a.378.378 0 0 0-.026.017 2.248 2.248 0 0 0-1.361-.786l.001-.031V4.405L9.39 3.39a.375.375 0 0 0-.53-.53l-.485.485v-.97Z"/>
</svg>

Drop in visibility#

⇧ top

QWeather Icon Code: 2111

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2111"></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-2111" 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-.112Z"/>
  <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>

Low humidity2#

⇧ top

QWeather Icon Code: 2120

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2120"></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-2120" viewBox="0 0 16 16">
  <path d="M9.08 9.375a.855.855 0 0 0-.701.321c-.173.214-.26.485-.26.813 0 .33.086.602.258.814.172.213.406.319.702.319.299 0 .533-.106.704-.317.171-.211.256-.484.256-.816 0-.337-.085-.61-.255-.819-.168-.211-.403-.315-.704-.315Zm0 1.855c-.314 0-.472-.241-.472-.723s.157-.723.472-.723c.314 0 .472.241.472.723-.001.483-.158.723-.472.723ZM7.012 8.18c.171-.211.256-.484.256-.816 0-.337-.085-.61-.254-.819-.17-.209-.405-.314-.706-.314a.855.855 0 0 0-.701.321c-.173.214-.26.485-.26.813 0 .33.086.602.258.814.172.213.406.319.702.319.299 0 .534-.106.705-.318Zm-1.176-.816c0-.482.157-.723.472-.723.315 0 .472.241.472.723s-.157.723-.472.723c-.315 0-.472-.241-.472-.723Zm3.486-1.091a.29.29 0 0 0-.398.097l-2.955 4.831a.29.29 0 0 0 .389.403.285.285 0 0 0 .105-.102l2.955-4.831a.289.289 0 0 0-.096-.398Z"/>
  <path d="M7.694.214S2.503 7.726 2.503 10.595a5.187 5.187 0 0 0 5.191 5.19 5.187 5.187 0 0 0 5.191-5.19C12.885 7.726 7.694.214 7.694.214Zm2.954 11.819c-.396.008-.623.08-1.465.351l-.12.038c-.576.23-1.055.355-1.346.355-.49 0-1.298-.338-1.306-.342l-.164-.054c-.883-.283-1.093-.35-1.446-.354-.322 0-.645.053-.985.16a4.073 4.073 0 0 1-.345-1.624c0-1.581 2.236-5.592 4.221-8.66 1.985 3.069 4.222 7.081 4.222 8.66 0 .545-.115 1.089-.342 1.618-.3-.094-.61-.143-.924-.148Z"/>
</svg>

Accumulated rain2#

⇧ top

QWeather Icon Code: 2121

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2121"></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-2121" viewBox="0 0 16 16">
  <path d="M1.293 3.707A1 1 0 0 1 1 3c0-.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 3c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM9 3a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm4.293.707A1 1 0 0 1 13 3c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM3 7a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm2.293 4.707A1 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.707ZM9 11a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2ZM7.293 7.707A1 1 0 0 1 7 7c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM11 7a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Z"/>
  <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"/>
</svg>

Cold wave3#

⇧ top

QWeather Icon Code: 2122

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2122"></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-2122" viewBox="0 0 16 16">
  <path d="M3.837 4.167a1.167 1.167 0 0 1 2.333 0v1.812l1.57-.906a1.167 1.167 0 1 1 1.166 2.02L7.336 8l1.57.906a1.167 1.167 0 1 1-1.166 2.021l-1.57-.906v1.812a1.167 1.167 0 1 1-2.333 0v-1.812l-1.57.906A1.167 1.167 0 1 1 1.1 8.907L2.67 8 1.1 7.094a1.167 1.167 0 0 1 1.167-2.021l1.57.906V4.167ZM14.26.5 16 1.661l-.555.832-1.258-.839-1.964.982-2-1-2 1-2-1-2 1-2-1-1.777.888L0 1.63 2.224.518l2 1 2-1 2 1 2-1 2 1L14.259.5Zm1.517 4.811L14.036 4.15 12 5.168l-1.776-.888-.448.894L12 6.286l1.964-.982 1.259.839.554-.832ZM14.26 6.727 16 7.887l-.555.833-1.258-.84-1.964.983L10 7.751l.447-.894 1.777.888 2.035-1.018Zm0 3 1.74 1.16-.555.833-1.258-.84-1.964.983L10 10.751l.447-.894 1.777.888 2.035-1.018Zm1.741 4.794-1.742-1.161-2.035 1.018-2-1-2 1-2-1-2 1-2-1L0 14.49l.447.894 1.777-.888 2 1 2-1 2 1 2-1 2 1 1.964-.982 1.258.839.555-.832Z"/>
</svg>

Tornado2#

⇧ top

QWeather Icon Code: 2123

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2123"></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-2123" viewBox="0 0 16 16">
  <path d="M3.5 1.25a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5Zm-1 1.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5Zm-1 1.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H2a.5.5 0 0 1-.5-.5Zm1 1.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5Zm1 1.5a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5ZM5 8.75a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H5.5a.5.5 0 0 1-.5-.5Zm2 1.5a.5.5 0 0 1 .5-.5H12a.5.5 0 0 1 0 1H7.5a.5.5 0 0 1-.5-.5Zm1 1.5a.5.5 0 0 1 .5-.5H11a.5.5 0 0 1 0 1H8.5a.5.5 0 0 1-.5-.5Zm-1 1.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm0 1.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Z"/>
</svg>

Thunderstorm5#

⇧ top

QWeather Icon Code: 2124

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2124"></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-2124" 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-.139 5.726c-.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.46Zm-6-1c-.054 0-.089-.05-.065-.093l.792-1.438C3.21 10.05 3.176 10 3.122 10H1.544a.147.147 0 0 0-.076.02.158.158 0 0 0-.058.057L.013 12.714c-.042.079.022.17.118.17h1.42c.05 0 .084.043.069.086l-.74 1.943c-.027.07.072.118.124.063l2.978-3.243c.04-.042.006-.107-.055-.107H2.46Zm12 0c-.054 0-.089-.05-.065-.093l.792-1.438c.024-.044-.011-.095-.065-.095h-1.578a.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-.107H14.46Z"/>
</svg>

Hail2#

⇧ top

QWeather Icon Code: 2125

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2125"></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-2125" viewBox="0 0 16 16">
  <path d="M2.932 11.708 2.354 10 1 11.19l.319 2.674 1.613-2.156Zm12 0L14.354 10 13 11.19l.319 2.674 1.613-2.156ZM5.354 11l.578 1.708-1.613 2.156L4 12.19 5.354 11Zm6.578 1.708L11.354 11 10 12.19l.319 2.674 1.613-2.156ZM8.354 12l.578 1.708-1.613 2.156L7 13.19 8.354 12ZM7.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>

Heavy rainfall2#

⇧ top

QWeather Icon Code: 2126

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2126"></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-2126" 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-7.556 5.807A1 1 0 0 1 .75 12c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm2.5 2A1 1 0 0 1 3.25 14c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm2.5 1A1 1 0 0 1 5.75 15c0-.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 8.25 15c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm2.5-1A1 1 0 0 1 10.75 14c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Zm2.5-2A1 1 0 0 1 13.25 12c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707Z"/>
</svg>

Gale2#

⇧ top

QWeather Icon Code: 2127

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2127"></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-2127" viewBox="0 0 16 16">
  <path d="m6.989 9.431 4.777-.91a.39.39 0 0 1 .363.132l3.074 3.768c.182.223-.048.472-.338.366l-1.107-.403L12.806 15H16v1H0v-1h6.42l1.7-4.668-1.107-.403c-.29-.105-.307-.444-.024-.498Zm4.077 3.038-.94-.342a.5.5 0 0 0-.64.299l-.342.94a.5.5 0 0 0 .299.64l.94.342a.5.5 0 0 0 .64-.299l.342-.94a.5.5 0 0 0-.299-.64ZM1.6 2.4h4.8a.8.8 0 1 0-.755-1.067.4.4 0 0 1-.754-.266A1.6 1.6 0 1 1 6.4 3.2H1.6a.4.4 0 0 1 0-.8Z"/>
  <path d="M8.863 1.9a2 2 0 0 1 3.937.5c0 1.118-.993 2-2 2H.4a.4.4 0 0 1 0-.8h10.4c.593 0 1.2-.55 1.2-1.2a1.2 1.2 0 0 0-2.362-.3.4.4 0 1 1-.775-.2ZM2 5.2c0-.22.18-.4.4-.4h6.4a1.6 1.6 0 1 1-1.509 2.133.4.4 0 1 1 .754-.266A.8.8 0 1 0 8.8 5.6H2.4a.4.4 0 0 1-.4-.4Z"/>
</svg>

Heat wave3#

⇧ top

QWeather Icon Code: 2128

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2128"></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-2128" viewBox="0 0 16 16">
  <path d="M2.4 11.3a.5.5 0 0 0-.8-.6 3.192 3.192 0 0 0-.6 1.8c0 .288.141.521.256.675.116.154.262.3.379.417l.011.012c.132.131.23.23.298.321.038.052.052.08.056.09a2.2 2.2 0 0 1-.4 1.185.5.5 0 0 0 .8.6c.365-.487.6-1.192.6-1.8 0-.288-.141-.521-.256-.675a4.068 4.068 0 0 0-.379-.417l-.011-.011a3.335 3.335 0 0 1-.298-.322.444.444 0 0 1-.056-.09c.004-.39.168-.875.4-1.185Zm4 0a.5.5 0 0 0-.8-.6 3.192 3.192 0 0 0-.6 1.8c0 .288.141.521.256.675.116.154.262.3.379.417l.011.012c.132.131.23.23.298.321.038.052.052.08.056.09a2.2 2.2 0 0 1-.4 1.185.5.5 0 0 0 .8.6c.365-.487.6-1.192.6-1.8 0-.288-.141-.521-.256-.675a4.068 4.068 0 0 0-.379-.417l-.011-.011a3.335 3.335 0 0 1-.298-.322.444.444 0 0 1-.056-.09c.004-.39.168-.875.4-1.185Zm3.9-.7a.5.5 0 0 1 .1.7c-.232.31-.396.795-.4 1.185.004.01.018.038.056.09.069.091.166.19.298.322l.011.011c.117.117.263.263.379.417.115.154.256.387.256.675 0 .608-.235 1.313-.6 1.8a.5.5 0 0 1-.8-.6c.232-.31.396-.795.4-1.185a.446.446 0 0 0-.056-.09 3.324 3.324 0 0 0-.298-.321l-.011-.012a4.13 4.13 0 0 1-.379-.417C9.141 13.021 9 12.788 9 12.5c0-.608.235-1.313.6-1.8a.5.5 0 0 1 .7-.1Zm4.1.7a.5.5 0 0 0-.8-.6 3.192 3.192 0 0 0-.6 1.8c0 .288.141.521.256.675.116.154.262.3.379.417l.011.012c.132.131.23.23.298.321.038.052.052.08.056.09a2.2 2.2 0 0 1-.4 1.185.5.5 0 0 0 .8.6c.365-.487.6-1.192.6-1.8 0-.288-.141-.521-.256-.675a4.058 4.058 0 0 0-.379-.417l-.011-.011a3.334 3.334 0 0 1-.298-.322.441.441 0 0 1-.056-.09c.004-.39.168-.875.4-1.185ZM8.003 2.188a2.813 2.813 0 1 0 0 5.625 2.813 2.813 0 0 0 0-5.625Zm.003-.624a.313.313 0 0 1-.313-.312V.314a.312.312 0 1 1 .625 0v.938a.312.312 0 0 1-.312.312ZM5.354 2.66a.311.311 0 0 1-.22-.091l-.665-.663a.312.312 0 0 1 .442-.442l.665.662a.312.312 0 0 1-.221.534h-.001ZM4.252 5.31h-.937a.313.313 0 1 1 0-.626h.937a.313.313 0 1 1 0 .625Zm.432 3.314a.313.313 0 0 1-.22-.534l.663-.663a.313.313 0 0 1 .442.442l-.664.663a.311.311 0 0 1-.22.091Zm3.314 1.375a.313.313 0 0 1-.313-.312v-.938a.312.312 0 1 1 .625 0v.938a.312.312 0 0 1-.312.312Zm3.314-1.37a.311.311 0 0 1-.22-.091l-.663-.663a.312.312 0 1 1 .441-.441l.663.662a.312.312 0 0 1-.22.534Zm1.377-3.311h-.938a.313.313 0 1 1 0-.625h.938a.313.313 0 1 1 0 .625Zm-2.033-2.651a.313.313 0 0 1-.221-.534l.662-.663a.313.313 0 0 1 .443.442l-.663.663a.31.31 0 0 1-.221.092Z"/>
</svg>

Cold warning2#

⇧ top

QWeather Icon Code: 2129

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2129"></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-2129" viewBox="0 0 16 16">
  <path d="M8.313.313a.312.312 0 1 0-.625 0v.808L7.284.717a.312.312 0 1 0-.442.441l.846.846v1.147a1.873 1.873 0 0 0-1.134.655.32.32 0 0 0-.022-.014l-.97-.56-.31-1.156a.312.312 0 1 0-.603.162l.148.552-.7-.404a.313.313 0 0 0-.313.54l.7.405-.552.148a.313.313 0 0 0 .162.603l1.156-.31.97.561a.319.319 0 0 0 .023.012 1.871 1.871 0 0 0 0 1.31.32.32 0 0 0-.023.012l-.97.56-1.156-.31a.312.312 0 1 0-.162.604l.552.148-.7.404a.312.312 0 1 0 .313.541l.7-.404-.148.552a.312.312 0 0 0 .603.162l.31-1.156.97-.56a.316.316 0 0 0 .022-.014c.282.34.68.58 1.135.655a.318.318 0 0 0-.001.026v1.12l-.846.847a.312.312 0 1 0 .442.441l.404-.404v.809a.312.312 0 1 0 .625 0v-.809l.404.404a.312.312 0 1 0 .442-.441l-.846-.846V6.875c0-.009 0-.017-.002-.026a1.873 1.873 0 0 0 1.135-.655l.022.014.97.56.31 1.156a.312.312 0 1 0 .603-.162l-.148-.552.7.404a.313.313 0 0 0 .313-.54l-.7-.405.552-.148a.313.313 0 0 0-.162-.603l-1.155.31-.97-.561a.317.317 0 0 0-.024-.012 1.871 1.871 0 0 0 0-1.31.313.313 0 0 0 .023-.012l.97-.56 1.156.31a.312.312 0 1 0 .162-.604l-.552-.148.7-.404a.312.312 0 1 0-.313-.541l-.7.404.148-.552a.312.312 0 0 0-.603-.162l-.31 1.156-.97.56a.324.324 0 0 0-.022.014 1.87 1.87 0 0 0-1.134-.655V2.005l.847-.847a.312.312 0 1 0-.442-.441l-.404.404V.313Zm-5.63 10.692-.832-.555L.69 12.191l1 2-.839 1.259.832.555 1.161-1.742-1-2 .839-1.258Zm4.154 0-.832-.555-1.161 1.741 1 2-.84 1.259.833.555 1.16-1.742-1-2 .84-1.258Zm3.322-.555.832.555-.84 1.258 1 2-1.16 1.742-.832-.555.839-1.259-1-2 1.16-1.741Zm4.986.555-.832-.555-1.161 1.741 1 2-.84 1.259.833.555 1.16-1.742-1-2 .84-1.258Z"/>
</svg>

Frost4#

⇧ top

QWeather Icon Code: 2130

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2130"></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-2130" viewBox="0 0 16 16">
  <path d="M8.375.375a.375.375 0 1 0-.75 0v.97L7.14.86a.375.375 0 1 0-.53.53l1.015 1.015V3.75l.001.03a2.248 2.248 0 0 0-1.36.787.378.378 0 0 0-.027-.017l-1.165-.672-.371-1.387a.375.375 0 1 0-.725.194l.178.663-.84-.485a.375.375 0 1 0-.375.65l.84.484-.662.178a.375.375 0 0 0 .194.724l1.386-.372 1.165.673a.38.38 0 0 0 .027.014 2.245 2.245 0 0 0 0 1.572.377.377 0 0 0-.027.014l-1.165.673L3.313 7.1a.375.375 0 1 0-.194.724l.662.178-.84.485a.375.375 0 1 0 .375.65l.84-.486-.178.663a.375.375 0 0 0 .725.194l.371-1.387L6.24 7.45a.382.382 0 0 0 .026-.017c.338.408.816.695 1.361.786a.38.38 0 0 0 0 .031v1.345L6.61 10.61a.375.375 0 0 0 .53.53l.485-.485v.97a.375.375 0 0 0 .75 0v-.97l.485.485a.375.375 0 0 0 .53-.53L8.375 9.595V8.25l-.001-.03a2.248 2.248 0 0 0 1.36-.787.383.383 0 0 0 .027.017l1.165.672.371 1.387a.375.375 0 0 0 .725-.194l-.178-.663.84.485a.375.375 0 1 0 .375-.65l-.84-.484.663-.178a.375.375 0 0 0-.195-.724l-1.386.372-1.165-.673a.364.364 0 0 0-.027-.014 2.246 2.246 0 0 0 0-1.572.364.364 0 0 0 .027-.014l1.165-.673 1.386.372a.375.375 0 0 0 .195-.724l-.663-.178.84-.485a.375.375 0 0 0-.375-.65l-.84.486.178-.663a.375.375 0 1 0-.725-.194l-.371 1.387-1.165.672a.378.378 0 0 0-.026.017 2.248 2.248 0 0 0-1.361-.786l.001-.031V2.405L9.39 1.39a.375.375 0 0 0-.53-.53l-.485.485v-.97ZM2.5 13a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1h-11Zm-2 2a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1H.5Z"/>
</svg>

Drought2#

⇧ top

QWeather Icon Code: 2131

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2131"></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-2131" viewBox="0 0 16 16">
  <path d="M2.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.054Zm.97-5.051a1.687 1.687 0 1 0 0 3.374 1.687 1.687 0 0 0 0-3.375Zm.001-.374A.188.188 0 0 1 2.816.75V.19a.187.187 0 0 1 .375 0v.56a.187.187 0 0 1-.188.188Zm-1.59.657a.187.187 0 0 1-.133-.056l-.398-.397a.187.187 0 0 1 .265-.265l.399.397a.188.188 0 0 1-.133.32ZM.75 3.185H.19a.188.188 0 0 1 0-.375h.56a.188.188 0 1 1 0 .375Zm.26 1.988a.188.188 0 0 1-.133-.32l.398-.397a.188.188 0 0 1 .265.265l-.398.397a.187.187 0 0 1-.132.055ZM2.998 6a.188.188 0 0 1-.187-.188V5.25a.187.187 0 1 1 .375 0v.562A.187.187 0 0 1 2.998 6Zm1.99-.822a.187.187 0 0 1-.133-.055l-.398-.397a.188.188 0 1 1 .265-.266l.398.398a.187.187 0 0 1-.133.32Zm.826-1.987H5.25a.188.188 0 1 1 0-.375h.563a.188.188 0 1 1 0 .375ZM4.594 1.6a.188.188 0 0 1-.133-.32l.397-.398a.188.188 0 0 1 .266.265l-.398.397a.187.187 0 0 1-.132.055Z"/>
</svg>

Forest fire2#

⇧ top

QWeather Icon Code: 2132

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2132"></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-2132" viewBox="0 0 16 16">
  <path d="M9.311 6.955a.086.086 0 0 0 .068-.14L5.66 2.034a.086.086 0 0 0-.135 0l-3.72 4.783a.086.086 0 0 0 .068.139h1.394c.07 0 .111.08.069.138l-2.378 3.17a.086.086 0 0 0 .069.137h2.122c.075 0 .114.088.065.144l-3.191 3.59a.086.086 0 0 0 .064.143h4.127c.048 0 .086.039.086.086v1.55c0 .048.039.087.087.087h2.412a.086.086 0 0 0 .086-.086v-1.55c0-.048.038-.087.086-.087h4.127a.086.086 0 0 0 .064-.143l-3.19-3.59a.086.086 0 0 1 .064-.144h2.122a.086.086 0 0 0 .07-.137L7.85 7.094a.086.086 0 0 1 .069-.138H9.31ZM14.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 4-.5-.5-.6-1.5-.6-1.5-.6.3-.9 1.1-.9 1.8C10 5.9 11.3 7 12.8 7c1.5 0 2.7-1.2 2.7-2.7 0-1.1-.6-1.4-.6-2.8Z"/>
</svg>

Heavy snow warning2#

⇧ top

QWeather Icon Code: 2133

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2133"></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-2133" viewBox="0 0 16 16">
  <path d="M8.501 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 0 0 .351-.606L9.201 1.5l.47-.272a.35.35 0 1 0-.35-.606l-.47.272V.35a.35.35 0 0 0-.35-.35Zm4.417 2.583a.583.583 0 0 1 1.167 0v.907l.785-.454a.583.583 0 1 1 .583 1.01l-.785.454.785.453a.583.583 0 0 1-.583 1.01l-.785-.453v.907a.583.583 0 0 1-1.167 0V5.51l-.784.454a.583.583 0 0 1-.584-1.01l.785-.454-.785-.453a.583.583 0 1 1 .583-1.01l.785.453v-.907Zm-11 2a.583.583 0 0 1 1.167 0v.907l.785-.454a.583.583 0 1 1 .583 1.01l-.785.454.785.453a.583.583 0 0 1-.583 1.01l-.785-.453v.907a.583.583 0 0 1-1.167 0V7.51l-.785.454a.583.583 0 0 1-.583-1.01l.785-.454-.785-.453a.583.583 0 0 1 .583-1.01l.785.453v-.907ZM9.25 8.25a.25.25 0 1 0-.5 0v.646l-.323-.323a.25.25 0 1 0-.354.354l.677.677v.916a1.502 1.502 0 0 0-.906.525.26.26 0 0 0-.018-.011l-.776-.449-.248-.924a.25.25 0 1 0-.483.13l.118.44-.56-.323a.25.25 0 0 0-.25.434l.56.323-.441.118a.25.25 0 0 0 .13.483l.924-.248.776.448a.269.269 0 0 0 .018.01 1.497 1.497 0 0 0 0 1.048.271.271 0 0 0-.018.01l-.776.448-.925-.248a.25.25 0 0 0-.13.483l.442.118-.56.323a.25.25 0 1 0 .25.434l.56-.324-.118.442a.25.25 0 1 0 .483.13l.248-.925.776-.448.01-.006.008-.006c.225.272.544.464.907.524v.917l-.678.677a.25.25 0 0 0 .354.354l.323-.323v.646a.25.25 0 1 0 .5 0v-.646l.323.323a.25.25 0 0 0 .354-.354l-.677-.677v-.916a1.5 1.5 0 0 0 .906-.525.262.262 0 0 0 .018.011l.776.449.248.924a.25.25 0 1 0 .483-.13l-.118-.44.56.322a.25.25 0 0 0 .25-.432l-.56-.324.441-.118a.25.25 0 0 0-.13-.483l-.924.248-.776-.448a.241.241 0 0 0-.018-.01 1.497 1.497 0 0 0 0-1.048.241.241 0 0 0 .018-.01l.777-.448.924.248a.25.25 0 0 0 .13-.483l-.442-.118.56-.323a.25.25 0 1 0-.25-.434l-.56.324.118-.442a.25.25 0 1 0-.483-.13l-.248.925-.776.448a.228.228 0 0 0-.018.012 1.499 1.499 0 0 0-.907-.524l.001-.021v-.896l.677-.677a.25.25 0 1 0-.354-.354l-.323.323V8.25ZM7.501 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 1 0 .35.606l.47-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 0 0 .351-.606L8.201 5.5l.47-.272a.35.35 0 1 0-.35-.606l-.47.272V4.35a.35.35 0 0 0-.35-.35Z"/>
</svg>

Severely falling temperature2#

⇧ top

QWeather Icon Code: 2134

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2134"></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-2134" 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.5Zm8 2.124L14.334 4 12.5 6.476 10.666 4 10 4.624 12.5 8 15 4.624Z"/>
  <path d="M15 7.624 14.334 7 12.5 9.476 10.666 7 10 7.624 12.5 11 15 7.624Z"/>
  <path d="m14.334 10 .666.624L12.5 14 10 10.624l.666-.624 1.834 2.476L14.334 10Z"/>
</svg>

Rainstorm4#

⇧ top

QWeather Icon Code: 2135

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2135"></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-2135" 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-6.653 5.725a.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.166Zm3 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.166Zm7.854-.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-.153Zm3.146.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-7.486.001c-.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>

Wind2#

⇧ top

QWeather Icon Code: 2150

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2150"></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-2150" 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-.01Zm5.83 8.88c-.03-.301.23-.56.56-.56.33 0 .59.259.56.56l-.253 2.646h-.614l-.253-2.646Zm.982 3.517a.422.422 0 1 1-.844 0 .422.422 0 0 1 .844 0Z"/>
  <path d="M11.244 7.71a.296.296 0 0 1 .512 0L15.96 15a.292.292 0 0 1-.256.438h-8.41A.292.292 0 0 1 7.039 15l4.205-7.291Zm3.8 7.052L11.5 8.617l-3.544 6.145h7.088Z"/>
</svg>

Snow ice2#

⇧ top

QWeather Icon Code: 2151

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2151"></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-2151" viewBox="0 0 16 16">
  <path d="M11.313.313a.312.312 0 1 0-.626 0v.808l-.403-.404a.312.312 0 1 0-.442.441l.845.846v1.121c0 .009 0 .017.002.026a1.873 1.873 0 0 0-1.135.655.32.32 0 0 0-.022-.014l-.97-.56-.31-1.156a.312.312 0 1 0-.603.162l.148.552-.7-.404a.313.313 0 0 0-.313.54l.7.405-.552.148a.313.313 0 0 0 .162.603l1.156-.31.97.561a.319.319 0 0 0 .023.012 1.871 1.871 0 0 0 0 1.31.32.32 0 0 0-.023.012l-.97.56-1.156-.31a.312.312 0 1 0-.162.604l.552.148-.7.404a.312.312 0 1 0 .313.541l.7-.404-.148.552a.312.312 0 0 0 .603.162l.31-1.156.97-.56a.316.316 0 0 0 .022-.014c.282.34.68.58 1.135.655a.313.313 0 0 0-.002.026v1.12l-.845.847a.312.312 0 0 0 .441.441l.405-.404v.809a.313.313 0 0 0 .624 0v-.809l.405.404a.312.312 0 1 0 .441-.441l-.845-.846V6.875c0-.009 0-.017-.002-.026a1.873 1.873 0 0 0 1.135-.655.32.32 0 0 0 .022.014l.97.56.31 1.156a.312.312 0 1 0 .603-.162l-.148-.552.7.404a.313.313 0 0 0 .313-.54l-.7-.405.552-.148a.313.313 0 0 0-.162-.603l-1.155.31-.97-.561a.315.315 0 0 0-.024-.012 1.872 1.872 0 0 0 0-1.31.311.311 0 0 0 .023-.012l.97-.56 1.156.31a.312.312 0 1 0 .162-.604l-.552-.148.7-.404a.312.312 0 1 0-.313-.541l-.7.404.148-.552a.312.312 0 0 0-.603-.162l-.31 1.156-.97.56a.324.324 0 0 0-.022.014 1.87 1.87 0 0 0-1.134-.655V2.005l.847-.847a.312.312 0 1 0-.442-.441l-.405.404V.313ZM3.535 10.467a.467.467 0 1 1 .933 0v.725l.628-.363a.467.467 0 1 1 .467.808L4.935 12l.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-.808L3.068 12l-.628-.363a.467.467 0 0 1 .467-.808l.628.363v-.725Z"/>
  <path d="M7.324 9.872 4.175 8.048a.347.347 0 0 0-.35 0L.675 9.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-.305v-3.648a.352.352 0 0 0-.176-.304Zm-.526 3.75L4 15.241l-2.798-1.62V10.38L4 8.758l2.798 1.621v3.242Z"/>
</svg>

Freeze2#

⇧ top

QWeather Icon Code: 2152

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2152"></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-2152" viewBox="0 0 16 16">
  <path d="M13 6.5H3v3h10v-3Z"/>
  <path d="m10.384.455 5.14 5.154a.705.705 0 0 1 .182.68l-1.889 7.047a.703.703 0 0 1-.497.497l-7.028 1.893a.686.686 0 0 1-.677-.181l-5.14-5.154a.705.705 0 0 1-.18-.679l1.888-7.047a.705.705 0 0 1 .496-.498L9.707.274a.693.693 0 0 1 .677.181ZM6.322 14.263l6.245-1.683 1.678-6.263-4.567-4.58-6.245 1.684-1.678 6.262 4.567 4.58Z"/>
</svg>

Thunderstorms#

⇧ top

QWeather Icon Code: 2153

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2153"></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-2153" viewBox="0 0 16 16">
  <path d="M2.88.721 8.651 0l3.662 6.104-2.039 1.02 2.658 3.188-1.269.634L13.107 16 6.37 10.012l2.059-1.03-4.376-3.28 3.271-1.09L2.88.721Z"/>
</svg>

Fog4#

⇧ top

QWeather Icon Code: 2154

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2154"></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-2154" viewBox="0 0 16 16">
  <path d="M5 3.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5Zm-4 2a.5.5 0 0 1 .5-.5H9a.5.5 0 0 1 0 1H1.5a.5.5 0 0 1-.5-.5Zm5 2a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5ZM2 9a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6A.5.5 0 0 1 2 9Zm3 1.5a.5.5 0 0 1 .5-.5H13a.5.5 0 0 1 0 1H5.5a.5.5 0 0 1-.5-.5Zm-1.5 2A.5.5 0 0 1 4 12h6a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.5-.5Z"/>
</svg>

High temperature3#

⇧ top

QWeather Icon Code: 2155

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2155"></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-2155" viewBox="0 0 16 16">
  <path d="M1.854.146a.5.5 0 1 0-.708.708l2 2a.5.5 0 1 0 .708-.708l-2-2ZM.5 3.5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Zm3.354 2.354a.5.5 0 1 0-.708-.708l-2 2a.5.5 0 1 0 .708.708l2-2ZM14.146.146a.5.5 0 0 1 .708.708l-2 2a.5.5 0 0 1-.708-.708l2-2ZM15.5 3.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1 0-1h3Zm-3.354 2.354a.5.5 0 0 1 .708-.708l2 2a.5.5 0 0 1-.708.708l-2-2ZM8 3a.5.5 0 0 0-.5.5v6.063a2 2 0 1 0 1 0V3.5A.5.5 0 0 0 8 3Z"/>
  <path d="m6.7 8.399-.532.356a3.3 3.3 0 1 0 3.665 0L9.3 8.399V2.5a1.3 1.3 0 0 0-2.6 0v5.899ZM5.5 2.5a2.5 2.5 0 0 1 5 0v5.258a4.5 4.5 0 1 1-5 0V2.5Z"/>
</svg>

Low temperature3#

⇧ top

QWeather Icon Code: 2156

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2156"></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-2156" viewBox="0 0 16 16">
  <path d="m.646 5.707 2 2L3.354 7l-2-2-.708.707ZM3 8.354H0v1h3v-1ZM2.646 10l-2 2 .708.707 2-2L2.646 10Zm12.711-4.293-2 2L12.65 7l2-2 .707.707Zm-2.353 2.647h3v1h-3v-1ZM13.357 10l2 2-.707.707-2-2 .707-.707ZM8 7a.5.5 0 0 0-.5.5v2.063a2 2 0 1 0 1 0V7.5A.5.5 0 0 0 8 7Z"/>
  <path d="m6.7 8.399-.532.356a3.3 3.3 0 1 0 3.665 0L9.3 8.399V2.5a1.3 1.3 0 0 0-2.6 0v5.899ZM5.5 2.5a2.5 2.5 0 0 1 5 0v5.258a4.5 4.5 0 1 1-5 0V2.5Z"/>
</svg>

Coastal event2#

⇧ top

QWeather Icon Code: 2157

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2157"></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-2157" viewBox="0 0 16 16">
  <path d="M3.365 7.477 0 7v9h16v-1.059s-7.605-.09-10-1.641c-1.944-1.259-1.907-4.44-2.176-5.412a.563.563 0 0 0-.46-.41Z"/>
  <path d="m4.909 7.456.867.433a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.034.517a.5.5 0 0 0 .5-.03l1.018-.679a.5.5 0 0 1 .554.832l-1.017.678a1.5 1.5 0 0 1-1.503.094l-1.033-.517a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0L8.224 8.23a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-.263-.132a43.765 43.765 0 0 1-.089-.676c-.024-.19-.046-.364-.068-.52Zm.419 2.609.448.224a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.034.517a.5.5 0 0 0 .5-.03l1.018-.679a.5.5 0 1 1 .554.832l-1.017.678a1.5 1.5 0 0 1-1.503.094l-1.033-.517a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-.935.135 7.892 7.892 0 0 1-.408-1.254ZM6.5 12.55l.83-.414a1.5 1.5 0 0 1 1.34 0l1.106.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.034.517a.5.5 0 0 0 .5-.03l1.018-.679a.5.5 0 1 1 .554.832l-1.017.678a1.5 1.5 0 0 1-1.503.094l-1.033-.517a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-.404.202a3.16 3.16 0 0 1-.872-.682ZM7.801.552a.23.23 0 0 1 .398 0l3.27 5.67a.227.227 0 0 1-.198.34H4.729a.227.227 0 0 1-.198-.34L7.8.553Zm.744 1.876c.028-.247-.224-.46-.545-.46-.32 0-.573.213-.545.46l.247 2.166h.596l.247-2.166Zm-.986 3.04a.438.438 0 1 0 .875 0 .438.438 0 0 0-.875 0Z"/>
</svg>

Forest fire3#

⇧ top

QWeather Icon Code: 2158

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2158"></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-2158" 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>

Avalanches2#

⇧ top

QWeather Icon Code: 2159

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2159"></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-2159" viewBox="0 0 16 16">
  <path d="M16 13.756 3.96 4.333 0 8.293V16h16v-2.244ZM10 2.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z"/>
  <path d="M11 6.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm3 4.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
</svg>

Rain warning2#

⇧ top

QWeather Icon Code: 2160

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2160"></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-2160" viewBox="0 0 16 16">
  <path d="M2.068 5.982a2 2 0 0 1 .2-1.518C2.768 3.598 4.625 2.604 6 2c.165 1.492.232 3.598-.268 4.464a2 2 0 0 1-3.664-.482Zm.034 6.991a3 3 0 0 1 .3-2.277C3.152 9.397 5.937 7.905 8 7c.248 2.239.348 5.397-.402 6.696a3 3 0 0 1-5.496-.723Zm9.166-6.509a2 2 0 1 0 3.464 2c.5-.866.433-2.972.268-4.464-1.375.603-3.232 1.598-3.732 2.464Z"/>
</svg>

Flood2#

⇧ top

QWeather Icon Code: 2161

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2161"></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-2161" 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.76.782a.393.393 0 0 1 .48 0l5.2 3.982c.307.236.144.736-.24.736H12v6.006a25.946 25.946 0 0 0-1.186.001c-1.174.025-2.072.274-2.922.51l-.012.003c-.852.236-1.657.458-2.713.48-.426.01-.808.01-1.167 0v-7H2.8c-.384 0-.547-.5-.24-.736L7.76.782Zm-.843 7.133a.4.4 0 0 0-.4.4v2.4a.4.4 0 0 0 .4.4h2.4a.4.4 0 0 0 .4-.4v-2.4a.4.4 0 0 0-.4-.4h-2.4Z"/>
</svg>

Rain flood2#

⇧ top

QWeather Icon Code: 2162

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2162"></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-2162" 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-.48ZM2.062 3.644a1.83 1.83 0 0 1 .183-1.39C2.703 1.463 4.402.553 5.66 0c.151 1.366.213 3.292-.245 4.085a1.83 1.83 0 0 1-3.353-.441Z"/>
  <path d="M2.087 10.101a2.562 2.562 0 0 1 .256-1.944c.64-1.11 3.02-2.384 4.781-3.157.212 1.912.298 4.61-.343 5.719a2.562 2.562 0 0 1-4.694-.618Zm9.158-5.846a1.83 1.83 0 1 0 3.17 1.83c.458-.793.396-2.72.245-4.085-1.258.552-2.957 1.462-3.415 2.255Z"/>
</svg>

Mudflow2#

⇧ top

QWeather Icon Code: 2163

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2163"></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-2163" viewBox="0 0 16 16">
  <path d="m16 5.857-2.986-4.779L3.066 16H16V5.857ZM8 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM4.5 4l-.5.866.866.5.5-.866L4.5 4ZM2.414 6 1 7.414l1.414 1.414 1.414-1.414L2.414 6ZM4 11.259 4.966 11l.259.966-.966.259L4 11.259ZM3 13.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM6.5 9a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/>
</svg>

Duststorm warning#

⇧ top

QWeather Icon Code: 2164

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2164"></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-2164" 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>

Freezing rain and icing#

⇧ top

QWeather Icon Code: 2165

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2165"></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-2165" viewBox="0 0 16 16">
  <path d="m1 12 1 1.5L1 16l-1-2.5L1 12Zm4.667 0 1 1.5-1 2.5-1-2.5 1-1.5Zm5.666 1.5-1-1.5-1 1.5 1 2.5 1-2.5ZM15 12l1 1.5-1 2.5-1-2.5 1-1.5ZM7.302 3.7a.7.7 0 0 1 1.4 0v1.088l.942-.544a.7.7 0 1 1 .7 1.212L9.402 6l.942.544a.7.7 0 0 1-.7 1.212l-.942-.544V8.3a.7.7 0 1 1-1.4 0V7.212l-.942.544a.7.7 0 0 1-.7-1.212L6.602 6l-.942-.544a.7.7 0 0 1 .7-1.212l.942.544V3.7Z"/>
  <path d="M12.987 2.807 8.262.071a.52.52 0 0 0-.525 0L3.013 2.807a.529.529 0 0 0-.263.457v5.472c0 .188.1.362.263.457l4.724 2.736a.516.516 0 0 0 .525 0l4.724-2.736a.527.527 0 0 0 .264-.457V3.264a.529.529 0 0 0-.263-.457Zm-.79 5.625L8 10.863 3.802 8.432V3.569L8 1.137l4.198 2.432v4.863Z"/>
</svg>

Other dangers#

⇧ top

QWeather Icon Code: 2166

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2166"></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-2166" viewBox="0 0 16 16">
  <path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm0-1.3A6.7 6.7 0 1 0 8 1.3a6.7 6.7 0 0 0 0 13.4Z"/>
  <path d="M8 3.5c-.733 0-1.31.485-1.245 1.049L7.318 9.5h1.364l.563-4.951C9.31 3.985 8.733 3.5 8 3.5Zm.008 9a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/>
</svg>

Severe thunderstorms#

⇧ top

QWeather Icon Code: 2190

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2190"></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-2190" viewBox="0 0 16 16">
  <path d="M7.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 0ZM.134 12.432a1 1 0 0 1-.1-.759c.13-.483.898-1.204 1.484-1.673.272.7.577 1.708.448 2.19a1 1 0 0 1-1.832.242Zm3 0a1 1 0 0 1-.1-.759c.13-.483.898-1.204 1.484-1.673.272.7.577 1.708.448 2.19a1 1 0 0 1-1.832.242ZM7 13a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm7.497-.202a1 1 0 0 1-.466-.607c-.13-.483.175-1.492.448-2.191.586.47 1.354 1.19 1.484 1.673a1 1 0 0 1-1.466 1.125Zm-3.467-.608a1 1 0 1 0 1.933-.517c-.13-.483-.898-1.204-1.484-1.673-.273.7-.578 1.708-.448 2.19Zm-6.737 3.517A1 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.707ZM1 15a1 1 0 1 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm9.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 15a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Z"/>
</svg>

Damaging winds2#

⇧ top

QWeather Icon Code: 2191

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2191"></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-2191" 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-.01ZM8.288 8l2.852 3.802.905-2.716 3.419 2.28H13.12l-1.723 3.447-3-4-1.415 2.83L4 11.255l.536-.838 1.605.803L8.288 8Z"/>
</svg>

Veld fire conditions2#

⇧ top

QWeather Icon Code: 2192

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2192"></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-2192" 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>

Weather advisory2#

⇧ top

QWeather Icon Code: 2193

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2193"></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-2193" viewBox="0 0 16 16">
  <path d="M12.922 7.717 10 8.5l.783-2.922 2.14 2.14ZM13.86 2.5 16 4.64l-2.892 2.89-2.14-2.14L13.86 2.5Zm.555 1.22-2.228 2.227.366.367 2.229-2.229-.367-.366Z"/>
  <path d="M11.575 11.89A4.986 4.986 0 0 1 7.9 13.5a4.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 3.5c.75 0 1.461.165 2.1.461v1.134a4.001 4.001 0 0 0-5.787 1.85c-.077.183-.3.264-.485.191a2 2 0 1 0 .362 3.54c.166-.107.401-.073.513.09A3.996 3.996 0 0 0 7.9 12.5a3.996 3.996 0 0 0 3.35-1.813c.117-.18.383-.211.555-.083A2 2 0 0 0 14.323 7.5h1.276a3 3 0 0 1-3.66 4.307.335.335 0 0 0-.364.083Z"/>
  <path d="M7.605 6.105c-.326.197-.553.635-.496.997L7.454 9.3h1.078l.358-2.277a.846.846 0 0 0-.408-.853l-.07-.042c-.256-.156-.55-.176-.807-.023ZM8 11a.6.6 0 1 0 0-1.2.6.6 0 0 0 0 1.2Z"/>
</svg>

Thunderstorm6#

⇧ top

QWeather Icon Code: 2200

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2200"></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-2200" viewBox="0 0 16 16">
  <path d="M1.293 2.707A1 1 0 0 1 1 2c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM7.268 4h4.053c.197 0 .316.233.209.411L9.299 7.298a.13.13 0 0 0 .037.175.11.11 0 0 0 .06.017h2.347c.312 0 .473.398.26.641L5.064 16l1.652-6.062a.133.133 0 0 0-.019-.109.119.119 0 0 0-.04-.036.11.11 0 0 0-.053-.014H4.206a.339.339 0 0 1-.176-.05.368.368 0 0 1-.13-.137.4.4 0 0 1-.005-.377l3-4.982A.422.422 0 0 1 7.269 4ZM9 2a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Zm4.293.707A1 1 0 0 1 13 2c0-.5.555-1.395 1-2 .445.605 1 1.5 1 2a1 1 0 0 1-1.707.707ZM5 2a1 1 0 0 0 2 0c0-.5-.555-1.395-1-2-.445.605-1 1.5-1 2Z"/>
</svg>

Squall#

⇧ top

QWeather Icon Code: 2201

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2201"></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-2201" viewBox="0 0 16 16">
  <path d="M2 6h6a1 1 0 1 0-.943-1.333.5.5 0 1 1-.943-.334A2 2 0 1 1 8 7H2a.5.5 0 0 1 0-1Z"/>
  <path d="M11.079 5.375A2.5 2.5 0 0 1 16 6c0 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 9.5A.5.5 0 0 1 3 9h8a2 2 0 1 1-1.886 2.667.5.5 0 1 1 .943-.334A1 1 0 1 0 11 10H3a.5.5 0 0 1-.5-.5Zm0-8.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Zm9 0a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4ZM8 1.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5ZM.5 14a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Zm5.5.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 0 1h-1a.5.5 0 0 1-.5-.5Zm3.5-.5a.5.5 0 0 0 0 1h4a.5.5 0 0 0 0-1h-4Z"/>
</svg>

Air quality#

⇧ top

QWeather Icon Code: 2202

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2202"></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-2202" viewBox="0 0 16 16">
  <path d="M5.118 2.523c.99.75 1.528 1.506 1.749 2.244-.842.577-1.48 1.186-1.945 1.815-.65-.919-1.282-2.028-1.96-3.394-.046-.094.05.183.126.403l.074.215a12.057 12.057 0 0 0 1.53 3.11 5.18 5.18 0 0 0-.646 1.451c-.706-.076-1.495-.504-2.013-1.826-.775-1.978-.525-4.786-.378-6.129.026-.236.152-.057.284.152.274.433.924.746 1.631 1.087.53.255 1.09.525 1.548.872Zm6.9 3.832c-3.232 4.682-5.812 7.397-8.965 9.11-1.01.547-3.059-.4-1.468-.493.94-.055 1.797-.586 2.378-.946l.069-.042c.087-.053.787-.842.821-.94a.442.442 0 0 0-.003-.298C3.828 9.984 4.19 6.98 8.46 4.628c.883-.486 1.923-.811 2.904-1.118 1.312-.41 2.52-.788 3.106-1.474.281-.33.546-.61.53-.19-.094 2.385-.388 7.356-2.24 10.61-2.094 3.674-4.864 2.684-6.034 2.059a.402.402 0 0 1-.094-.65c1.293-1.232 3.311-3.278 4.882-6.483l.182-.356c.19-.365.427-.823.322-.671Z"/>
</svg>

Rainfall#

⇧ top

QWeather Icon Code: 2203

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2203"></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-2203" viewBox="0 0 16 16">
  <path d="M11.34 3.333a1.667 1.667 0 1 0 3.333 0c0-.833-.925-2.325-1.666-3.333-.741 1.008-1.667 2.5-1.667 3.333ZM2.219 9.121A3 3 0 0 1 1.34 7c0-1.5 1.666-4.185 3-6 .7.953 1.493 2.147 2.087 3.283-1.226 1.887-2.37 3.96-2.85 5.618a3 3 0 0 1-1.358-.78Zm5.88-.519c-.057-.362.17-.8.496-.997.256-.153.551-.133.806.023l.07.042a.846.846 0 0 1 .41.853l-.36 2.277H8.444L8.1 8.602ZM9.59 11.9a.6.6 0 1 1-1.2 0 .6.6 0 0 1 1.2 0Z"/>
  <path d="M8.244 3.067C6.348 5.797 4.34 9.28 4.34 11.333a4.667 4.667 0 1 0 9.333 0c0-2.054-2.008-5.536-3.904-8.266A49.186 49.186 0 0 0 9.007 2a49.22 49.22 0 0 0-.763 1.067Zm-2.66 8.266c0-.377.11-.92.364-1.623.248-.689.608-1.46 1.044-2.27a37.761 37.761 0 0 1 2.015-3.285 37.754 37.754 0 0 1 2.015 3.284c.435.811.795 1.582 1.043 2.27.254.704.364 1.247.364 1.624a3.422 3.422 0 1 1-6.845 0Z"/>
</svg>

Fog5#

⇧ top

QWeather Icon Code: 2204

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2204"></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-2204" viewBox="0 0 16 16">
  <path d="M0 3.5A.5.5 0 0 1 .5 3h15a.5.5 0 0 1 0 1H.5a.5.5 0 0 1-.5-.5Zm0 3c0-.276.249-.5.556-.5h8.888c.307 0 .556.224.556.5s-.249.5-.556.5H.556C.249 7 0 6.776 0 6.5ZM6.556 9C6.249 9 6 9.224 6 9.5s.249.5.556.5h8.888c.307 0 .556-.224.556-.5s-.249-.5-.556-.5H6.556ZM11 6.5c0-.276.187-.5.417-.5h4.166c.23 0 .417.224.417.5s-.187.5-.417.5h-4.166c-.23 0-.417-.224-.417-.5ZM.417 9C.187 9 0 9.224 0 9.5s.187.5.417.5h4.166c.23 0 .417-.224.417-.5S4.813 9 4.583 9H.417ZM0 12.5c0-.276.249-.5.556-.5h8.888c.307 0 .556.224.556.5s-.249.5-.556.5H.556C.249 13 0 12.776 0 12.5Zm13.5.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm-1.5-.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm3.5.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
</svg>

Heat#

⇧ top

QWeather Icon Code: 2205

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2205"></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-2205" viewBox="0 0 16 16">
  <path d="M11.5 3a.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.5Zm-2.503.577a.658.658 0 0 1-.92-.516L5.44 1.484A.658.658 0 0 1 6.008.75a.669.669 0 0 1 .734.569l.136 1.077a.658.658 0 0 1-.38.681ZM3.122 4.784a.653.653 0 0 1-.229-.115l-.857-.665a.66.66 0 0 1-.117-.922.658.658 0 0 1 .92-.117l.857.664a.658.658 0 0 1-.574 1.155ZM2.72 6.877a.664.664 0 0 1 .25.433.658.658 0 0 1-.568.734l-1.075.138a.657.657 0 0 1-.166-1.304l1.077-.137c.172-.02.345.03.482.136Zm-.044 4.132.664-.859a.657.657 0 1 1 1.037.804l-.664.859a.65.65 0 0 1-.92.118.66.66 0 0 1-.117-.922Z"/>
  <path d="M6.748 4.068a2.986 2.986 0 0 1 1.743.415l-.388.94a2 2 0 1 0-1.488 3.61l-.387.94a3.001 3.001 0 0 1 .52-5.905Z"/>
</svg>

Wildfire2#

⇧ top

QWeather Icon Code: 2207

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2207"></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-2207" 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>

Wind3#

⇧ top

QWeather Icon Code: 2208

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2208"></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-2208" viewBox="0 0 16 16">
  <path d="M2 6h6a1 1 0 1 0-.943-1.333.5.5 0 1 1-.943-.334A2 2 0 1 1 8 7H2a.5.5 0 0 1 0-1Z"/>
  <path d="M11.079 5.375A2.5 2.5 0 0 1 16 6c0 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 9.5A.5.5 0 0 1 3 9h8a2 2 0 1 1-1.886 2.667.5.5 0 1 1 .943-.334A1 1 0 1 0 11 10H3a.5.5 0 0 1-.5-.5Z"/>
</svg>

Freezing rain warning#

⇧ top

QWeather Icon Code: 2209

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2209"></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-2209" 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.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>

Tornado3#

⇧ top

QWeather Icon Code: 2210

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2210"></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-2210" viewBox="0 0 16 16">
  <path d="M14.619 1.958c.575.42 1.02.937 1.195 1.549a.5.5 0 1 1-.961.275c-.092-.322-.352-.671-.825-1.017-.469-.344-1.111-.656-1.894-.912-1.566-.511-3.624-.773-5.793-.643h-.005c-1.708.087-3.14.454-4.072.953-.467.25-.776.516-.945.765-.158.235-.191.45-.128.664.047.157.183.353.468.56.28.205.673.397 1.162.556.976.316 2.268.478 3.637.393h.002c1.087-.064 1.978-.298 2.545-.598.285-.151.456-.302.542-.426.076-.11.08-.183.062-.249-.014-.045-.066-.136-.227-.253a2.536 2.536 0 0 0-.692-.327c-.6-.195-1.402-.301-2.261-.26-.638.043-1.171.17-1.475.338a.5.5 0 0 1-.486-.874c.496-.275 1.205-.416 1.899-.462h.009c.961-.047 1.89.068 2.623.307.366.119.7.274.97.468.264.192.502.45.6.783v.003c.115.401.018.782-.201 1.097-.21.301-.53.545-.895.738-.733.389-1.775.644-2.954.713-1.475.092-2.894-.08-4.007-.44-.556-.18-1.052-.414-1.443-.699-.387-.282-.706-.642-.837-1.085-.16-.541-.042-1.06.259-1.506.29-.432.751-.793 1.3-1.088C2.894.691 4.482.303 6.285.211c2.274-.135 4.46.136 6.16.691.85.278 1.596.632 2.175 1.056Zm-1.323 3.974a.5.5 0 0 1-.116.697C10.858 8.288 7.814 8.6 5.092 8a.5.5 0 1 1 .216-.976c2.522.556 5.257.245 7.29-1.208a.5.5 0 0 1 .698.117ZM2.979 7.342A.5.5 0 0 0 2 7.146c-.129.64.123 1.21.478 1.651.354.44.847.8 1.326 1.063l.011.006c2.473 1.284 5.65 1.124 8.228.158a.5.5 0 0 0-.35-.937c-2.399.9-5.263 1.007-7.412-.106-.407-.224-.78-.507-1.024-.811-.245-.304-.327-.579-.277-.828Zm10.127 4.42a.5.5 0 0 1-.201.678c-2.168 1.175-4.853 1.278-7.12.203a.5.5 0 1 1 .43-.903c1.971.935 4.32.846 6.213-.18a.5.5 0 0 1 .678.202Zm.48 2.956a.5.5 0 0 0-.549-.836c-.61.4-1.124.629-1.641.727-.516.097-1.073.071-1.781-.096a.5.5 0 0 0-.23.974c.803.188 1.507.235 2.197.104.688-.13 1.325-.428 2.003-.873ZM13.5 9a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-10-5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
</svg>

Blizzard#

⇧ top

QWeather Icon Code: 2211

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2211"></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-2211" viewBox="0 0 16 16">
  <path d="M2.151 10.35a.35.35 0 1 1 .7 0v.544l.471-.272a.35.35 0 1 1 .35.606L3.2 11.5l.47.272a.35.35 0 1 1-.349.606l-.471-.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 0a.35.35 0 1 1 .7 0v.544l.471-.272a.35.35 0 1 1 .35.606L7.2 11.5l.471.272a.35.35 0 1 1-.35.606l-.471-.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-.544ZM1.501 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.471.272a.35.35 0 1 0 .35-.606L2.2 14.5l.47-.272a.35.35 0 1 0-.349-.606l-.471.272v-.544A.35.35 0 0 0 1.5 13Zm3.65.35a.35.35 0 1 1 .7 0v.544l.471-.272a.35.35 0 1 1 .35.606L6.2 14.5l.471.272a.35.35 0 1 1-.35.606l-.471-.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-.544ZM12 10c.104 0 .188.084.188.188v.484l.242-.242a.187.187 0 1 1 .265.265l-.508.508v.687c.272.046.512.19.68.393a.174.174 0 0 1 .014-.008l.582-.336.186-.693a.188.188 0 0 1 .362.097l-.089.33.42-.242a.187.187 0 1 1 .188.325l-.42.242.33.09a.187.187 0 0 1-.096.362l-.694-.186-.582.336a.221.221 0 0 1-.013.007 1.123 1.123 0 0 1 0 .786l.013.007.582.336.694-.186a.188.188 0 0 1 .097.363L14.11 14l.42.243a.187.187 0 1 1-.188.325l-.42-.243.089.331a.187.187 0 1 1-.362.097l-.186-.693-.582-.336a.174.174 0 0 1-.014-.008 1.124 1.124 0 0 1-.68.393v.687l.508.508a.188.188 0 0 1-.265.265l-.242-.242v.485a.187.187 0 1 1-.376 0v-.485l-.242.242a.187.187 0 1 1-.265-.265l.508-.508v-.687a1.124 1.124 0 0 1-.68-.393.184.184 0 0 1-.013.008l-.583.336-.186.693a.188.188 0 0 1-.362-.097l.089-.33-.42.242a.187.187 0 1 1-.187-.325l.42-.242-.332-.09a.187.187 0 1 1 .097-.362l.694.186.582-.336a.196.196 0 0 1 .014-.007 1.12 1.12 0 0 1 0-.786.196.196 0 0 1-.014-.007l-.582-.336-.694.186a.188.188 0 0 1-.097-.363L9.89 12l-.42-.243a.187.187 0 1 1 .188-.325l.42.243-.089-.331a.187.187 0 1 1 .362-.097l.186.693.582.336a.184.184 0 0 1 .014.008c.168-.204.408-.347.68-.393v-.687l-.508-.508a.187.187 0 1 1 .265-.265l.242.242v-.485c0-.103.085-.187.188-.187Zm-4.1 0a4.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>

Weather warning#

⇧ top

QWeather Icon Code: 2212

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2212"></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-2212" viewBox="0 0 16 16">
  <path d="M7.704 5.954c-.245.147-.415.476-.372.747L7.59 8.35h.808l.269-1.708a.635.635 0 0 0-.307-.64l-.053-.031a.57.57 0 0 0-.604-.017ZM8 9.625a.45.45 0 1 0 0-.9.45.45 0 0 0 0 .9Z"/>
  <path d="M7.925 11.5a3.74 3.74 0 0 0 2.756-1.207.252.252 0 0 1 .274-.063 2.25 2.25 0 1 0 .424-4.325.251.251 0 0 1-.256-.114A3.748 3.748 0 0 0 7.925 4a3.748 3.748 0 0 0-3.188 1.774.25.25 0 0 1-.24.114 2.25 2.25 0 1 0 .447 4.377.25.25 0 0 1 .26.065 3.74 3.74 0 0 0 2.721 1.17Zm2.929-2.172c-.13-.096-.329-.073-.417.062a2.998 2.998 0 0 1-2.512 1.36 2.997 2.997 0 0 1-2.472-1.3c-.085-.123-.261-.148-.386-.067a1.5 1.5 0 1 1-.272-2.656c.14.054.307-.006.365-.143a3 3 0 0 1 5.548.044c.06.15.252.212.397.142a1.5 1.5 0 1 1-.251 2.558Z"/>
  <path d="M0 8a8 8 0 1 0 16 0A8 8 0 0 0 0 8Zm14.7 0A6.7 6.7 0 1 1 1.3 8a6.7 6.7 0 0 1 13.4 0Z"/>
</svg>

Winter storm#

⇧ top

QWeather Icon Code: 2213

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2213"></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-2213" viewBox="0 0 16 16">
  <path d="M3.188.188a.187.187 0 1 0-.376 0v.484L2.57.43a.188.188 0 0 0-.265.265l.507.508v.672l.001.015a1.124 1.124 0 0 0-.68.393.192.192 0 0 0-.014-.008l-.582-.336-.186-.693a.188.188 0 0 0-.362.097l.089.33-.42-.242a.187.187 0 1 0-.187.325L.89 2l-.332.088a.187.187 0 1 0 .097.362l.694-.185.582.336a.193.193 0 0 0 .014.007 1.123 1.123 0 0 0 0 .786.195.195 0 0 0-.014.007l-.582.336-.694-.186a.188.188 0 0 0-.097.363L.89 4l-.42.243a.188.188 0 0 0 .188.325l.42-.243-.089.331a.188.188 0 0 0 .362.097l.186-.693.582-.336a.186.186 0 0 0 .014-.008c.168.204.408.347.68.393v.687l-.508.508a.187.187 0 1 0 .265.265l.243-.242v.484a.188.188 0 0 0 .374 0v-.484l.243.242a.187.187 0 1 0 .265-.265l-.507-.508v-.672l-.001-.015c.272-.046.512-.19.68-.393a.187.187 0 0 0 .014.008l.582.336.186.693a.188.188 0 0 0 .362-.097l-.089-.33.42.242a.187.187 0 1 0 .187-.325L5.11 4l.332-.088a.187.187 0 1 0-.097-.362l-.694.185-.582-.336a.196.196 0 0 0-.014-.007 1.123 1.123 0 0 0 0-.786.194.194 0 0 0 .014-.007l.582-.336.694.186a.188.188 0 0 0 .097-.363L5.11 2l.42-.243a.188.188 0 0 0-.188-.325l-.42.243.089-.331a.188.188 0 0 0-.362-.097l-.186.693-.582.336a.187.187 0 0 0-.014.008 1.124 1.124 0 0 0-.68-.393v-.687l.508-.508A.188.188 0 0 0 3.43.43l-.243.242V.187Zm2.937 11.937a.125.125 0 0 0-.25 0v.323l-.162-.161a.125.125 0 0 0-.176.176l.338.339v.448a.13.13 0 0 0 0 .01.75.75 0 0 0-.453.262.183.183 0 0 0-.009-.005l-.388-.224-.124-.463a.125.125 0 1 0-.241.065l.059.22-.28-.16a.125.125 0 0 0-.125.216l.28.161-.221.06a.125.125 0 0 0 .065.241l.462-.124.388.224a.161.161 0 0 0 .01.005.748.748 0 0 0 0 .524.161.161 0 0 0-.01.005l-.388.224-.462-.124a.125.125 0 1 0-.065.241l.22.06-.28.161a.125.125 0 0 0 .126.217l.28-.162-.06.22a.125.125 0 0 0 .242.066l.124-.463.388-.224a.13.13 0 0 0 .009-.005.75.75 0 0 0 .453.262.13.13 0 0 0 0 .01v.448l-.338.339a.125.125 0 0 0 .176.176l.162-.161v.323a.125.125 0 0 0 .25 0v-.323l.162.161a.125.125 0 0 0 .176-.176l-.338-.339v-.448a.13.13 0 0 0 0-.01.75.75 0 0 0 .453-.262.184.184 0 0 0 .01.005l.387.224.124.463a.125.125 0 1 0 .242-.065l-.06-.22.28.16a.125.125 0 0 0 .125-.216l-.28-.161.221-.06a.125.125 0 0 0-.065-.241l-.462.124-.388-.224a.115.115 0 0 0-.009-.005.748.748 0 0 0 0-.524.117.117 0 0 0 .01-.005l.387-.224.462.124a.125.125 0 1 0 .065-.241l-.22-.06.28-.161a.125.125 0 0 0-.126-.217l-.28.162.06-.22a.125.125 0 0 0-.242-.066l-.124.463-.388.224a.184.184 0 0 0-.009.005.75.75 0 0 0-.453-.262.13.13 0 0 0 0-.01v-.448l.338-.339a.125.125 0 0 0-.176-.176l-.162.161v-.323Zm5-11a.125.125 0 1 0-.25 0v.323l-.162-.161a.125.125 0 1 0-.176.176l.338.339v.458a.75.75 0 0 0-.453.262.123.123 0 0 0-.009-.005l-.388-.224L9.9 1.83a.125.125 0 1 0-.241.065l.059.22-.28-.16a.125.125 0 1 0-.125.216l.28.161-.221.06a.125.125 0 1 0 .065.241l.462-.124.388.224a.123.123 0 0 0 .01.005.746.746 0 0 0 0 .524.12.12 0 0 0-.01.005L9.9 3.49l-.462-.124a.125.125 0 1 0-.065.241l.22.06-.28.161a.125.125 0 1 0 .126.217l.28-.162-.06.22a.125.125 0 0 0 .242.066l.124-.463.388-.224a.11.11 0 0 0 .009-.005.75.75 0 0 0 .454.262l-.001.01v.448l-.338.339a.125.125 0 1 0 .176.176l.162-.161v.323a.125.125 0 0 0 .25 0v-.323l.162.161a.125.125 0 1 0 .176-.176l-.338-.339V3.74a.75.75 0 0 0 .453-.262.107.107 0 0 0 .01.005l.387.224.124.463a.125.125 0 0 0 .242-.065l-.06-.22.28.16a.125.125 0 0 0 .125-.216l-.28-.161.221-.06a.125.125 0 0 0-.065-.241l-.462.124-.388-.224a.12.12 0 0 0-.009-.005.749.749 0 0 0 0-.524.12.12 0 0 0 .01-.005l.387-.224.463.124a.125.125 0 0 0 .064-.241l-.22-.06.28-.161a.125.125 0 1 0-.126-.217l-.28.162.06-.22a.125.125 0 0 0-.242-.066l-.124.463-.388.224a.105.105 0 0 0-.009.005.75.75 0 0 0-.453-.262v-.458l.338-.339a.125.125 0 0 0-.176-.176l-.162.161v-.323ZM2 7h6a1 1 0 1 0-.943-1.333.5.5 0 1 1-.943-.334A2 2 0 1 1 8 8H2a.5.5 0 0 1 0-1Z"/>
  <path d="M11.079 6.375A2.5 2.5 0 0 1 16 7c0 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 10.5A.5.5 0 0 1 3 10h8a2 2 0 1 1-1.886 2.667.5.5 0 1 1 .943-.334A1 1 0 1 0 11 11H3a.5.5 0 0 1-.5-.5Z"/>
</svg>

Freezing drizzle#

⇧ top

QWeather Icon Code: 2214

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2214"></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-2214" viewBox="0 0 16 16">
  <path d="M2.724 12.362a.25.25 0 0 0-.448-.224l-1 2a.25.25 0 0 0 .448.224l1-2Zm4 1a.25.25 0 0 0-.447-.224l-1 2a.25.25 0 0 0 .447.224l1-2Zm3.888-.336a.25.25 0 0 1 .112.336l-1 2a.25.25 0 0 1-.447-.224l1-2a.25.25 0 0 1 .335-.112Zm4.112-.664a.25.25 0 0 0-.447-.224l-1 2a.25.25 0 1 0 .447.224l1-2ZM7.302 3.7a.7.7 0 0 1 1.4 0v1.088l.942-.544a.7.7 0 1 1 .7 1.212L9.402 6l.942.544a.7.7 0 0 1-.7 1.212l-.942-.544V8.3a.7.7 0 1 1-1.4 0V7.212l-.942.544a.7.7 0 0 1-.7-1.212L6.602 6l-.942-.544a.7.7 0 0 1 .7-1.212l.942.544V3.7Z"/>
  <path d="M12.987 2.807 8.262.071a.52.52 0 0 0-.525 0L3.013 2.807a.529.529 0 0 0-.263.457v5.472c0 .188.1.362.263.457l4.724 2.736a.516.516 0 0 0 .525 0l4.724-2.736a.527.527 0 0 0 .264-.457V3.264a.529.529 0 0 0-.263-.457Zm-.79 5.625L8 10.863 3.802 8.432V3.569L8 1.137l4.198 2.432v4.863Z"/>
</svg>

Snowfall#

⇧ top

QWeather Icon Code: 2215

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2215"></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-2215" viewBox="0 0 16 16">
  <path d="M8 0c.173 0 .313.14.313.313v.808l.404-.404a.313.313 0 0 1 .442.441l-.846.846v1.121l-.001.026c.454.076.852.315 1.134.655a.322.322 0 0 1 .022-.014l.97-.56.31-1.156a.313.313 0 0 1 .603.162l-.148.552.7-.404a.313.313 0 0 1 .313.54l-.7.405.552.148a.312.312 0 1 1-.162.603l-1.155-.31-.97.561a.313.313 0 0 1-.024.012 1.871 1.871 0 0 1 0 1.31.319.319 0 0 1 .023.012l.97.56 1.156-.31a.312.312 0 1 1 .162.604l-.552.148.7.404a.312.312 0 1 1-.313.541l-.7-.404.148.552a.313.313 0 0 1-.603.162l-.31-1.156-.97-.56a.318.318 0 0 1-.022-.014c-.282.34-.68.58-1.134.655v1.146l.847.847a.312.312 0 1 1-.442.441l-.404-.404v.809a.313.313 0 0 1-.625 0v-.809l-.404.404a.312.312 0 1 1-.442-.441l.846-.846V6.849a1.873 1.873 0 0 1-1.134-.655.318.318 0 0 1-.021.014l-.97.56-.31 1.156a.313.313 0 0 1-.604-.162l.148-.552-.7.404a.312.312 0 1 1-.313-.54l.7-.405-.552-.148a.313.313 0 1 1 .162-.603l1.156.31.97-.561a.316.316 0 0 1 .023-.012 1.871 1.871 0 0 1 0-1.31.319.319 0 0 1-.023-.012l-.97-.56-1.156.31a.313.313 0 0 1-.162-.604l.552-.148-.7-.404a.312.312 0 1 1 .313-.541l.7.404-.148-.552a.313.313 0 0 1 .603-.162l.31 1.156.97.56a.32.32 0 0 1 .022.014c.282-.34.68-.58 1.135-.655a.318.318 0 0 1-.001-.026v-1.12l-.846-.847a.312.312 0 1 1 .442-.441l.404.404V.313C7.688.14 7.828 0 8 0ZM2.502 9a.583.583 0 0 0-.584.583v.907l-.785-.454a.583.583 0 1 0-.583 1.01l.785.454-.785.453a.583.583 0 0 0 .583 1.01l.785-.453v.907a.583.583 0 0 0 1.167 0v-.907l.785.454a.583.583 0 1 0 .583-1.01l-.785-.454.785-.453a.583.583 0 0 0-.583-1.01l-.785.453v-.907A.583.583 0 0 0 2.502 9Zm6.033 3.467a.467.467 0 1 1 .933 0v.725l.628-.363a.467.467 0 1 1 .467.808L9.935 14l.628.363a.467.467 0 1 1-.467.808l-.628-.363v.725a.467.467 0 1 1-.933 0v-.725l-.628.363a.467.467 0 1 1-.467-.808L8.068 14l-.628-.363a.467.467 0 0 1 .467-.808l.628.363v-.725ZM14.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-.35Z"/>
</svg>

Blowing snow#

⇧ top

QWeather Icon Code: 2216

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2216"></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-2216" viewBox="0 0 16 16">
  <path d="M12.5 5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Zm0 2.5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3Zm-.5 3a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5ZM.5 15a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1H.5ZM6.375 2.375a.375.375 0 1 0-.75 0v.97L5.14 2.86a.375.375 0 0 0-.53.53l1.015 1.015V5.75l.001.03a2.248 2.248 0 0 0-1.36.787.378.378 0 0 0-.027-.017l-1.165-.672-.371-1.387a.375.375 0 1 0-.725.194l.178.663-.84-.485a.375.375 0 1 0-.375.65l.84.484-.662.178a.375.375 0 0 0 .194.724l1.386-.372 1.165.673a.38.38 0 0 0 .027.014 2.245 2.245 0 0 0 0 1.572.377.377 0 0 0-.027.014L2.7 9.473 1.313 9.1a.375.375 0 1 0-.194.724l.662.178-.84.485a.375.375 0 0 0 .375.65l.84-.486-.178.663a.375.375 0 1 0 .725.194l.372-1.387 1.164-.672a.382.382 0 0 0 .026-.017c.338.408.816.695 1.361.786a.38.38 0 0 0 0 .031v1.345L4.61 12.61a.375.375 0 0 0 .53.53l.485-.485v.97a.375.375 0 0 0 .75 0v-.97l.485.485a.375.375 0 0 0 .53-.53l-1.015-1.015V10.25l-.001-.03a2.248 2.248 0 0 0 1.36-.787.383.383 0 0 0 .027.017l1.165.672.371 1.387a.375.375 0 1 0 .725-.194l-.178-.663.84.485a.375.375 0 0 0 .375-.65l-.84-.484.663-.178a.375.375 0 0 0-.195-.724l-1.386.372L8.136 8.8a.378.378 0 0 0-.027-.014 2.245 2.245 0 0 0 0-1.572.38.38 0 0 0 .027-.014l1.165-.673 1.386.372a.375.375 0 0 0 .195-.724l-.663-.178.84-.485a.375.375 0 0 0-.375-.65l-.84.486.178-.663a.375.375 0 0 0-.725-.194l-.371 1.387-1.165.672a.378.378 0 0 0-.026.017 2.248 2.248 0 0 0-1.361-.786l.001-.031V4.405L7.39 3.39a.375.375 0 0 0-.53-.53l-.485.485v-.97Z"/>
</svg>

Extreme cold#

⇧ top

QWeather Icon Code: 2217

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2217"></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-2217" 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.281.719a.219.219 0 0 0-.438 0v.565l-.283-.282a.219.219 0 1 0-.309.309l.592.592v.785a.22.22 0 0 0 .001.018 1.31 1.31 0 0 0-.794.458.215.215 0 0 0-.015-.01l-.68-.392-.216-.809a.219.219 0 1 0-.423.113l.104.387-.49-.283a.219.219 0 1 0-.219.379l.49.283-.386.103a.219.219 0 1 0 .113.423l.809-.217.679.392a.22.22 0 0 0 .016.008 1.31 1.31 0 0 0 0 .918.219.219 0 0 0-.016.008l-.68.392-.808-.217a.219.219 0 1 0-.113.423l.386.103-.49.283a.219.219 0 0 0 .219.38l.49-.284-.104.387a.219.219 0 1 0 .423.113l.216-.81.68-.391a.224.224 0 0 0 .015-.01c.197.238.476.405.794.458a.22.22 0 0 0 0 .019v.784l-.593.592A.219.219 0 1 0 3 9.5l.282-.283v.565a.219.219 0 1 0 .438 0v-.565l.283.282a.219.219 0 1 0 .309-.309l-.592-.592v-.784a.22.22 0 0 0-.001-.019 1.31 1.31 0 0 0 .794-.458.22.22 0 0 0 .015.01l.68.392.216.809a.219.219 0 1 0 .423-.113l-.104-.387.49.283a.219.219 0 0 0 .219-.379l-.49-.283.387-.103a.219.219 0 1 0-.114-.423l-.809.217-.679-.392a.219.219 0 0 0-.016-.009 1.31 1.31 0 0 0 0-.916.22.22 0 0 0 .016-.009l.68-.392.808.217a.219.219 0 0 0 .114-.423l-.387-.103.49-.283a.219.219 0 1 0-.219-.38l-.49.284.104-.387a.219.219 0 1 0-.423-.113l-.216.81-.68.391a.222.222 0 0 0-.015.01 1.311 1.311 0 0 0-.794-.458.22.22 0 0 0 0-.019v-.784l.593-.592a.219.219 0 0 0-.31-.31l-.282.283V3.22ZM6.44 1.578 4.559.5l-2.16.929-1.36-.78-.599.773L2.321 2.5l2.16-.929 1.36.78.599-.773Zm0 10L4.559 10.5l-2.16.928-1.36-.779-.599.773L2.321 12.5l2.16-.928 1.36.779.599-.773Z"/>
</svg>

Frost5#

⇧ top

QWeather Icon Code: 2218

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2218"></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-2218" viewBox="0 0 16 16">
  <path d="M9.985 9.75a.187.187 0 1 0 .265-.265L8.187 7.422v.53L9.986 9.75ZM5.75 9.485a.187.187 0 1 0 .265.265l1.797-1.797v-.53L5.75 9.484Zm4.5-6.97a.188.188 0 0 0-.265-.265L8.188 4.047v.53l2.062-2.062ZM6.015 2.25a.187.187 0 1 0-.265.265l2.062 2.063v-.53L6.015 2.25Zm-1.5 1.5a.187.187 0 1 0-.265.265l1.797 1.797h.53L4.516 3.75ZM4.25 7.985a.187.187 0 1 0 .265.265l2.063-2.063h-.53L4.25 7.986Zm7.5-3.97a.188.188 0 0 0-.265-.265L9.422 5.812h.53l1.798-1.797Zm-.265 4.235a.187.187 0 1 0 .265-.265L9.953 6.187h-.53l2.062 2.063Z"/>
  <path d="M13.813 5.813h-2.36L12.5 4.764a.188.188 0 0 0-.265-.265L11 5.735a.185.185 0 0 0-.047.078h-2.5l3.297-3.298a.188.188 0 0 0-.265-.265L8.188 5.547v-2.5A.187.187 0 0 0 8.264 3L9.5 1.765a.187.187 0 1 0-.265-.265L8.188 2.547V.187a.187.187 0 1 0-.375 0v2.36L6.764 1.5a.187.187 0 1 0-.265.265L7.735 3c.022.022.05.038.078.047v2.5L4.515 2.25a.187.187 0 1 0-.265.265l3.297 3.297h-2.47L3.766 4.5a.187.187 0 1 0-.265.265l1.047 1.048h-2.36a.187.187 0 1 0 0 .375h2.36L3.5 7.234a.187.187 0 1 0 .265.265l1.313-1.312h2.47L4.25 9.485a.187.187 0 1 0 .265.265l3.298-3.297v2.5A.187.187 0 0 0 7.734 9L6.5 10.235a.187.187 0 1 0 .265.265l1.048-1.047v2.36a.187.187 0 0 0 .375 0v-2.36L9.235 10.5a.188.188 0 0 0 .265-.265L8.265 9a.187.187 0 0 0-.078-.047v-2.5l3.298 3.297a.187.187 0 1 0 .265-.265L8.453 6.188h2.5a.185.185 0 0 0 .047.077L12.235 7.5a.187.187 0 1 0 .265-.265l-1.047-1.048h2.36a.187.187 0 1 0 0-.375ZM2.5 13a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1h-11Zm-2 2a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1H.5Z"/>
</svg>

Hazardous seas warning#

⇧ top

QWeather Icon Code: 2300

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2300"></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-2300" 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>

Heavy freezing spray warning#

⇧ top

QWeather Icon Code: 2301

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2301"></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-2301" viewBox="0 0 16 16">
  <path d="m.146 11.146 3-3 .708.708-3 3-.708-.708Zm0 4 4.5-4.5.708.707-4.5 4.5-.708-.707Zm4 0 3-3 .708.707-3 3-.708-.707ZM6.288 1.757a.375.375 0 0 0-.53.53l.685.686h-.686a.375.375 0 0 0 0 .75h1.436l.95.951a.381.381 0 0 0 .024.021c-.321.45-.457.991-.407 1.518a.381.381 0 0 0-.03.007l-1.3.348-1.243-.718a.375.375 0 1 0-.375.65l.594.343-.936.25a.375.375 0 0 0 .194.725l.936-.25-.342.593a.375.375 0 0 0 .65.375l.717-1.243 1.299-.348a.38.38 0 0 0 .029-.01 2.245 2.245 0 0 0 1.112 1.112.377.377 0 0 0-.01.03l-.348 1.298-1.243.718a.375.375 0 0 0 .375.65l.594-.343-.251.936a.375.375 0 1 0 .724.194l.251-.936.343.594a.375.375 0 1 0 .65-.376L9.432 9.57l.348-1.3a.38.38 0 0 0 .007-.03 2.248 2.248 0 0 0 1.518-.407.363.363 0 0 0 .02.023l.952.95v1.437a.375.375 0 0 0 .75 0v-.686l.685.686a.375.375 0 0 0 .53-.53l-.685-.686h.686a.375.375 0 0 0 0-.75h-1.436l-.95-.951a.392.392 0 0 0-.024-.021c.321-.45.457-.991.407-1.518a.37.37 0 0 0 .03-.007l1.3-.348 1.243.718a.375.375 0 1 0 .375-.65l-.594-.343.936-.25a.375.375 0 1 0-.194-.725l-.936.25.342-.593a.375.375 0 1 0-.649-.375l-.718 1.243-1.299.348a.363.363 0 0 0-.029.01 2.245 2.245 0 0 0-1.112-1.112.399.399 0 0 0 .01-.03l.348-1.298 1.243-.718a.375.375 0 0 0-.375-.65l-.594.343.251-.936a.375.375 0 1 0-.724-.194l-.251.936L10.5.812a.375.375 0 0 0-.65.375l.718 1.244-.348 1.299a.371.371 0 0 0-.007.03 2.248 2.248 0 0 0-1.518.407.382.382 0 0 0-.02-.023l-.952-.951V1.757a.375.375 0 0 0-.75 0v.686l-.685-.686ZM1.151 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 0 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.47.272a.35.35 0 1 1-.35-.606L.8 5.5l-.47-.272a.35.35 0 0 1 .35-.606l.47.272V4.35Zm9.35 8.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 0 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>

Red flag warning#

⇧ top

QWeather Icon Code: 2302

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2302"></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-2302" viewBox="0 0 16 16">
  <path d="M11.542 6.782c0 .409.064.729.19.961.126.232.3.348.523.348.222 0 .398-.116.527-.348.129-.232.193-.552.193-.961 0-.41-.064-.73-.193-.962-.129-.232-.305-.348-.527-.348-.222 0-.397.116-.523.348-.126.232-.19.553-.19.962ZM3.036 5.718v-1.54h.488c.285 0 .489.059.61.177.122.119.183.316.183.59 0 .276-.062.474-.186.595-.122.119-.324.178-.607.178h-.488Zm5.617-.083c.136.149.206.37.21.662l-1.618.004c.026-.285.109-.505.25-.659a.722.722 0 0 1 .565-.234c.262 0 .46.075.593.227Z"/>
  <path d="M.5 0a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 1 0V9.44c1.05 1.046 2.8 1.419 6.584.539C11.119 9.157 15 11 15 11V2.014c-4.033-1.45-5.997-1.012-9-.34l-.426.095C2.323 2.49 1 1 1 1V.5A.5.5 0 0 0 .5 0Zm12.475 5.252V3H14v5.89h-1.025v-.628c-.11.245-.253.429-.428.553a1.03 1.03 0 0 1-.615.185c-.45 0-.798-.194-1.046-.583-.248-.389-.372-.936-.372-1.643 0-.717.125-1.267.375-1.65.253-.384.613-.576 1.078-.576.21 0 .4.06.566.178.168.116.315.292.442.526ZM4.633 6.38c.077.081.171.24.281.477l.948 2.033H4.724l-.632-1.427a7.013 7.013 0 0 1-.073-.166c-.185-.427-.403-.64-.653-.64h-.33V8.89H2V3.238h1.496c.674 0 1.157.13 1.45.387.294.257.442.676.442 1.256 0 .389-.088.698-.263.928-.176.23-.429.367-.759.412a.497.497 0 0 1 .267.16Zm4.371 2.54c-.248.053-.51.08-.786.08-.658 0-1.161-.19-1.51-.568-.346-.38-.52-.929-.52-1.643 0-.691.168-1.238.502-1.639.335-.401.792-.602 1.37-.602.582 0 1.034.187 1.355.56.323.372.484.895.484 1.571v.451H7.235c.002.333.093.582.273.746.18.164.45.246.808.246.236 0 .47-.037.699-.11.229-.073.469-.19.72-.348v1.018a3.702 3.702 0 0 1-.73.239Z"/>
</svg>

Freeze warning#

⇧ top

QWeather Icon Code: 2303

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2303"></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-2303" viewBox="0 0 16 16">
  <path d="M8.003 4a.933.933 0 0 0-.934.933v1.45l-1.256-.725a.933.933 0 1 0-.933 1.617L6.136 8l-1.256.725a.933.933 0 1 0 .933 1.617l1.256-.725v1.45a.933.933 0 0 0 1.867 0v-1.45l1.256.725a.933.933 0 1 0 .933-1.617L9.87 8l1.256-.725a.933.933 0 1 0-.933-1.617l-1.256.725v-1.45A.933.933 0 0 0 8.003 4Z"/>
  <path d="m10.384.455 5.14 5.154a.705.705 0 0 1 .182.68l-1.889 7.047a.704.704 0 0 1-.497.497l-7.028 1.893a.688.688 0 0 1-.677-.181l-5.14-5.154a.705.705 0 0 1-.18-.679l1.888-7.047a.705.705 0 0 1 .496-.498L9.707.274a.693.693 0 0 1 .677.181ZM6.322 14.263l6.245-1.683 1.678-6.263-4.567-4.58-6.245 1.684-1.678 6.262 4.567 4.58Z"/>
</svg>

Hard freeze warning#

⇧ top

QWeather Icon Code: 2304

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2304"></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-2304" viewBox="0 0 16 16">
  <path d="M7.535 2.467a.467.467 0 0 1 .933 0v.725l.628-.363a.467.467 0 1 1 .467.808L8.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-.808L7.068 4l-.628-.363a.467.467 0 1 1 .467-.808l.628.363v-.725Z"/>
  <path d="M11.325 1.872 8.175.048a.347.347 0 0 0-.35 0l-3.15 1.824a.353.353 0 0 0-.175.304v3.648c0 .126.067.242.176.305l3.148 1.824a.344.344 0 0 0 .351 0l3.149-1.824a.351.351 0 0 0 .176-.305V2.176a.353.353 0 0 0-.175-.304Zm-.526 3.75L8 7.241l-2.798-1.62V2.38L8 .758l2.799 1.621v3.242Zm-7.264 4.845a.467.467 0 1 1 .933 0v.725l.628-.363a.467.467 0 1 1 .467.808L4.935 12l.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-.808L3.068 12l-.628-.363a.467.467 0 0 1 .467-.808l.628.363v-.725Z"/>
  <path d="M7.324 9.872 4.175 8.048a.347.347 0 0 0-.35 0L.675 9.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-.305v-3.648a.352.352 0 0 0-.176-.304Zm-.526 3.75L4 15.241l-2.798-1.62V10.38L4 8.758l2.798 1.621v3.242Zm4.737-3.155a.467.467 0 0 1 .933 0v.725l.628-.363a.467.467 0 1 1 .467.808l-.628.363.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-.808l.628-.363-.628-.363a.467.467 0 0 1 .467-.808l.628.363v-.725Z"/>
  <path d="m15.325 9.872-3.15-1.824a.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-.305v-3.648a.353.353 0 0 0-.175-.304Zm-.526 3.75L12 15.241l-2.799-1.62V10.38L12 8.758l2.799 1.621v3.242Z"/>
</svg>

Extreme cold warning#

⇧ top

QWeather Icon Code: 2305

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2305"></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-2305" 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.5ZM3.719 1.219a.219.219 0 0 0-.438 0v.565l-.283-.282a.219.219 0 1 0-.309.309l.592.592v.784a.22.22 0 0 0 .001.019 1.31 1.31 0 0 0-.794.458.215.215 0 0 0-.015-.01l-.68-.392-.216-.809a.219.219 0 1 0-.423.113l.104.387-.49-.283a.219.219 0 1 0-.219.379l.49.283-.386.103a.219.219 0 1 0 .113.423l.809-.217.679.392a.22.22 0 0 0 .016.008 1.31 1.31 0 0 0 0 .918.219.219 0 0 0-.016.008l-.68.392-.808-.217a.219.219 0 1 0-.113.423l.386.103-.49.283a.219.219 0 0 0 .219.38l.49-.284-.104.387a.219.219 0 1 0 .423.113l.216-.81.68-.391a.224.224 0 0 0 .015-.01c.197.238.476.405.794.458a.22.22 0 0 0 0 .019v.784l-.593.592A.219.219 0 1 0 3 7.5l.282-.283v.565a.219.219 0 1 0 .438 0v-.565l.283.282a.219.219 0 1 0 .309-.309l-.592-.592v-.785a.22.22 0 0 0-.001-.018 1.31 1.31 0 0 0 .794-.458.22.22 0 0 0 .015.01l.68.392.216.809a.219.219 0 1 0 .423-.113l-.104-.387.49.283a.219.219 0 0 0 .219-.379l-.49-.283.387-.103a.219.219 0 1 0-.114-.423l-.809.217-.679-.392a.219.219 0 0 0-.016-.009 1.31 1.31 0 0 0 0-.916.22.22 0 0 0 .016-.009l.68-.392.808.217a.219.219 0 1 0 .114-.423l-.387-.103.49-.283a.219.219 0 1 0-.219-.38l-.49.284.104-.387a.219.219 0 1 0-.423-.113l-.216.81-.68.391a.222.222 0 0 0-.015.01 1.311 1.311 0 0 0-.794-.458.22.22 0 0 0 0-.018v-.785l.593-.592a.219.219 0 0 0-.31-.31l-.282.283V1.22ZM4.76 9l1.74 1.161-.555.832-1.258-.839-1.964.982L.5 10.024l.447-.894 1.777.888L4.76 9Z"/>
  <path d="m4.76 11 1.74 1.161-.555.832-1.258-.839-1.964.982L.5 12.024l.447-.894 1.777.888L4.76 11Z"/>
  <path d="M6.501 14.161 4.76 13l-2.036 1.018-1.777-.888-.447.894 2.224 1.112 1.964-.982 1.258.839.555-.832Z"/>
</svg>

Wind chill warning#

⇧ top

QWeather Icon Code: 2306

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2306"></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-2306" viewBox="0 0 16 16">
  <path d="M6.001 5.16 4.26 4 2.224 5.018.447 4.13 0 5.024l2.224 1.112 1.964-.982 1.258.839.555-.832Z"/>
  <path d="M4.26 6 6 7.16l-.555.833-1.258-.839-1.964.982L0 7.024l.447-.894 1.777.888L4.26 6Z"/>
  <path d="M6.001 9.16 4.26 8 2.224 9.018.447 8.13 0 9.024l2.224 1.112 1.964-.982 1.258.839.555-.832Z"/>
  <path d="M6.001 11.161 4.26 10l-2.036 1.018-1.777-.888-.447.894 2.224 1.112 1.964-.982 1.258.839.555-.832ZM13.5 2.5a2.5 2.5 0 0 0-2.421 1.875.5.5 0 0 0 .968.25A1.5 1.5 0 0 1 15 5c0 .812-.76 1.5-1.5 1.5h-6a.5.5 0 0 0 0 1h6C14.76 7.5 16 6.397 16 5a2.5 2.5 0 0 0-2.5-2.5Zm-6 6a.5.5 0 1 0 0 1h4a1 1 0 1 1-.943 1.333.5.5 0 0 0-.943.334A2 2 0 1 0 11.5 8.5h-4Z"/>
</svg>

Gale warning#

⇧ top

QWeather Icon Code: 2307

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2307"></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-2307" viewBox="0 0 16 16">
  <path d="M1 0H0v16h1v-1l8-3.5L1 8l8-3.5L1 1V0Zm12.17.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-.291L13.17.473Zm-.637 1.608c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

Excessive heat warning#

⇧ top

QWeather Icon Code: 2308

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2308"></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-2308" 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.5ZM3.17 9.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-.291L3.17 9.473Zm-.637 1.608c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

Lake effect snow warning#

⇧ top

QWeather Icon Code: 2309

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2309"></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-2309" 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-.48ZM8.375.375a.375.375 0 1 0-.75 0v.97L7.14.86a.375.375 0 1 0-.53.53l1.015 1.015V3.75l.001.03a2.248 2.248 0 0 0-1.36.787.378.378 0 0 0-.027-.017l-1.165-.672-.371-1.387a.375.375 0 1 0-.725.194l.178.663-.84-.485a.375.375 0 1 0-.375.65l.84.484-.662.178a.375.375 0 0 0 .194.724l1.386-.372 1.165.673a.38.38 0 0 0 .027.014 2.245 2.245 0 0 0 0 1.572.377.377 0 0 0-.027.014l-1.165.673L3.313 7.1a.375.375 0 1 0-.194.724l.662.178-.84.485a.375.375 0 1 0 .375.65l.84-.486-.178.663a.375.375 0 0 0 .725.194l.371-1.387L6.24 7.45a.382.382 0 0 0 .026-.017c.338.408.816.695 1.361.786a.38.38 0 0 0 0 .031v1.345L6.61 10.61a.375.375 0 0 0 .53.53l.485-.485v.97a.375.375 0 0 0 .75 0v-.97l.485.485a.375.375 0 0 0 .53-.53L8.375 9.595V8.25l-.001-.03a2.248 2.248 0 0 0 1.36-.787.383.383 0 0 0 .027.017l1.165.672.371 1.387a.375.375 0 0 0 .725-.194l-.178-.663.84.485a.375.375 0 1 0 .375-.65l-.84-.484.663-.178a.375.375 0 0 0-.195-.724l-1.386.372-1.165-.673a.364.364 0 0 0-.027-.014 2.246 2.246 0 0 0 0-1.572.364.364 0 0 0 .027-.014l1.165-.673 1.386.372a.375.375 0 0 0 .195-.724l-.663-.178.84-.485a.375.375 0 0 0-.375-.65l-.84.486.178-.663a.375.375 0 1 0-.725-.194l-.371 1.387-1.165.672a.378.378 0 0 0-.026.017 2.248 2.248 0 0 0-1.361-.786l.001-.031V2.405L9.39 1.39a.375.375 0 0 0-.53-.53l-.485.485v-.97Z"/>
</svg>

Blowing dust warning#

⇧ top

QWeather Icon Code: 2311

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2311"></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-2311" viewBox="0 0 16 16">
  <path d="M1 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm5.7 0a.9.9 0 1 1 0-1.8.9.9 0 0 1 0 1.8Zm1.9-.7a.7.7 0 1 0 1.4 0 .7.7 0 0 0-1.4 0Zm3 .7a.6.6 0 1 1 0-1.2.6.6 0 0 1 0 1.2Zm1.6-.5a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0Zm2 3.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-5.7 0a.9.9 0 1 0 0-1.8.9.9 0 0 0 0 1.8Zm-1.9-.7a.7.7 0 1 1-1.4 0 .7.7 0 0 1 1.4 0Zm-3 .7a.6.6 0 1 0 0-1.2.6.6 0 0 0 0 1.2Zm-2.1 0a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm10.7-.9a.9.9 0 1 1-1.8 0 .9.9 0 0 1 1.8 0ZM3 12.1a.9.9 0 1 0 1.8 0 .9.9 0 0 0-1.8 0Zm11.466-7.345a4.243 4.243 0 0 0-.836-3.122A4.106 4.106 0 0 0 10.866.028c-1.888-.243-3.62 1.12-3.86 3.039a2.945 2.945 0 0 0 .58 2.164A2.852 2.852 0 0 0 9.5 6.342a.617.617 0 0 0 .69-.54.624.624 0 0 0-.534-.7 1.639 1.639 0 0 1-1.098-.638 1.695 1.695 0 0 1-.333-1.241c.156-1.234 1.27-2.111 2.484-1.955.775.1 1.467.502 1.945 1.13.48.627.69 1.409.589 2.197a4.544 4.544 0 0 1-2.22 3.282c-1.998 1.159-4.994.916-8.662-.702a.613.613 0 0 0-.81.326.629.629 0 0 0 .319.823c1.051.463 2.014.804 2.895 1.044 3.393.922 5.567.353 6.868-.4 1.83-1.059 2.665-2.872 2.832-4.213Z"/>
  <path d="M3.17.473a.197.197 0 0 0-.34 0L.026 5.333c-.075.13.02.292.17.292h5.607a.194.194 0 0 0 .17-.291L3.17.473Zm-.637 1.608c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

Dust storm warning#

⇧ top

QWeather Icon Code: 2312

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2312"></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-2312" viewBox="0 0 16 16">
  <path d="M8.004 7.574c-1.59 0-3.093-.255-4.228-.714C2.535 6.356 1.85 5.644 1.85 4.857c0-.789.685-1.501 1.926-2.003 1.136-.461 2.637-.714 4.228-.714 1.59 0 3.092.254 4.227.714 1.241.504 1.926 1.216 1.926 2.003 0 .789-.685 1.5-1.926 2.003-.893.36-2.01.595-3.22.679a10.34 10.34 0 0 1-1.007.035Zm5.408-2.719c0-.451-.546-.94-1.461-1.312-1.05-.425-2.451-.659-3.947-.659-1.498 0-2.9.234-3.948.66-.913.37-1.46.86-1.46 1.311 0 .451.545.941 1.46 1.312 1.048.426 2.45.66 3.948.66.316 0 .627-.011.932-.031a6.71 6.71 0 0 0 1.63-.318c.655-.232.798-.47.798-.543 0-.072-.144-.31-.799-.542-.637-.226-1.49-.349-2.405-.349a.372.372 0 1 1 0-.746c.997 0 1.94.14 2.653.392 1.072.38 1.296.888 1.296 1.247a.851.851 0 0 1-.017.17c.828-.362 1.32-.824 1.32-1.252ZM7.098 15.086c.515.267 1.192.412 1.906.412.713 0 1.388-.145 1.905-.412.594-.306.92-.741.92-1.226a.372.372 0 1 0-.745 0c0 .186-.194.397-.517.563-.405.21-.975.33-1.563.33-.59 0-1.159-.12-1.564-.33-.323-.166-.516-.377-.516-.563a.372.372 0 1 0-.746 0c0 .483.326.92.92 1.226Zm.906-2.098c-1.002 0-1.95-.16-2.67-.453-.825-.334-1.28-.822-1.28-1.37a.372.372 0 1 1 .746 0c0 .212.32.48.815.68.632.255 1.48.396 2.389.396.908 0 1.756-.14 2.388-.397.495-.2.815-.467.815-.68a.372.372 0 1 1 .745 0c0 .549-.454 1.037-1.28 1.371-.72.293-1.667.453-2.668.453ZM3.919 9.953c.83.336 1.926.521 3.085.521 1.158 0 2.254-.184 3.081-.521.938-.38 1.453-.928 1.453-1.54a.372.372 0 1 0-.746 0c0 .276-.379.6-.987.847-.742.3-1.737.467-2.803.467-1.064 0-2.06-.166-2.803-.467-.61-.246-.987-.571-.987-.848a.372.372 0 1 0-.746 0c0 .614.517 1.162 1.453 1.54ZM4.5 1a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm10 2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
  <path d="M6.5 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM14 7.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM11.5.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm1.25 9.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM2 7.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm.75-5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"/>
</svg>

Storm warning2#

⇧ top

QWeather Icon Code: 2313

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2313"></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-2313" viewBox="0 0 16 16">
  <path d="M13.17 10.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-.291l-2.803-4.861Zm-.637 1.608c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM1 0H0v16h1V7.752c.75.836 2 1.135 4.703.431C8.228 7.525 11 9 11 9V1.81C8.12.65 6.717 1.003 4.57 1.54l-.303.075C1.945 2.193 1 1 1 1V0Zm3 3 4-.5v4L4 7V3Z"/>
</svg>

Tropical storm warning#

⇧ top

QWeather Icon Code: 2314

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2314"></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-2314" viewBox="0 0 16 16">
  <path d="M7.502 6.42C7.476 6.193 7.707 6 8 6c.293 0 .524.194.498.42L8.273 8.4h-.546l-.225-1.98Zm.901 2.78a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0Z"/>
  <path d="M7.45 2.615A4.11 4.11 0 0 1 10.84.828c.441 0 .857.088 1.256.217a6.446 6.446 0 0 0-6.167.535A6.564 6.564 0 0 0 3.77 3.959a6.643 6.643 0 0 0-.655 1.83 4.216 4.216 0 0 1-.354-2.318 4.23 4.23 0 0 1 .519-1.546 4.13 4.13 0 0 1 .814-.99 6.576 6.576 0 0 0-2.02 2.5 6.66 6.66 0 0 0 .352 6.252 6.6 6.6 0 0 0 1.239 1.488 4.095 4.095 0 0 1-2.16-.85A4.17 4.17 0 0 1 .442 9.099 4.144 4.144 0 0 1 0 7.89a6.64 6.64 0 0 0 1.13 3.02 6.538 6.538 0 0 0 2.41 2.116 6.45 6.45 0 0 0 5.009.361 4.11 4.11 0 0 1-3.388 1.786 4.04 4.04 0 0 1-1.256-.218 6.446 6.446 0 0 0 6.166-.535 6.564 6.564 0 0 0 2.159-2.38 6.643 6.643 0 0 0 .654-1.83 4.223 4.223 0 0 1-.164 3.865 4.132 4.132 0 0 1-.814.991 6.576 6.576 0 0 0 2.021-2.5 6.66 6.66 0 0 0-.352-6.253 6.571 6.571 0 0 0-1.238-1.487 4.088 4.088 0 0 1 2.158.849c.43.334.792.752 1.063 1.227.221.387.354.796.442 1.21a6.64 6.64 0 0 0-1.13-3.021 6.537 6.537 0 0 0-2.41-2.116 6.45 6.45 0 0 0-5.01-.36Zm.38 2.358a.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 4.973Z"/>
</svg>

High wind warning#

⇧ top

QWeather Icon Code: 2315

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2315"></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-2315" viewBox="0 0 16 16">
  <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 0ZM2.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-.01Z"/>
</svg>

High surf warning#

⇧ top

QWeather Icon Code: 2316

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2316"></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-2316" viewBox="0 0 16 16">
  <path d="M15.734 11.961a.39.39 0 0 0-.495.245c-.188.553-.535.822-1.063.822-.51 0-.98-.373-1.169-.929a.39.39 0 0 0-.377-.265h-.005a.39.39 0 0 0-.372.265c-.188.556-.658.929-1.169.929s-.981-.373-1.17-.929a.39.39 0 0 0-.377-.265h-.004a.39.39 0 0 0-.372.265c-.188.556-.658.929-1.17.929-.398 0-.771-.228-1.006-.592a.398.398 0 0 0-.02-.049c-.735-1.445-.727-2.796-.32-3.864.005-.01.012-.021.017-.033.001-.004.15-.344.439-.617.341-.324.717-.408 1.148-.256.392.138.502.343.555.442.126.236.3.269.424.255a.404.404 0 0 0 .342-.295c.14-.43.185-1.215-.337-1.787.734-.116 1.555.071 2.314.808l.006.006c.059.055.27.225.535.142.236-.074.366-.314.325-.597l-.003-.02-.005-.02a5.252 5.252 0 0 0-1.219-2.113c-.854-.898-2.427-1.844-5.072-1.256-1.295.288-2.426.952-3.361 1.973-.737.804-1.342 1.834-1.829 3.049-.922 2.302-.94 4.196-.92 4.253.295.872.935 1.353 1.803 1.353.603 0 1.165-.298 1.546-.784.38.486.943.784 1.546.784.603 0 1.166-.298 1.546-.784.381.486.944.784 1.547.784.602 0 1.165-.298 1.546-.784.38.486.943.784 1.546.784.603 0 1.165-.298 1.546-.784.381.486.943.784 1.546.784.868 0 1.508-.48 1.803-1.353a.391.391 0 0 0-.245-.496Zm-6.926-4.95a2.132 2.132 0 0 0-.843-.245c.118-.085.244-.163.377-.233a.89.89 0 0 1 .466.477Zm-3.909 6.017c-.511 0-.981-.373-1.169-.929a.39.39 0 0 0-.377-.265h-.005a.39.39 0 0 0-.372.265c-.188.556-.658.929-1.17.929-.509 0-.85-.252-1.041-.767.008-.107.148-1.88.888-3.772.998-2.554 2.556-4.082 4.63-4.543C8.109 3.54 9.56 3.88 10.6 4.955c.29.3.507.619.667.903-1.193-.67-2.599-.581-3.789.296a4.59 4.59 0 0 0-1.531 2.021l-.004.008-.004.012c-.088.226-.16.459-.216.7-.247 1.076-.141 2.212.304 3.315-.21.493-.65.818-1.127.818Z"/>
  <path d="M13.642 6.394a.164.164 0 0 0-.284 0l-2.336 4.05a.162.162 0 0 0 .142.243h4.672a.162.162 0 0 0 .142-.242l-2.336-4.05Zm-.531 1.34c-.02-.176.16-.328.389-.328.23 0 .41.152.39.328l-.177 1.547h-.426l-.176-1.547Zm.704 2.172a.313.313 0 1 1-.625 0 .313.313 0 0 1 .625 0Zm1.92 4.221a.39.39 0 0 0-.496.245c-.187.552-.534.82-1.06.82-.511 0-.98-.372-1.168-.927a.39.39 0 0 0-.372-.265h-.011a.39.39 0 0 0-.371.265c-.188.555-.657.927-1.168.927-.51 0-.98-.372-1.168-.927a.39.39 0 0 0-.37-.265h-.012a.39.39 0 0 0-.371.265c-.188.555-.657.927-1.168.927-.51 0-.98-.372-1.168-.927A.39.39 0 0 0 6.461 14H6.45a.39.39 0 0 0-.371.265c-.188.555-.657.927-1.168.927-.51 0-.98-.372-1.168-.927A.39.39 0 0 0 3.372 14H3.36a.39.39 0 0 0-.371.265c-.188.555-.658.927-1.168.927-.527 0-.874-.268-1.061-.82a.39.39 0 1 0-.74.25c.295.872.934 1.352 1.8 1.352.603 0 1.165-.298 1.545-.783.38.485.943.783 1.545.783s1.164-.298 1.544-.783c.38.485.943.783 1.545.783s1.164-.298 1.545-.783c.38.485.942.783 1.544.783.602 0 1.164-.298 1.545-.783.38.485.942.783 1.544.783.867 0 1.506-.48 1.801-1.351a.39.39 0 0 0-.244-.496Z"/>
</svg>

Flood warning#

⇧ top

QWeather Icon Code: 2317

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2317"></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-2317" viewBox="0 0 16 16">
  <path d="M15.427 15.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.377Z"/>
  <path d="M10.453 1.443a.329.329 0 0 0-.549-.147l-6.61 6.616a.324.324 0 0 0 .15.542l3.788 1.015-.917 3.424c.549-.092 1.048-.23 1.565-.373l.012-.003.082-.023.707-2.637 3.789 1.016a.324.324 0 0 0 .4-.396l-2.417-9.034Zm-1.72 2.313c.053-.35.48-.55.922-.432.443.119.712.505.582.835l-1.14 2.898-.824-.22.46-3.081Zm.236 4.561a.625.625 0 1 1-1.207-.324.625.625 0 0 1 1.207.324Z"/>
</svg>

Lakeshore flood warning#

⇧ top

QWeather Icon Code: 2318

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2318"></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-2318" viewBox="0 0 16 16">
  <path d="M6.956 3.479 4.25 0 1.544 3.479h.974L1.09 5.381h1.311L.5 7.52h2.765v1.892c-.868-.091-1.53-.308-2.133-.506l-.16-.047a4.09 4.09 0 0 0-.302-.082L0 8.567v1.943C0 13.522 2.607 16 5.814 16h4.373C13.393 16 16 13.522 16 10.51V9.036l-.514-.13-.05-.012c-1.138-.295-2.46-.638-3.614-.8l.015-1.082H13.5L12.358 5.73h.787l-.856-1.142h.584L11.25 2.5 9.626 4.587h.585L9.354 5.73h.786L9 7.012h1.659V8h-.01c-1.084 0-2.152.364-3.186.716l-.037.013-.04.013c-.712.239-1.44.483-2.183.615l.025-1.836h2.771L6.097 5.38h1.311L5.982 3.479h.974Zm-5.927 7.015v-.6c.789.26 1.75.535 3.104.535 1.307 0 2.48-.397 3.618-.782l.035-.011c.994-.34 1.955-.664 2.864-.664 1.149 0 2.932.453 4.321.81v.712c0 .071-.002.142-.005.213-1.463-.293-2.506-.372-4.152-.34-1.174.024-2.072.26-2.922.482l-.012.003c-.852.223-1.657.432-2.713.453-1.639.033-2.63-.047-4.114-.354a4.313 4.313 0 0 1-.024-.457Zm.255 1.458c1.336.253 2.352.322 3.902.29 1.174-.023 2.072-.258 2.922-.48l.012-.004c.852-.222 1.657-.432 2.713-.453 1.59-.032 2.57.043 3.985.328a4.372 4.372 0 0 1-.602 1.297c-1.105-.18-2.05-.228-3.402-.201-1.174.023-2.072.258-2.922.48l-.012.004c-.852.223-1.657.432-2.713.453-1.155.023-1.988-.01-2.899-.139a4.471 4.471 0 0 1-.984-1.575Zm2.53 2.647c.42.014.868.014 1.372.004 1.174-.023 2.072-.258 2.922-.48l.012-.004c.852-.223 1.657-.432 2.713-.453 1.047-.021 1.83.004 2.646.105a4.921 4.921 0 0 1-3.292 1.241H5.814a5 5 0 0 1-2-.413Z"/>
</svg>

Coastal flood warning#

⇧ top

QWeather Icon Code: 2319

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2319"></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-2319" viewBox="0 0 16 16">
  <path d="M10.653 1.243a.329.329 0 0 0-.549-.147l-6.61 6.616a.324.324 0 0 0 .15.542l3.788 1.015-.933 3.483.83-.416a1.5 1.5 0 0 1 .873-.144l.679-2.535 3.788 1.016a.324.324 0 0 0 .4-.396l-2.416-9.034Zm-1.72 2.313c.053-.35.48-.55.922-.432.443.12.712.505.582.835l-1.14 2.898-.824-.22.46-3.08Zm.236 4.561a.625.625 0 1 1-1.207-.323.625.625 0 0 1 1.207.323ZM.084 14.283a.5.5 0 0 1 .693-.139l1.018.678a.5.5 0 0 0 .5.031l1.034-.517a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.034.517a.5.5 0 0 0 .5-.03l1.018-.679a.5.5 0 1 1 .554.832l-1.017.678a1.5 1.5 0 0 1-1.503.094l-1.033-.517a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.033.517a1.5 1.5 0 0 1-1.503-.094l-1.017-.678a.5.5 0 0 1-.139-.693Z"/>
  <path d="M.084 12.283a.5.5 0 0 1 .693-.139l1.018.678a.5.5 0 0 0 .5.031l1.034-.517a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.034.517a.5.5 0 0 0 .5-.03l1.018-.679a.5.5 0 1 1 .554.832l-1.017.678a1.5 1.5 0 0 1-1.503.094l-1.033-.517a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.033.517a1.5 1.5 0 0 1-1.503-.094l-1.017-.678a.5.5 0 0 1-.139-.693Z"/>
</svg>

Ashfall warning#

⇧ top

QWeather Icon Code: 2320

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2320"></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-2320" viewBox="0 0 16 16">
  <path d="M10.65.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.387.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 5.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM1.5 7a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm3-.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM2.29 8.454a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM4 9a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-.5-7.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
  <path d="M5 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM5 5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-.75 2.896-.353.354.353.354.354-.354-.354-.354ZM4 10.354 4.354 10l.353.354-.353.353L4 10.354ZM2.354 9 2 9.354l.354.353.353-.353L2.354 9Z"/>
  <path d="m3.637 11.156-.561-1.122L0 14.34V16h16v-1.5h-3.37l-4.654-2.585-1.45.966-2.563-2.051-.326.326Z"/>
</svg>

Volcano warning#

⇧ top

QWeather Icon Code: 2321

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2321"></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-2321" viewBox="0 0 16 16">
  <path d="M6.538 7.405a.602.602 0 0 0-1.078.161c-.087.291-.266.86-.509 1.469-.245.618-.541 1.242-.854 1.67C3.024 12.166.922 14.35.308 14.98-.072 15.371.223 16 .74 16h14.502a.602.602 0 0 0 .412-1.04c-.65-.61-2.721-2.609-3.729-4.225-.56-.897-1.208-2.345-1.407-2.8a.6.6 0 0 0-.975-.184l-.75.749H7.269l-.73-1.095ZM5.88 9.404c.106-.267.2-.526.281-.76l.392.589a.6.6 0 0 0 .5.267h1.905a.6.6 0 0 0 .424-.176l.456-.456c.247.54.618 1.32.99 1.979l-.765.51-.624-.624a.6.6 0 0 0-.924.091L8 11.598l-.516-.774a.6.6 0 0 0-.924-.091l-.624.623-.747-.498c.269-.455.503-.978.692-1.454ZM11.5.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM3 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm5.5.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm3.554 6.503a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM5.766.058a.5.5 0 0 1 .676.208c.604 1.14.85 1.882 1.052 3.156.19 1.209.19 1.947 0 3.156a.5.5 0 0 1-.988-.156c.175-1.105.175-1.738 0-2.844-.184-1.165-.396-1.801-.948-2.844a.5.5 0 0 1 .208-.676Zm4.86 1.749a.5.5 0 0 0-.79-.614c-.576.742-.84 1.27-1.087 2.176C8.587 3.96 8.5 4.474 8.5 5s.087 1.04.249 1.632a.5.5 0 0 0 .965-.263C9.567 5.83 9.5 5.409 9.5 5c0-.41.067-.83.214-1.368.212-.78.416-1.188.912-1.825Zm-6.246.368a.5.5 0 0 0-.76.65c.515.601.72 1.011.892 1.784.153.69.153 1.092 0 1.783a.5.5 0 1 0 .976.217c.185-.834.185-1.384 0-2.217-.207-.933-.487-1.492-1.108-2.217Zm8.894.746a.5.5 0 0 0-.539-.842c-.446.285-.803.589-1.086.967-.284.378-.476.806-.624 1.314a3.988 3.988 0 0 0-.185 1.14c0 .375.066.736.185 1.14a.5.5 0 1 0 .96-.28 3.003 3.003 0 0 1-.145-.86c0-.25.043-.514.144-.86.126-.428.273-.738.465-.994s.448-.484.825-.725Z"/>
</svg>

Earthquake warning#

⇧ top

QWeather Icon Code: 2322

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2322"></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-2322" viewBox="0 0 16 16">
  <path d="m5.138 4.941-1.072 8.576c-.083.666-1.03.714-1.18.061L1.755 8.675.9 9.815a.5.5 0 1 1-.8-.6l1.371-1.828a.6.6 0 0 1 1.065.225l.817 3.544 1.08-8.63c.083-.669 1.034-.713 1.18-.056l1.503 6.762 1.295-3.561c.206-.566 1.025-.51 1.15.08l1.02 4.754.883-2.944a.6.6 0 0 1 1.055-.188l1.231 1.642h1.75a.5.5 0 1 1 0 1h-1.95a.6.6 0 0 1-.48-.24l-.876-1.168-1.103 3.678c-.178.595-1.031.56-1.161-.046L8.876 7.32l-1.289 3.543c-.205.564-1.02.511-1.15-.074L5.139 4.94Z"/>
</svg>

Avalanche warning#

⇧ top

QWeather Icon Code: 2323

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2323"></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-2323" viewBox="0 0 16 16">
  <path d="m1.411 4 1.472.835 1.235 2.139 2.44 1.017L7.664 9.77l3.588.905L15 15.998H0L1.411 4Zm4.088-4a.35.35 0 0 1 .35.35v.544l.47-.272a.35.35 0 0 1 .35.606L6.2 1.5l.47.272a.35.35 0 0 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.471.272a.35.35 0 0 1-.35-.606L4.8 1.5l-.471-.272a.35.35 0 1 1 .35-.606l.471.272V.35A.35.35 0 0 1 5.5 0Zm4.35 3.35a.35.35 0 1 0-.7 0v.544l-.47-.272a.35.35 0 0 0-.351.606l.471.272-.471.272a.35.35 0 0 0 .35.606l.471-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606L10.2 4.5l.47-.272a.35.35 0 1 0-.35-.606l-.47.272V3.35Z"/>
  <path d="M5.849 4.35a.35.35 0 1 0-.7 0v.544l-.471-.272a.35.35 0 0 0-.35.606L4.8 5.5l-.471.272a.35.35 0 0 0 .35.606l.471-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 0 0 .35-.606L6.2 5.5l.47-.272a.35.35 0 0 0-.35-.606l-.47.272V4.35Zm5 3a.35.35 0 1 0-.7 0v.544l-.47-.272a.35.35 0 0 0-.351.606l.471.272-.471.272a.35.35 0 0 0 .35.606l.471-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606L11.2 8.5l.47-.272a.35.35 0 1 0-.35-.606l-.47.272V7.35ZM13.499 9a.35.35 0 0 1 .35.35v.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.35a.35.35 0 0 1 .35-.35Z"/>
</svg>

Winter storm warning#

⇧ top

QWeather Icon Code: 2324

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2324"></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-2324" viewBox="0 0 16 16">
  <path d="M3.188 10.188a.187.187 0 1 0-.375 0v.484l-.243-.242a.188.188 0 0 0-.265.265l.508.508v.687c-.272.046-.512.19-.68.393a.163.163 0 0 0-.014-.008l-.582-.336-.186-.693a.188.188 0 0 0-.362.097l.089.33-.42-.242a.187.187 0 1 0-.187.325l.42.242-.332.09a.187.187 0 1 0 .097.362l.694-.186.582.336a.193.193 0 0 0 .014.007 1.123 1.123 0 0 0 0 .786.195.195 0 0 0-.014.007l-.582.336-.694-.186a.188.188 0 0 0-.097.363L.89 14l-.42.243a.187.187 0 1 0 .188.325l.42-.243-.089.331a.187.187 0 1 0 .362.097l.186-.693.583-.336a.161.161 0 0 0 .013-.008c.168.204.408.347.68.393v.687l-.508.508a.188.188 0 0 0 .265.265l.243-.242v.485a.187.187 0 1 0 .375 0v-.485l.242.242a.188.188 0 0 0 .265-.265l-.507-.508v-.672l-.001-.015c.272-.046.512-.19.68-.393a.195.195 0 0 0 .014.008l.582.336.186.693a.188.188 0 0 0 .362-.097l-.089-.33.42.242a.187.187 0 1 0 .187-.325l-.42-.242.332-.09a.187.187 0 1 0-.097-.362l-.694.186-.582-.336a.194.194 0 0 0-.014-.007 1.123 1.123 0 0 0 0-.786.194.194 0 0 0 .014-.007l.582-.336.694.186a.188.188 0 0 0 .097-.363L5.11 12l.42-.243a.187.187 0 1 0-.188-.325l-.42.243.089-.331a.187.187 0 1 0-.362-.097l-.186.693-.582.336a.195.195 0 0 0-.014.008 1.124 1.124 0 0 0-.68-.393v-.687l.508-.508a.188.188 0 0 0-.265-.265l-.242.242v-.485Zm4.347 1.279a.467.467 0 1 1 .933 0v.725l.628-.363a.467.467 0 1 1 .467.808L8.935 13l.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-.808L7.068 13l-.628-.363a.467.467 0 0 1 .467-.808l.628.363v-.725ZM13 10c.104 0 .188.084.188.188v.484l.242-.242a.187.187 0 1 1 .265.265l-.508.508v.687c.272.046.512.19.68.393a.174.174 0 0 1 .014-.008l.582-.336.186-.693a.188.188 0 0 1 .362.097l-.089.33.42-.242a.187.187 0 1 1 .188.325l-.42.242.33.09a.187.187 0 0 1-.096.362l-.694-.186-.582.336a.221.221 0 0 1-.013.007 1.123 1.123 0 0 1 0 .786l.013.007.582.336.694-.186a.188.188 0 0 1 .097.363L15.11 14l.42.243a.187.187 0 1 1-.188.325l-.42-.243.089.331a.187.187 0 1 1-.362.097l-.186-.693-.582-.336a.174.174 0 0 1-.014-.008 1.124 1.124 0 0 1-.68.393v.687l.508.508a.188.188 0 0 1-.265.265l-.242-.242v.485a.187.187 0 1 1-.376 0v-.485l-.242.242a.187.187 0 1 1-.265-.265l.508-.508v-.687a1.124 1.124 0 0 1-.68-.393.164.164 0 0 1-.013.008l-.583.336-.186.693a.188.188 0 0 1-.362-.097l.089-.33-.42.242a.187.187 0 1 1-.187-.325l.42-.242-.332-.09a.188.188 0 1 1 .097-.362l.694.186.582-.336a.196.196 0 0 1 .014-.007 1.12 1.12 0 0 1 0-.786.196.196 0 0 1-.014-.007l-.582-.336-.694.186a.188.188 0 0 1-.097-.363l.332-.088-.42-.243a.187.187 0 1 1 .187-.325l.42.243-.089-.331a.188.188 0 0 1 .362-.097l.186.693.582.336a.184.184 0 0 1 .014.008c.168-.204.408-.347.68-.393v-.687l-.508-.508a.187.187 0 1 1 .265-.265l.242.242v-.485c0-.103.085-.187.188-.187ZM8.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>

Ice storm warning#

⇧ top

QWeather Icon Code: 2325

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2325"></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-2325" viewBox="0 0 16 16">
  <path d="M2.651 11.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-.606L2.3 13l-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Z"/>
  <path d="m3.131 10.036 2.362 1.368a.264.264 0 0 1 .132.228v2.736a.263.263 0 0 1-.132.228l-2.362 1.368a.258.258 0 0 1-.263 0L.507 14.596a.264.264 0 0 1-.132-.228v-2.736a.264.264 0 0 1 .132-.228l2.361-1.368a.26.26 0 0 1 .263 0ZM3 15.432l2.099-1.216v-2.432L3 10.57.901 11.785v2.43L3 15.433Zm9.651-3.582a.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-.606L12.3 13l-.47-.272a.35.35 0 1 1 .35-.606l.47.272v-.544Z"/>
  <path d="m13.131 10.036 2.362 1.368a.264.264 0 0 1 .132.228v2.736a.263.263 0 0 1-.132.228l-2.362 1.368a.258.258 0 0 1-.263 0l-2.361-1.368a.264.264 0 0 1-.132-.228v-2.736a.264.264 0 0 1 .132-.228l2.361-1.368a.26.26 0 0 1 .263 0ZM13 15.432l2.099-1.216v-2.432L13 10.57l-2.099 1.216v2.43L13 15.433ZM8 12a.233.233 0 0 0-.233.233v.363l-.314-.181a.233.233 0 0 0-.233.404l.314.181-.314.181a.233.233 0 1 0 .233.404l.314-.18v.362a.233.233 0 0 0 .467 0v-.363l.314.181a.233.233 0 0 0 .233-.404L8.467 13l.314-.181a.233.233 0 1 0-.233-.404l-.314.18v-.362A.233.233 0 0 0 8.001 12Z"/>
  <path d="m8.088 11.024 1.574.912a.176.176 0 0 1 .088.152v1.824a.176.176 0 0 1-.088.152l-1.575.912a.172.172 0 0 1-.175 0l-1.574-.912a.176.176 0 0 1-.088-.152v-1.824a.176.176 0 0 1 .088-.152l1.574-.912a.173.173 0 0 1 .176 0ZM8 14.62l1.4-.81v-1.62L8 11.379l-1.4.81v1.621l1.4.811ZM8.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>

Snow squall warning#

⇧ top

QWeather Icon Code: 2326

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2326"></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-2326" viewBox="0 0 16 16">
  <path d="M3.188.188a.187.187 0 1 0-.376 0v.484L2.57.43a.188.188 0 0 0-.265.265l.507.508v.672l.001.015a1.124 1.124 0 0 0-.68.393.192.192 0 0 0-.014-.008l-.582-.336-.186-.693a.188.188 0 0 0-.362.097l.089.33-.42-.242a.187.187 0 1 0-.187.325L.89 2l-.332.088a.187.187 0 1 0 .097.362l.694-.185.582.336a.193.193 0 0 0 .014.007 1.123 1.123 0 0 0 0 .786.195.195 0 0 0-.014.007l-.582.336-.694-.186a.188.188 0 0 0-.097.363L.89 4l-.42.243a.188.188 0 0 0 .188.325l.42-.243-.089.331a.188.188 0 0 0 .362.097l.186-.693.582-.336a.186.186 0 0 0 .014-.008c.168.204.408.347.68.393v.687l-.508.508a.187.187 0 1 0 .265.265l.243-.242v.484a.188.188 0 0 0 .374 0v-.484l.243.242a.187.187 0 1 0 .265-.265l-.507-.508v-.672l-.001-.015c.272-.046.512-.19.68-.393a.187.187 0 0 0 .014.008l.582.336.186.693a.188.188 0 0 0 .362-.097l-.089-.33.42.242a.187.187 0 1 0 .187-.325L5.11 4l.332-.088a.187.187 0 1 0-.097-.362l-.694.185-.582-.336a.196.196 0 0 0-.014-.007 1.123 1.123 0 0 0 0-.786.194.194 0 0 0 .014-.007l.582-.336.694.186a.188.188 0 0 0 .097-.363L5.11 2l.42-.243a.188.188 0 0 0-.188-.325l-.42.243.089-.331a.188.188 0 0 0-.362-.097l-.186.693-.582.336a.187.187 0 0 0-.014.008 1.124 1.124 0 0 0-.68-.393v-.687l.508-.508A.188.188 0 0 0 3.43.43l-.243.242V.187ZM2 8h6a1 1 0 1 0-.943-1.333.5.5 0 1 1-.943-.334A2 2 0 1 1 8 9H2a.5.5 0 0 1 0-1Z"/>
  <path d="M11.079 7.375A2.5 2.5 0 0 1 16 8c0 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 11.5A.5.5 0 0 1 3 11h8a2 2 0 1 1-1.886 2.667.5.5 0 1 1 .943-.334A1 1 0 1 0 11 12H3a.5.5 0 0 1-.5-.5Z"/>
</svg>

Blizzard warning#

⇧ top

QWeather Icon Code: 2327

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2327"></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-2327" viewBox="0 0 16 16">
  <path d="M3 10c.104 0 .188.084.188.188v.484l.242-.242a.188.188 0 0 1 .265.265l-.507.508v.672l-.001.015c.272.046.512.19.68.393a.195.195 0 0 1 .014-.008l.582-.336.186-.693a.188.188 0 0 1 .362.097l-.089.33.42-.242a.187.187 0 1 1 .187.325l-.42.242.332.09a.187.187 0 1 1-.097.362l-.694-.186-.582.336a.194.194 0 0 1-.014.007 1.123 1.123 0 0 1 0 .786l.014.007.582.336.694-.186a.188.188 0 0 1 .097.363L5.11 14l.42.243a.187.187 0 1 1-.188.325l-.42-.243.089.331a.187.187 0 1 1-.362.097l-.186-.693-.582-.336a.195.195 0 0 1-.014-.008 1.124 1.124 0 0 1-.68.393v.687l.508.508a.188.188 0 0 1-.265.265l-.243-.242v.485a.187.187 0 1 1-.374 0v-.485l-.243.242a.188.188 0 0 1-.265-.265l.507-.508v-.672l.001-.015a1.124 1.124 0 0 1-.68-.393.161.161 0 0 1-.014.008l-.582.336-.186.693a.188.188 0 0 1-.362-.097l.089-.33-.42.242a.187.187 0 1 1-.187-.325l.42-.242-.332-.09a.187.187 0 1 1 .097-.362l.694.186.582-.336a.195.195 0 0 1 .014-.007 1.123 1.123 0 0 1 0-.786.193.193 0 0 1-.014-.007l-.582-.336-.694.186a.188.188 0 0 1-.097-.363L.89 12l-.42-.243a.187.187 0 1 1 .188-.325l.42.243-.089-.331a.187.187 0 1 1 .362-.097l.186.693.582.336a.163.163 0 0 1 .014.008c.168-.204.408-.347.68-.393v-.687l-.508-.508a.188.188 0 0 1 .265-.265l.243.242v-.485c0-.103.083-.187.187-.187Zm6.151.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 0 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.471.272a.35.35 0 1 1-.35-.606l.471-.272-.471-.272a.35.35 0 1 1 .35-.606l.471.272v-.544Zm4 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 0 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.471.272a.35.35 0 1 1-.35-.606l.471-.272-.471-.272a.35.35 0 0 1 .35-.606l.471.272v-.544ZM8.501 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-.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 0 1-.35.606l-.47-.272v.544a.35.35 0 1 1-.7 0v-.544l-.471.272a.35.35 0 1 1-.35-.606l.471-.272-.471-.272a.35.35 0 0 1 .35-.606l.471.272v-.544ZM7.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>

Special marine warning#

⇧ top

QWeather Icon Code: 2328

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2328"></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-2328" viewBox="0 0 16 16">
  <path d="M12.635 7.477 16 7v9H0v-1.059s7.605-.09 10-1.641c1.944-1.259 1.908-4.44 2.176-5.412a.563.563 0 0 1 .46-.41Z"/>
  <path d="m11.091 7.456-.867.433a.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-.68a.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 0l.263-.132c.034-.239.062-.466.089-.676.024-.19.046-.364.068-.52Zm-.419 2.609-.448.224a.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-.68a.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 .935.135 7.89 7.89 0 0 0 .408-1.254ZM9.5 12.55l-.83-.414a1.5 1.5 0 0 0-1.34 0l-1.106.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-.679a.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 0l.404.202a3.16 3.16 0 0 0 .872-.682ZM8.199.552a.23.23 0 0 0-.398 0l-3.27 5.67a.227.227 0 0 0 .198.34h6.542a.227.227 0 0 0 .198-.34L8.2.553Zm-.744 1.876c-.028-.247.224-.46.545-.46.32 0 .573.213.545.46l-.247 2.166h-.596l-.247-2.166Zm.986 3.04a.438.438 0 1 1-.875 0 .438.438 0 0 1 .875 0Z"/>
</svg>

Typhoon warning#

⇧ top

QWeather Icon Code: 2330

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2330"></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-2330" viewBox="0 0 16 16">
  <path d="M3.408 3.5C5.28 1.667 8.174.5 12.086 0l-2.009 1.967a6.495 6.495 0 0 1 2.52 1.533 6.274 6.274 0 0 1 0 9c-1.871 1.833-4.765 3-8.678 3.5l2.01-1.967A6.493 6.493 0 0 1 3.408 12.5a6.261 6.261 0 0 1 0-9ZM8.17 5.098a.197.197 0 0 0-.34 0l-2.804 4.86c-.075.13.02.292.17.292h5.607a.194.194 0 0 0 .17-.291L8.17 5.098Z"/>
  <path d="M8 6.2c-.293 0-.524.194-.498.42l.225 1.98h.546l.225-1.98c.026-.226-.205-.42-.498-.42Zm.003 3.6a.4.4 0 1 0 0-.8.4.4 0 0 0 0 .8Z"/>
</svg>

Hurricane warning#

⇧ top

QWeather Icon Code: 2331

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2331"></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-2331" viewBox="0 0 16 16">
  <path d="M1 0H0v16h1v-2.936c.6.627 1.6.851 3.762.323C6.782 12.894 9 14 9 14V8.608c-2.305-.87-3.427-.607-5.143-.203l-.243.056C1.756 8.895 1 8 1 8V6.064c.6.627 1.6.851 3.762.323C6.782 5.894 9 7 9 7V1.608c-2.305-.87-3.427-.607-5.143-.203l-.243.056C1.756 1.894 1 1 1 1V0Zm5.6 2.125v3L3.4 5.5v-3l3.2-.375Zm0 7v3l-3.2.375v-3l3.2-.375ZM13.17.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-.291L13.17.473Zm-.637 1.608c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

Hurricane force wind warning#

⇧ top

QWeather Icon Code: 2332

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2332"></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-2332" viewBox="0 0 16 16">
  <path d="M4.336 3.78A6.184 6.184 0 0 1 6.7 1.75a6.335 6.335 0 0 1 6.077.278 6.148 6.148 0 0 1 2.162 2.235.564.564 0 0 0 .338.265.574.574 0 0 0 .43-.047.556.556 0 0 0 .27-.33.544.544 0 0 0-.047-.422A7.327 7.327 0 0 0 11.537.285a7.494 7.494 0 0 0-5.595.606 7.23 7.23 0 0 0-3.517 4.302 7.065 7.065 0 0 0 .619 5.476 5.57 5.57 0 0 0 1.647 1.823 5.72 5.72 0 0 0 2.287.956 5.775 5.775 0 0 0 2.484-.097 5.698 5.698 0 0 0 2.202-1.13A6.184 6.184 0 0 1 9.3 14.249a6.335 6.335 0 0 1-6.077-.277 6.148 6.148 0 0 1-2.162-2.235.576.576 0 0 0-.768-.218.556.556 0 0 0-.27.33.543.543 0 0 0 .047.422 7.326 7.326 0 0 0 4.393 3.444 7.494 7.494 0 0 0 5.594-.607 7.23 7.23 0 0 0 3.518-4.3 7.064 7.064 0 0 0-.619-5.477 5.577 5.577 0 0 0-1.647-1.823 5.721 5.721 0 0 0-2.287-.956 5.774 5.774 0 0 0-2.484.097 5.699 5.699 0 0 0-2.202 1.13ZM8.17 5.397l2.804 4.86a.195.195 0 0 1-.17.292H5.196a.195.195 0 0 1-.17-.291l2.804-4.86a.197.197 0 0 1 .34 0Z"/>
  <path d="M8 6.4c-.293 0-.524.194-.498.42l.225 1.98h.546l.225-1.98c.026-.226-.205-.42-.498-.42Zm.003 3.6a.4.4 0 1 0 0-.8.4.4 0 0 0 0 .8Z"/>
</svg>

Storm surge warning#

⇧ top

QWeather Icon Code: 2333

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2333"></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-2333" viewBox="0 0 16 16">
  <path d="M5.436 9.245c.141-.251.274-.492.4-.72.464-.841.845-1.53 1.28-2.058C7.636 5.835 8.185 5.5 9 5.5c.896 0 1.793.3 2.457.779C12.125 6.761 12.5 7.376 12.5 8c0 .38-.278.73-.81 1.022.031-.138.047-.28.047-.423 0-.506-.255-1.047-.68-1.389-.455-.367-1.098-.498-1.78-.157-.645.322-1.246 1.098-1.634 1.9-.389.803-.645 1.802-.415 2.631.217.785.656 1.282 1.21 1.564.528.27 1.117.321 1.61.321.649 0 1.098-.335 1.407-.567.348-.26.504-.367.7-.367.2 0 .38.113.704.363l.051.04c.266.207.681.531 1.21.531.5 0 .838-.175 1.113-.431.12-.111.226-.238.317-.346l.006-.007a5.18 5.18 0 0 1 .298-.331.5.5 0 0 0-.708-.708c-.138.139-.252.274-.346.384l-.007.01c-.1.118-.171.2-.242.267-.112.103-.213.162-.432.162-.155 0-.306-.097-.649-.362l-.022-.018c-.282-.218-.717-.554-1.293-.554-.552 0-.965.313-1.24.523l-.06.044c-.313.235-.523.367-.807.367-.441 0-.84-.05-1.156-.212-.291-.149-.554-.412-.7-.94-.135-.484.004-1.21.351-1.929.349-.72.825-1.263 1.18-1.44.318-.16.543-.092.707.04a.849.849 0 0 1 .307.611c0 .228-.089.465-.238.64-.146.175-.324.261-.499.261a.5.5 0 0 0 0 1c.495 0 1.321-.17 2.034-.529C12.726 9.623 13.5 8.995 13.5 8c0-1.047-.625-1.931-1.457-2.532A5.301 5.301 0 0 0 9 4.5c-1.185 0-1.996.53-2.656 1.331-.5.606-.94 1.405-1.41 2.26-.121.218-.244.44-.37.664-.163.29-.325.59-.488.891-.318.591-.638 1.184-.97 1.701-.247.386-.479.693-.693.9-.224.216-.359.253-.413.253-.077 0-.218-.045-.445-.214a6.863 6.863 0 0 1-.701-.64.5.5 0 0 0-.708.708c.247.246.526.522.812.735.277.206.636.411 1.042.411.446 0 .82-.257 1.107-.534.298-.286.58-.67.841-1.08.351-.546.705-1.202 1.035-1.813.157-.291.31-.573.453-.828ZM.777 14.144a.5.5 0 0 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-.679ZM3.17.473a.197.197 0 0 0-.34 0L.026 5.333c-.075.13.02.292.17.292h5.607a.194.194 0 0 0 .17-.291L3.17.473Zm-.637 1.608c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

Flash flood warning#

⇧ top

QWeather Icon Code: 2341

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2341"></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-2341" viewBox="0 0 16 16">
  <path d="M15.427 15.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.377Z"/>
  <path d="M10.453 1.443a.329.329 0 0 0-.549-.147l-6.61 6.616a.324.324 0 0 0 .15.542l3.788 1.015-.917 3.424c.549-.092 1.048-.23 1.565-.373l.012-.003.082-.023.707-2.637 3.789 1.016a.324.324 0 0 0 .4-.396l-2.417-9.034Zm-1.72 2.313c.053-.35.48-.55.922-.432.443.119.712.505.582.835l-1.14 2.898-.824-.22.46-3.081Zm.236 4.561a.625.625 0 1 1-1.207-.324.625.625 0 0 1 1.207.324ZM.5 1h7v1h-7V1Zm0 2h5v1h-5V3Zm0 2h3v1h-3V5Z"/>
</svg>

Severe thunderstorm warning#

⇧ top

QWeather Icon Code: 2343

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2343"></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-2343" viewBox="0 0 16 16">
  <path d="M8 2.875 14.3 13.8H1.7L8 2.875Zm.455-1.614a.526.526 0 0 0-.91 0L.07 14.224c-.2.346.052.776.454.776h14.952c.402 0 .654-.43.454-.776L8.455 1.26Z"/>
  <path d="M8.382 8.102c-.074 0-.122-.08-.089-.15l1.089-2.3c.033-.07-.015-.152-.089-.152h-2.17a.18.18 0 0 0-.105.031.239.239 0 0 0-.079.092l-1.921 4.22c-.057.125.03.27.162.27h1.953c.069 0 .116.07.094.139l-1.015 3.11c-.038.11.099.188.17.1l4.095-5.189c.053-.068.008-.171-.076-.171H8.382Z"/>
</svg>

Extreme wind warning#

⇧ top

QWeather Icon Code: 2345

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2345"></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-2345" 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.418 5.726a.296.296 0 0 0-.494-.133l-5.949 5.955a.292.292 0 0 0 .134.488l8.123 2.176a.292.292 0 0 0 .36-.355l-2.174-8.131ZM10.98 9.3c.047-.315.43-.495.83-.388.398.107.64.454.523.751l-1.027 2.608-.74-.198.414-2.773Zm.212 4.105a.563.563 0 1 1-1.086-.291.563.563 0 0 1 1.086.291Z"/>
</svg>

Tornado warning#

⇧ top

QWeather Icon Code: 2346

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2346"></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-2346" viewBox="0 0 16 16">
  <path d="M.287 8.634c0 .491.257.907.766 1.257.934.659 2.347.984 4.24.984.85 0 1.638-.072 2.37-.219.765-.162 1.396-.425 1.878-.781.48-.353.73-.766.73-1.247 0-.15-.027-.29-.084-.44.985-.241 1.76-.57 2.32-.979.559-.409.843-.887.843-1.418a1.61 1.61 0 0 0-.063-.425C14.91 4.79 15.72 4.019 15.72 3.04c0-.625-.353-1.175-1.056-1.66C13.274.463 11.246 0 8.575 0 7.312 0 6.172.113 5.15.334 4.037.562 3.144.916 2.462 1.397c-.68.481-1.018 1.034-1.018 1.653 0 .369.112.703.34 1.006C.947 4.531.528 5.112.528 5.8c0 .531.263 1 .781 1.403C.63 7.6.287 8.075.287 8.634Zm.425 3.191c0 .519.32.928.957 1.219.637.29 1.447.44 2.418.44.985 0 1.794-.15 2.438-.44.644-.29.962-.703.962-1.219a.714.714 0 0 0-.184-.49.606.606 0 0 0-.475-.2.651.651 0 0 0-.425.162.712.712 0 0 0-.24.403c-.141.113-.397.213-.782.303-.384.094-.815.14-1.297.14-.78 0-1.418-.112-1.9-.334a.664.664 0 0 0 .185-.425.689.689 0 0 0-.107-.44.717.717 0 0 0-.43-.285.694.694 0 0 0-.498.091c-.415.303-.622.65-.622 1.075Zm.907-3.19a.86.86 0 0 1 .134-.129c.063-.062.2-.14.397-.24.197-.1.431-.178.681-.247l.085-.044c1.15.384 2.487.575 4.018.575.675 0 1.285-.034 1.828-.113l.185.163c-.063.113-.213.228-.447.353-.284.15-.722.29-1.319.403-.597.113-1.225.178-1.894.178a9.436 9.436 0 0 1-1.893-.178c-.597-.122-1.04-.256-1.332-.403-.237-.1-.384-.206-.443-.319Zm.078 5.968c0 .447.256.794.765 1.034.51.241 1.141.363 1.894.363.766 0 1.41-.122 1.928-.363.52-.24.782-.587.782-1.034a.643.643 0 0 0-.2-.475.648.648 0 0 0-.47-.206c-.334 0-.552.169-.652.51-.275.168-.738.262-1.39.262-.567 0-1.023-.085-1.363-.263-.104-.337-.316-.51-.647-.51a.582.582 0 0 0-.453.198.708.708 0 0 0-.194.484Zm.15-8.803c0-.056.034-.122.106-.197.169-.212.51-.425 1.006-.625 1.363.731 3.232 1.09 5.607 1.09 1.212 0 2.353-.112 3.415-.334v.063c0 .106-.062.212-.2.319-.29.256-.828.497-1.622.73-.856.257-1.934.385-3.23.385-1.304 0-2.382-.128-3.242-.384-.821-.228-1.368-.469-1.643-.722-.135-.106-.197-.213-.197-.325Zm.922-2.75c0-.128.084-.262.247-.419.318-.297.956-.581 1.9-.856 1.012-.297 2.225-.447 3.643-.447 1.425 0 2.65.15 3.679.447.956.278 1.587.569 1.9.866.156.156.24.296.24.418s-.078.247-.24.397c-.313.297-.944.588-1.9.872-1.029.297-2.247.447-3.679.447-1.418 0-2.637-.15-3.643-.447-.95-.284-1.588-.575-1.9-.878-.163-.153-.247-.281-.247-.4Zm10.401 7.423a.197.197 0 0 0-.34 0l-2.804 4.86c-.075.13.02.292.17.292h5.607a.194.194 0 0 0 .17-.291l-2.803-4.861Zm-.637 1.608c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

Tsunami warning#

⇧ top

QWeather Icon Code: 2348

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2348"></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-2348" viewBox="0 0 16 16">
  <path d="M.065 13.314a.5.5 0 0 1 .713-.17l1.017.678a.5.5 0 0 0 .5.031l1.034-.517a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553c.114-.056.233-.098.354-.124C6.566 11.845 5.75 8.158 7 6.5c1.96-2.599 7-.5 7-.5s-3.553-4.997-8-5C1.358.997.3 10.194.065 13.314Zm.019.969a.5.5 0 0 1 .693-.139l1.018.678a.5.5 0 0 0 .5.031l1.034-.517a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.034.517a.5.5 0 0 0 .5-.03l1.018-.679a.5.5 0 1 1 .554.832l-1.017.678a1.5 1.5 0 0 1-1.503.094l-1.033-.517a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.033.517a1.5 1.5 0 0 1-1.503-.094l-1.017-.678a.5.5 0 0 1-.139-.693Z"/>
  <path d="M12.17 8.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 8.473Zm-.637 1.608c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

Fire weather watch#

⇧ top

QWeather Icon Code: 2349

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2349"></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-2349" viewBox="0 0 16 16">
  <path d="M8 2.875 14.3 13.8H1.7L8 2.875Zm.455-1.614a.526.526 0 0 0-.91 0L.07 14.224c-.2.346.052.776.454.776h14.952c.402 0 .654-.43.454-.776L8.455 1.26Z"/>
  <path d="M9.955 7.84c-.819.267-1.091.981-1 1.428-.637-.714-.637-1.518-.546-2.768-1.909.714-1.454 2.857-1.545 3.571-.455-.446-.546-1.339-.546-1.339C5.773 9 5.5 9.714 5.5 10.34c0 1.429 1.182 2.411 2.545 2.411 1.364 0 2.455-1.071 2.455-2.41 0-.983-.545-1.25-.545-2.5Z"/>
</svg>

Freeze watch#

⇧ top

QWeather Icon Code: 2350

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2350"></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-2350" viewBox="0 0 16 16">
  <path d="M9.038 4.137a.933.933 0 0 0-1.143.66l-.376 1.4-1.025-1.025a.933.933 0 1 0-1.32 1.32L6.2 7.518l-1.4.375a.933.933 0 0 0 .483 1.803l1.4-.375-.375 1.4a.933.933 0 1 0 1.803.483l.376-1.4 1.025 1.025a.933.933 0 0 0 1.32-1.32L9.806 8.484l1.4-.376a.933.933 0 1 0-.483-1.803l-1.4.376.375-1.4a.933.933 0 0 0-.66-1.144Z"/>
  <path d="M12.746 1.52a.47.47 0 0 1 .284.219l2.907 5.035a.468.468 0 0 1 .047.355l-1.505 5.617a.467.467 0 0 1-.218.284l-5.035 2.907a.468.468 0 0 1-.355.047L3.254 14.48a.468.468 0 0 1-.284-.218L.063 9.226a.468.468 0 0 1-.047-.355L1.52 3.254a.468.468 0 0 1 .218-.284L6.774.063A.468.468 0 0 1 7.13.016l5.617 1.505Zm1.685 5.453-2.326-4.029a.468.468 0 0 0-.284-.218L7.328 1.522a.468.468 0 0 0-.355.047L2.944 3.895a.468.468 0 0 0-.218.284L1.522 8.672a.468.468 0 0 0 .047.355l2.326 4.029a.468.468 0 0 0 .284.218l4.493 1.204c.12.032.248.015.355-.047l4.029-2.326a.468.468 0 0 0 .218-.284l1.204-4.493a.468.468 0 0 0-.047-.355Z"/>
</svg>

Hard freeze watch#

⇧ top

QWeather Icon Code: 2351

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2351"></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-2351" viewBox="0 0 16 16">
  <path d="M7.535 2.467a.467.467 0 0 1 .933 0v.725l.628-.363a.467.467 0 1 1 .467.808L8.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-.808L7.068 4l-.628-.363a.467.467 0 1 1 .467-.808l.628.363v-.725Z"/>
  <path d="M11.325 1.872 8.175.048a.347.347 0 0 0-.35 0l-3.15 1.824a.353.353 0 0 0-.175.304v3.648c0 .126.067.242.176.305l3.148 1.824a.344.344 0 0 0 .351 0l3.149-1.824a.351.351 0 0 0 .176-.305V2.176a.353.353 0 0 0-.175-.304Zm-.526 3.75L8 7.241l-2.798-1.62V2.38L8 .758l2.799 1.621v3.242Zm-7.264 4.845a.467.467 0 1 1 .933 0v.725l.628-.363a.467.467 0 1 1 .467.808L4.935 12l.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-.808L3.068 12l-.628-.363a.467.467 0 0 1 .467-.808l.628.363v-.725Z"/>
  <path d="M7.324 9.872 4.175 8.048a.347.347 0 0 0-.35 0L.675 9.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-.305v-3.648a.352.352 0 0 0-.176-.304Zm-.526 3.75L4 15.241l-2.798-1.62V10.38L4 8.758l2.798 1.621v3.242Zm4.737-3.155a.467.467 0 0 1 .933 0v.725l.628-.363a.467.467 0 1 1 .467.808l-.628.363.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-.808l.628-.363-.628-.363a.467.467 0 0 1 .467-.808l.628.363v-.725Z"/>
  <path d="m15.325 9.872-3.15-1.824a.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-.305v-3.648a.353.353 0 0 0-.175-.304Zm-.526 3.75L12 15.241l-2.799-1.62V10.38L12 8.758l2.799 1.621v3.242Z"/>
</svg>

Wind chill watch#

⇧ top

QWeather Icon Code: 2352

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2352"></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-2352" viewBox="0 0 16 16">
  <path d="M13.5 2.5a2.5 2.5 0 0 0-2.421 1.875.5.5 0 0 0 .968.25A1.5 1.5 0 0 1 15 5c0 .812-.76 1.5-1.5 1.5H.5a.5.5 0 1 0 0 1h13C14.76 7.5 16 6.397 16 5a2.5 2.5 0 0 0-2.5-2.5Zm-13 6a.5.5 0 1 0 0 1h11a1 1 0 1 1-.943 1.333.5.5 0 0 0-.943.334A2 2 0 1 0 11.5 8.5H.5Z"/>
  <path d="M6.26 3 8 4.16l-.555.833-1.258-.839-1.964.982L2 4.024l.447-.894 1.777.888L6.26 3Zm0 8L8 12.161l-.555.832-1.258-.839-1.964.982L2 12.024l.447-.894 1.777.888L6.26 11Z"/>
</svg>

Extreme cold watch#

⇧ top

QWeather Icon Code: 2353

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2353"></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-2353" 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.5ZM3.719 1.219a.219.219 0 0 0-.438 0v.565l-.283-.282a.219.219 0 1 0-.309.309l.592.592v.784a.22.22 0 0 0 .001.019 1.31 1.31 0 0 0-.794.458.215.215 0 0 0-.015-.01l-.68-.392-.216-.809a.219.219 0 1 0-.423.113l.104.387-.49-.283a.219.219 0 1 0-.219.379l.49.283-.386.103a.219.219 0 1 0 .113.423l.809-.217.679.392a.22.22 0 0 0 .016.008 1.31 1.31 0 0 0 0 .918.219.219 0 0 0-.016.008l-.68.392-.808-.217a.219.219 0 1 0-.113.423l.386.103-.49.283a.219.219 0 0 0 .219.38l.49-.284-.104.387a.219.219 0 1 0 .423.113l.216-.81.68-.391a.224.224 0 0 0 .015-.01c.197.238.476.405.794.458a.22.22 0 0 0 0 .019v.784l-.593.592A.219.219 0 1 0 3 7.5l.282-.283v.565a.219.219 0 1 0 .438 0v-.565l.283.282a.219.219 0 1 0 .309-.309l-.592-.592v-.785a.22.22 0 0 0-.001-.018 1.31 1.31 0 0 0 .794-.458.22.22 0 0 0 .015.01l.68.392.216.809a.219.219 0 1 0 .423-.113l-.104-.387.49.283a.219.219 0 0 0 .219-.379l-.49-.283.387-.103a.219.219 0 1 0-.114-.423l-.809.217-.679-.392a.219.219 0 0 0-.016-.009 1.31 1.31 0 0 0 0-.916.22.22 0 0 0 .016-.009l.68-.392.808.217a.219.219 0 1 0 .114-.423l-.387-.103.49-.283a.219.219 0 1 0-.219-.38l-.49.284.104-.387a.219.219 0 1 0-.423-.113l-.216.81-.68.391a.222.222 0 0 0-.015.01 1.311 1.311 0 0 0-.794-.458.22.22 0 0 0 0-.018v-.785l.593-.592a.219.219 0 0 0-.31-.31l-.282.283V1.22ZM3 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-.467-4.294c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

Excessive heat watch#

⇧ top

QWeather Icon Code: 2354

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2354"></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-2354" 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.5ZM3 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-.467-4.294c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

High wind watch#

⇧ top

QWeather Icon Code: 2355

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2355"></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-2355" 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-.01ZM11.5 16a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Zm-.7-6.441c-.036-.317.287-.59.7-.59.412 0 .736.273.7.59l-.316 2.785h-.768L10.8 9.559Zm1.267 3.91a.563.563 0 1 1-1.125 0 .563.563 0 0 1 1.125 0Z"/>
</svg>

Flood watch#

⇧ top

QWeather Icon Code: 2356

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2356"></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-2356" viewBox="0 0 16 16">
  <path d="M12.848 6.166a4.501 4.501 0 0 1-4.771 3.316l-.862 3.217c-.51.13-1.031.237-1.628.281l1.041-3.886a4.501 4.501 0 1 1 6.22-2.928Zm-4.52-3.221-.416 2.772.741.198L9.68 3.307c.117-.297-.125-.644-.524-.75-.398-.108-.782.072-.829.388Zm.211 4.105a.562.562 0 1 0-1.087-.292.562.562 0 0 0 1.087.292Z"/>
  <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>

Lakeshore flood watch#

⇧ top

QWeather Icon Code: 2357

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2357"></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-2357" viewBox="0 0 16 16">
  <path d="M13 6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-.467-4.294c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
  <path d="m4.35 0 2.706 3.479h-.974l1.426 1.902h-1.31l1.901 2.14H5.328l-.025 1.817c.709-.135 1.403-.368 2.084-.596l.039-.013.037-.013C8.497 8.364 9.565 8 10.649 8c1.341 0 3.236.492 4.788.894l.049.013.514.13v1.473c0 3.012-2.607 5.49-5.813 5.49H5.814C2.607 16 0 13.522 0 10.51V8.567l.669.21c.104.022.2.051.304.083l.159.047c.625.205 1.315.431 2.233.516V7.52H.6l1.902-2.14h-1.31l1.426-1.902h-.974L4.35 0ZM1.029 9.895v.599c0 .154.008.307.024.457 1.485.307 2.475.387 4.114.354 1.056-.02 1.861-.23 2.713-.453l.012-.003c.85-.223 1.748-.458 2.922-.481 1.646-.033 2.689.046 4.152.339.003-.07.005-.142.005-.213V9.78c-1.389-.356-3.172-.81-4.322-.81-.908 0-1.869.325-2.863.665l-.035.011c-1.138.385-2.31.782-3.618.782-1.355 0-2.315-.275-3.104-.534Zm4.157 2.348c-1.55.03-2.566-.038-3.902-.29a4.48 4.48 0 0 0 .984 1.574c.911.13 1.744.162 2.9.14 1.055-.022 1.86-.231 2.712-.454l.012-.003c.85-.223 1.748-.458 2.922-.481 1.351-.027 2.297.021 3.402.201.268-.394.473-.831.602-1.297-1.415-.285-2.394-.36-3.985-.328-1.056.021-1.861.23-2.713.454l-.012.003c-.85.222-1.748.457-2.922.48Zm0 2.36c-.504.01-.952.01-1.372-.004a5 5 0 0 0 2 .413h4.373a4.921 4.921 0 0 0 3.292-1.24c-.816-.102-1.599-.127-2.646-.106-1.056.021-1.861.23-2.713.453l-.012.004c-.85.222-1.748.457-2.922.48Z"/>
</svg>

Coastal flood watch#

⇧ top

QWeather Icon Code: 2358

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2358"></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-2358" viewBox="0 0 16 16">
  <path d="M12.893 6.166a4.501 4.501 0 0 1-4.77 3.316l-.761 2.839-.033.015-1.105.553a.5.5 0 0 1-.448 0l-.105-.053 1.003-3.742a4.501 4.501 0 1 1 6.22-2.928Zm-4.52-3.221-.415 2.772.74.198 1.028-2.608c.116-.297-.126-.644-.524-.75-.399-.108-.782.072-.83.388Zm.212 4.105a.562.562 0 1 0-1.087-.292.562.562 0 0 0 1.087.292ZM.084 14.283a.5.5 0 0 1 .693-.139l1.018.678a.5.5 0 0 0 .5.031l1.034-.517a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.034.517a.5.5 0 0 0 .5-.03l1.018-.679a.5.5 0 1 1 .554.832l-1.017.678a1.5 1.5 0 0 1-1.503.094l-1.033-.517a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.033.517a1.5 1.5 0 0 1-1.503-.094l-1.017-.678a.5.5 0 0 1-.139-.693Z"/>
  <path d="M.084 12.283a.5.5 0 0 1 .693-.139l1.018.678a.5.5 0 0 0 .5.031l1.034-.517a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.034.517a.5.5 0 0 0 .5-.03l1.018-.679a.5.5 0 1 1 .554.832l-1.017.678a1.5 1.5 0 0 1-1.503.094l-1.033-.517a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.033.517a1.5 1.5 0 0 1-1.503-.094l-1.017-.678a.5.5 0 0 1-.139-.693Z"/>
</svg>

Heavy freezing spray watch#

⇧ top

QWeather Icon Code: 2359

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2359"></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-2359" viewBox="0 0 16 16">
  <path d="m.146 11.146 3-3 .708.708-3 3-.708-.708Zm0 4 4.5-4.5.708.707-4.5 4.5-.708-.707Zm4 0 3-3 .708.707-3 3-.708-.707ZM6.288 1.757a.375.375 0 0 0-.53.53l.685.686h-.686a.375.375 0 0 0 0 .75h1.436l.95.951a.381.381 0 0 0 .024.021c-.321.45-.457.991-.407 1.518a.381.381 0 0 0-.03.007l-1.3.348-1.243-.718a.375.375 0 1 0-.375.65l.594.343-.936.25a.375.375 0 0 0 .194.725l.936-.25-.342.593a.375.375 0 0 0 .65.375l.717-1.243 1.299-.348a.38.38 0 0 0 .029-.01 2.245 2.245 0 0 0 1.112 1.112.381.381 0 0 0-.01.03l-.348 1.298-1.243.718a.375.375 0 0 0 .375.65l.594-.343-.251.936a.375.375 0 1 0 .724.194l.251-.936.343.594a.375.375 0 0 0 .65-.376L9.432 9.57l.348-1.3a.385.385 0 0 0 .007-.03 2.248 2.248 0 0 0 1.518-.407.363.363 0 0 0 .02.023l.952.95v1.437a.375.375 0 0 0 .75 0v-.686l.685.686a.375.375 0 0 0 .53-.53l-.685-.686h.686a.375.375 0 0 0 0-.75h-1.436l-.95-.951a.392.392 0 0 0-.024-.021c.321-.45.457-.991.407-1.518a.38.38 0 0 0 .03-.007l1.3-.348 1.243.718a.375.375 0 1 0 .375-.65l-.594-.343.936-.25a.375.375 0 1 0-.194-.725l-.936.25.342-.593a.375.375 0 0 0-.649-.375l-.718 1.243-1.299.348a.363.363 0 0 0-.029.01 2.245 2.245 0 0 0-1.112-1.112.356.356 0 0 0 .01-.03l.348-1.298 1.243-.718a.375.375 0 1 0-.375-.65l-.594.343.251-.936a.375.375 0 1 0-.724-.194l-.251.936L10.5.812a.375.375 0 0 0-.65.375l.718 1.244-.348 1.299a.334.334 0 0 0-.007.03 2.248 2.248 0 0 0-1.518.407.382.382 0 0 0-.02-.023l-.952-.951V1.757a.375.375 0 0 0-.75 0v.686l-.685-.686Z"/>
</svg>

Hazardous seas watch#

⇧ top

QWeather Icon Code: 2360

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2360"></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-2360" viewBox="0 0 16 16">
  <path d="M.777 11.144a.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 10A5 5 0 1 0 8 0a5 5 0 0 0 0 10Zm-.778-7.157c-.04-.352.32-.655.778-.655s.818.303.778.655l-.352 3.095h-.852l-.352-3.095ZM8.63 7.188a.625.625 0 1 1-1.25 0 .625.625 0 0 1 1.25 0Z"/>
</svg>

Winter storm watch#

⇧ top

QWeather Icon Code: 2361

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2361"></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-2361" viewBox="0 0 16 16">
  <path d="M3.188 10.188a.187.187 0 1 0-.375 0v.484l-.243-.242a.188.188 0 0 0-.265.265l.508.508v.687c-.272.046-.512.19-.68.393a.163.163 0 0 0-.014-.008l-.582-.336-.186-.693a.188.188 0 0 0-.362.097l.089.33-.42-.242a.187.187 0 1 0-.187.325l.42.242-.332.09a.187.187 0 1 0 .097.362l.694-.186.582.336a.193.193 0 0 0 .014.007 1.123 1.123 0 0 0 0 .786.195.195 0 0 0-.014.007l-.582.336-.694-.186a.188.188 0 0 0-.097.363L.89 14l-.42.243a.187.187 0 1 0 .188.325l.42-.243-.089.331a.187.187 0 1 0 .362.097l.186-.693.583-.336a.161.161 0 0 0 .013-.008c.168.204.408.347.68.393v.687l-.508.508a.188.188 0 0 0 .265.265l.243-.242v.485a.187.187 0 1 0 .375 0v-.485l.242.242a.188.188 0 0 0 .265-.265l-.507-.508v-.672l-.001-.015c.272-.046.512-.19.68-.393a.195.195 0 0 0 .014.008l.582.336.186.693a.188.188 0 0 0 .362-.097l-.089-.33.42.242a.187.187 0 1 0 .187-.325l-.42-.242.332-.09a.187.187 0 1 0-.097-.362l-.694.186-.582-.336a.194.194 0 0 0-.014-.007 1.123 1.123 0 0 0 0-.786.194.194 0 0 0 .014-.007l.582-.336.694.186a.188.188 0 0 0 .097-.363L5.11 12l.42-.243a.187.187 0 1 0-.188-.325l-.42.243.089-.331a.187.187 0 1 0-.362-.097l-.186.693-.582.336a.195.195 0 0 0-.014.008 1.124 1.124 0 0 0-.68-.393v-.687l.508-.508a.188.188 0 0 0-.265-.265l-.242.242v-.485Zm4.347 1.279a.467.467 0 1 1 .933 0v.725l.628-.363a.467.467 0 1 1 .467.808L8.935 13l.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-.808L7.068 13l-.628-.363a.467.467 0 0 1 .467-.808l.628.363v-.725ZM13 10c.104 0 .188.084.188.188v.484l.242-.242a.187.187 0 1 1 .265.265l-.508.508v.687c.272.046.512.19.68.393a.174.174 0 0 1 .014-.008l.582-.336.186-.693a.188.188 0 0 1 .362.097l-.089.33.42-.242a.187.187 0 1 1 .188.325l-.42.242.33.09a.187.187 0 0 1-.096.362l-.694-.186-.582.336a.221.221 0 0 1-.013.007 1.123 1.123 0 0 1 0 .786l.013.007.582.336.694-.186a.188.188 0 0 1 .097.363L15.11 14l.42.243a.187.187 0 1 1-.188.325l-.42-.243.089.331a.187.187 0 1 1-.362.097l-.186-.693-.582-.336a.174.174 0 0 1-.014-.008 1.124 1.124 0 0 1-.68.393v.687l.508.508a.188.188 0 0 1-.265.265l-.242-.242v.485a.187.187 0 1 1-.376 0v-.485l-.242.242a.187.187 0 1 1-.265-.265l.508-.508v-.687a1.124 1.124 0 0 1-.68-.393.164.164 0 0 1-.013.008l-.583.336-.186.693a.188.188 0 0 1-.362-.097l.089-.33-.42.242a.187.187 0 1 1-.187-.325l.42-.242-.332-.09a.188.188 0 1 1 .097-.362l.694.186.582-.336a.196.196 0 0 1 .014-.007 1.12 1.12 0 0 1 0-.786.196.196 0 0 1-.014-.007l-.582-.336-.694.186a.188.188 0 0 1-.097-.363l.332-.088-.42-.243a.187.187 0 1 1 .187-.325l.42.243-.089-.331a.188.188 0 0 1 .362-.097l.186.693.582.336a.184.184 0 0 1 .014.008c.168-.204.408-.347.68-.393v-.687l-.508-.508a.187.187 0 1 1 .265-.265l.242.242v-.485c0-.103.085-.187.188-.187Zm-5 0A5 5 0 1 0 8 0a5 5 0 0 0 0 10Zm-.778-7.157c-.04-.352.32-.655.778-.655s.818.303.778.655l-.352 3.095h-.852l-.352-3.095ZM8.63 7.188a.625.625 0 1 1-1.25 0 .625.625 0 0 1 1.25 0Z"/>
</svg>

Gale watch#

⇧ top

QWeather Icon Code: 2362

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2362"></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-2362" viewBox="0 0 16 16">
  <path d="M1 0H0v16h1v-1l8-3.5L1 8l8-3.5L1 1V0Zm12 6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-.467-4.294c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

Avalanche watch#

⇧ top

QWeather Icon Code: 2363

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2363"></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-2363" viewBox="0 0 16 16">
  <path d="M6.849 4.35a.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-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 0 0 .35-.606L7.2 5.5l.47-.272a.35.35 0 1 0-.35-.606l-.47.272V4.35Zm0-4a.35.35 0 0 0-.7 0v.544l-.47-.272a.35.35 0 1 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-.606L7.2 1.5l.47-.272a.35.35 0 1 0-.35-.606l-.47.272V.35Zm4 7a.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-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606L11.2 8.5l.47-.272a.35.35 0 1 0-.35-.606l-.47.272V7.35Zm4 2a.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 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.35Z"/>
  <path d="m1.411 4 1.472.835 1.235 2.139 2.44 1.017L7.664 9.77l3.588.905L15 15.998H0L1.411 4ZM11.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-.426L11.11 2.42Zm.705 2.173a.312.312 0 1 1-.625 0 .312.312 0 0 1 .625 0Z"/>
</svg>

Storm watch#

⇧ top

QWeather Icon Code: 2364

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2364"></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-2364" viewBox="0 0 16 16">
  <path d="M13 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-.467-4.294c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0ZM1 0H0v16h1V7.752c.75.836 2 1.135 4.703.431C8.228 7.525 11 9 11 9V1.81C8.12.65 6.717 1.003 4.57 1.54l-.303.075C1.945 2.193 1 1 1 1V0Zm3 3 4-.5v4L4 7V3Z"/>
</svg>

Tropical storm watch#

⇧ top

QWeather Icon Code: 2365

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2365"></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-2365" viewBox="0 0 16 16">
  <path d="M7.502 6.62c-.026-.226.205-.42.498-.42.293 0 .524.194.498.42L8.273 8.6h-.546l-.225-1.98Zm.901 2.78a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0Z"/>
  <path d="M7.45 2.615A4.11 4.11 0 0 1 10.84.828c.441 0 .857.088 1.256.217a6.446 6.446 0 0 0-6.167.535A6.564 6.564 0 0 0 3.77 3.959a6.643 6.643 0 0 0-.655 1.83 4.216 4.216 0 0 1-.354-2.318 4.23 4.23 0 0 1 .519-1.546 4.13 4.13 0 0 1 .814-.99 6.576 6.576 0 0 0-2.02 2.5 6.66 6.66 0 0 0 .352 6.252 6.6 6.6 0 0 0 1.239 1.488 4.095 4.095 0 0 1-2.16-.85A4.17 4.17 0 0 1 .442 9.099 4.144 4.144 0 0 1 0 7.89a6.64 6.64 0 0 0 1.13 3.02 6.538 6.538 0 0 0 2.41 2.116 6.45 6.45 0 0 0 5.009.361 4.11 4.11 0 0 1-3.388 1.786 4.04 4.04 0 0 1-1.256-.218 6.446 6.446 0 0 0 6.166-.535 6.564 6.564 0 0 0 2.159-2.38 6.643 6.643 0 0 0 .654-1.83 4.223 4.223 0 0 1-.164 3.865 4.132 4.132 0 0 1-.814.991 6.576 6.576 0 0 0 2.021-2.5 6.66 6.66 0 0 0-.352-6.253 6.571 6.571 0 0 0-1.238-1.487 4.088 4.088 0 0 1 2.158.849c.43.334.792.752 1.063 1.227.221.387.354.796.442 1.21a6.64 6.64 0 0 0-1.13-3.021 6.537 6.537 0 0 0-2.41-2.116 6.45 6.45 0 0 0-5.01-.36ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
</svg>

Typhoon watch#

⇧ top

QWeather Icon Code: 2366

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2366"></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-2366" viewBox="0 0 16 16">
  <path d="M7.502 6.62c-.026-.226.205-.42.498-.42.293 0 .524.194.498.42L8.273 8.6h-.546l-.225-1.98Zm.901 2.78a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0Z"/>
  <path d="M12.086 0C8.174.5 5.28 1.667 3.408 3.5a6.261 6.261 0 0 0 0 9 6.493 6.493 0 0 0 2.52 1.533L3.92 16c3.913-.5 6.807-1.667 8.679-3.5a6.274 6.274 0 0 0 0-9 6.495 6.495 0 0 0-2.52-1.533L12.085 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
</svg>

Hurricane force wind watch#

⇧ top

QWeather Icon Code: 2367

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2367"></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-2367" viewBox="0 0 16 16">
  <path d="M7.502 6.62c-.026-.226.205-.42.498-.42.293 0 .524.194.498.42L8.273 8.6h-.546l-.225-1.98Zm.901 2.78a.4.4 0 1 1-.8 0 .4.4 0 0 1 .8 0Z"/>
  <path d="M6.7 1.75a6.184 6.184 0 0 0-2.364 2.03 5.699 5.699 0 0 1 2.202-1.131 5.774 5.774 0 0 1 2.484-.097 5.721 5.721 0 0 1 2.287.956 5.577 5.577 0 0 1 1.647 1.823 7.064 7.064 0 0 1 .62 5.476 7.23 7.23 0 0 1-3.519 4.301 7.494 7.494 0 0 1-5.594.607A7.326 7.326 0 0 1 .07 12.27a.543.543 0 0 1-.048-.422.556.556 0 0 1 .271-.33.576.576 0 0 1 .768.218 6.148 6.148 0 0 0 2.162 2.235 6.335 6.335 0 0 0 6.077.277 6.184 6.184 0 0 0 2.364-2.028 5.698 5.698 0 0 1-2.202 1.13 5.785 5.785 0 0 1-2.484.097 5.72 5.72 0 0 1-2.287-.956 5.578 5.578 0 0 1-1.647-1.823 7.065 7.065 0 0 1-.62-5.476A7.23 7.23 0 0 1 5.943.89a7.494 7.494 0 0 1 5.595-.606A7.327 7.327 0 0 1 15.93 3.73c.072.129.09.28.048.422a.556.556 0 0 1-.271.33.577.577 0 0 1-.43.047.564.564 0 0 1-.338-.265 6.148 6.148 0 0 0-2.162-2.235A6.335 6.335 0 0 0 6.7 1.751ZM11 8a3 3 0 1 0-6 0 3 3 0 0 0 6 0Z"/>
</svg>

Hurricane watch#

⇧ top

QWeather Icon Code: 2368

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2368"></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-2368" viewBox="0 0 16 16">
  <path d="M1 0H0v16h1v-2.936c.6.627 1.6.851 3.762.323C6.782 12.894 9 14 9 14V8.608c-2.305-.87-3.427-.607-5.143-.203l-.243.056C1.756 8.895 1 8 1 8V6.064c.6.627 1.6.851 3.762.323C6.782 5.894 9 7 9 7V1.608c-2.305-.87-3.427-.607-5.143-.203l-.243.056C1.756 1.894 1 1 1 1V0Zm5.6 2.125v3L3.4 5.5v-3l3.2-.375Zm0 7v3l-3.2.375v-3l3.2-.375ZM13 6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-.467-4.294c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

Storm surge watch#

⇧ top

QWeather Icon Code: 2369

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2369"></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-2369" viewBox="0 0 16 16">
  <path d="M5.436 9.245c.141-.251.274-.492.4-.72.464-.841.845-1.53 1.28-2.058C7.636 5.835 8.185 5.5 9 5.5c.896 0 1.793.3 2.457.779C12.125 6.761 12.5 7.376 12.5 8c0 .38-.278.73-.81 1.022.031-.138.047-.28.047-.423 0-.506-.255-1.047-.68-1.389-.455-.367-1.098-.498-1.78-.157-.645.322-1.246 1.098-1.634 1.9-.389.803-.645 1.802-.415 2.631.217.785.656 1.282 1.21 1.564.528.27 1.117.321 1.61.321.649 0 1.098-.335 1.407-.567.348-.26.504-.367.7-.367.2 0 .38.113.704.363l.051.04c.266.207.681.531 1.21.531.5 0 .838-.175 1.113-.431.12-.111.226-.238.317-.346l.006-.007a5.18 5.18 0 0 1 .298-.331.5.5 0 0 0-.708-.708c-.138.139-.252.274-.346.384l-.007.01c-.1.118-.171.2-.242.267-.112.103-.213.162-.432.162-.155 0-.306-.097-.649-.362l-.022-.018c-.282-.218-.717-.554-1.293-.554-.552 0-.965.313-1.24.523l-.06.044c-.313.235-.523.367-.807.367-.441 0-.84-.05-1.156-.212-.291-.149-.554-.412-.7-.94-.135-.484.004-1.21.351-1.929.349-.72.825-1.263 1.18-1.44.318-.16.543-.092.707.04a.849.849 0 0 1 .307.611c0 .228-.089.465-.238.64-.146.175-.324.261-.499.261a.5.5 0 0 0 0 1c.495 0 1.321-.17 2.034-.529C12.726 9.623 13.5 8.995 13.5 8c0-1.047-.625-1.931-1.457-2.532A5.301 5.301 0 0 0 9 4.5c-1.185 0-1.996.53-2.656 1.331-.5.606-.94 1.405-1.41 2.26-.121.218-.244.44-.37.664-.163.29-.325.59-.488.891-.318.591-.638 1.184-.97 1.701-.247.386-.479.693-.693.9-.224.216-.359.253-.413.253-.077 0-.218-.045-.445-.214a6.863 6.863 0 0 1-.701-.64.5.5 0 0 0-.708.708c.247.246.526.522.812.735.277.206.636.411 1.042.411.446 0 .82-.257 1.107-.534.298-.286.58-.67.841-1.08.351-.546.705-1.202 1.035-1.813.157-.291.31-.573.453-.828ZM.777 14.144a.5.5 0 0 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-.679ZM3 6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-.467-4.294c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

Flash flood watch#

⇧ top

QWeather Icon Code: 2370

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2370"></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-2370" viewBox="0 0 16 16">
  <path d="M12.848 6.166a4.501 4.501 0 0 1-4.771 3.316l-.862 3.217c-.51.13-1.031.237-1.628.281l1.041-3.886a4.501 4.501 0 1 1 6.22-2.928Zm-4.52-3.221-.416 2.772.741.198L9.68 3.307c.117-.297-.125-.644-.524-.75-.398-.108-.782.072-.829.388Zm.211 4.105a.562.562 0 1 0-1.087-.292.562.562 0 0 0 1.087.292Z"/>
  <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.5 2H0V1h4.5v1Zm-1 2H0V3h3.5v1Zm0 2H0V5h3.5v1Z"/>
</svg>

Severe thunderstorm watch#

⇧ top

QWeather Icon Code: 2371

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2371"></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-2371" viewBox="0 0 16 16">
  <path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm0-1.3A6.7 6.7 0 1 0 8 1.3a6.7 6.7 0 0 0 0 13.4Z"/>
  <path d="M7.408 3.5h3.378c.164 0 .264.195.174.342L9.1 6.25a.108.108 0 0 0 .032.145c.015.01.032.014.05.014h1.956c.26 0 .394.332.216.535L5.572 13.5 6.95 8.449a.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-.314l2.501-4.151a.352.352 0 0 1 .31-.195Z"/>
</svg>

Tornado watch#

⇧ top

QWeather Icon Code: 2372

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2372"></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-2372" viewBox="0 0 16 16">
  <path d="M.287 8.634c0 .491.257.907.766 1.257.934.659 2.347.984 4.24.984.85 0 1.638-.072 2.37-.219.765-.162 1.396-.425 1.878-.781.48-.353.73-.766.73-1.247 0-.15-.027-.29-.084-.44.985-.241 1.76-.57 2.32-.979.559-.409.843-.887.843-1.418a1.61 1.61 0 0 0-.063-.425C14.91 4.79 15.72 4.019 15.72 3.04c0-.625-.353-1.175-1.056-1.66C13.274.463 11.246 0 8.575 0 7.312 0 6.172.113 5.15.334 4.037.562 3.144.916 2.462 1.397c-.68.481-1.018 1.034-1.018 1.653 0 .369.112.703.34 1.006C.947 4.531.528 5.112.528 5.8c0 .531.263 1 .781 1.403C.63 7.6.287 8.075.287 8.634Zm.425 3.191c0 .519.32.928.957 1.219.637.29 1.447.44 2.418.44.985 0 1.794-.15 2.438-.44.644-.29.962-.703.962-1.219a.714.714 0 0 0-.184-.49.606.606 0 0 0-.475-.2.651.651 0 0 0-.425.162.712.712 0 0 0-.24.403c-.141.113-.397.213-.782.303-.384.094-.815.14-1.297.14-.78 0-1.418-.112-1.9-.334a.664.664 0 0 0 .185-.425.689.689 0 0 0-.107-.44.717.717 0 0 0-.43-.285.694.694 0 0 0-.498.091c-.415.303-.622.65-.622 1.075Zm.907-3.19a.86.86 0 0 1 .134-.129c.063-.062.2-.14.397-.24.197-.1.431-.178.681-.247l.085-.044c1.15.384 2.487.575 4.018.575.675 0 1.285-.034 1.828-.113l.185.163c-.063.113-.213.228-.447.353-.284.15-.722.29-1.319.403-.597.113-1.225.178-1.894.178a9.436 9.436 0 0 1-1.893-.178c-.597-.122-1.04-.256-1.332-.403-.237-.1-.384-.206-.443-.319Zm.078 5.968c0 .447.256.794.765 1.034.51.241 1.141.363 1.894.363.766 0 1.41-.122 1.928-.363.52-.24.782-.587.782-1.034a.643.643 0 0 0-.2-.475.648.648 0 0 0-.47-.206c-.334 0-.552.169-.652.51-.275.168-.738.262-1.39.262-.567 0-1.023-.085-1.363-.263-.104-.337-.316-.51-.647-.51a.582.582 0 0 0-.453.198.708.708 0 0 0-.194.484Zm.15-8.803c0-.056.034-.122.106-.197.169-.212.51-.425 1.006-.625 1.363.731 3.232 1.09 5.607 1.09 1.212 0 2.353-.112 3.415-.334v.063c0 .106-.062.212-.2.319-.29.256-.828.497-1.622.73-.856.257-1.934.385-3.23.385-1.304 0-2.382-.128-3.242-.384-.821-.228-1.368-.469-1.643-.722-.135-.106-.197-.213-.197-.325Zm.922-2.75c0-.128.084-.262.247-.419.318-.297.956-.581 1.9-.856 1.012-.297 2.225-.447 3.643-.447 1.425 0 2.65.15 3.679.447.956.278 1.587.569 1.9.866.156.156.24.296.24.418s-.078.247-.24.397c-.313.297-.944.588-1.9.872-1.029.297-2.247.447-3.679.447-1.418 0-2.637-.15-3.643-.447-.95-.284-1.588-.575-1.9-.878-.163-.153-.247-.281-.247-.4ZM13 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-.467-4.294c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

Tsunami watch#

⇧ top

QWeather Icon Code: 2373

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2373"></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-2373" viewBox="0 0 16 16">
  <path d="M.065 13.314a.5.5 0 0 1 .713-.17l1.017.678a.5.5 0 0 0 .5.031l1.034-.517a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553c.114-.056.233-.098.354-.124C6.566 11.845 5.75 8.158 7 6.5c1.96-2.599 7-.5 7-.5s-3.553-4.997-8-5C1.358.997.3 10.194.065 13.314Zm.019.969a.5.5 0 0 1 .693-.139l1.018.678a.5.5 0 0 0 .5.031l1.034-.517a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.034.517a.5.5 0 0 0 .5-.03l1.018-.679a.5.5 0 1 1 .554.832l-1.017.678a1.5 1.5 0 0 1-1.503.094l-1.033-.517a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.033.517a1.5 1.5 0 0 1-1.503-.094l-1.017-.678a.5.5 0 0 1-.139-.693Z"/>
  <path d="M12 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-.467-4.294c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
</svg>

Air stagnation advisory#

⇧ top

QWeather Icon Code: 2374

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2374"></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-2374" viewBox="0 0 16 16">
  <path d="M7.5 0v3.066l-.723-.482-.554.832 1.5 1L8 4.601l.277-.185 1.5-1-.554-.832-.723.482V0h-1ZM4.416 7.723l-1-1.5-.832.554.482.723H0v1h3.066l-.482.723.832.554 1-1.5L4.601 8l-.185-.277Zm9 1.5-.482-.723H16v-1h-3.066l.482-.723-.832-.554-1 1.5-.185.277.185.277 1 1.5.832-.554ZM8 12l.277-.416h.001l.002.002.008.005.03.02.111.074.379.252.97.647-.555.832-.723-.482V16h-1v-3.066l-.723.482-.554-.832 1.5-1L8 11.399l.277.185L8 12ZM5.734 8.239l1.287-.816a.108.108 0 0 0-.025-.194L6.3 7.01c.083-.148.185-.285.303-.407.18-.18.392-.323.625-.423a1.982 1.982 0 0 1 1.532 0 1.972 1.972 0 0 1 1.047 1.05.263.263 0 0 0 .485-.205 2.487 2.487 0 0 0-1.327-1.33 2.507 2.507 0 0 0-1.942 0 2.482 2.482 0 0 0-.793.535 2.48 2.48 0 0 0-.439.62l-.652-.205a.107.107 0 0 0-.138.085.108.108 0 0 0 .006.06l.57 1.397a.109.109 0 0 0 .156.05Zm5.258.903-.57-1.398a.107.107 0 0 0-.112-.066.107.107 0 0 0-.044.016l-1.287.815a.108.108 0 0 0 .026.195l.716.225a1.97 1.97 0 0 1-.335.466 1.958 1.958 0 0 1-2.157.423 1.966 1.966 0 0 1-1.047-1.05.263.263 0 0 0-.484.205c.125.297.305.565.534.795a2.485 2.485 0 0 0 3.526 0 2.52 2.52 0 0 0 .472-.68l.63.198a.108.108 0 0 0 .132-.144Z"/>
</svg>

Low water advisory#

⇧ top

QWeather Icon Code: 2375

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2375"></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-2375" viewBox="0 0 16 16">
  <path d="M0 1.5h1V15h14V1.5h1V16H0V1.5Z"/>
  <path d="M2.4 11.8c.227-.302.452-.494.693-.615.24-.12.53-.185.907-.185.222 0 .37.11.668.374l.028.025c.266.237.675.601 1.304.601s1.038-.364 1.304-.601l.028-.025C7.63 11.11 7.778 11 8 11c.222 0 .37.11.668.374l.028.025c.266.237.675.601 1.304.601s1.037-.364 1.304-.601l.028-.025c.298-.264.446-.374.668-.374.378 0 .666.065.907.185s.466.313.693.615l.8-.6c-.297-.396-.636-.704-1.045-.91-.41-.204-.86-.29-1.355-.29-.629 0-1.038.364-1.304.601l-.028.025c-.298.264-.446.374-.668.374-.222 0-.37-.11-.668-.374l-.028-.025C9.038 10.364 8.629 10 8 10s-1.038.364-1.304.601l-.028.025C6.37 10.89 6.222 11 6 11c-.222 0-.37-.11-.668-.374l-.028-.025C5.038 10.364 4.629 10 4 10c-.496 0-.945.086-1.355.29-.41.206-.748.514-1.045.91l.8.6Zm0 2c.227-.302.452-.494.693-.615.24-.12.53-.185.907-.185.222 0 .37.11.668.374l.028.025c.266.237.675.601 1.304.601s1.038-.364 1.304-.601l.028-.025C7.63 13.11 7.778 13 8 13c.222 0 .37.11.668.374l.028.025c.266.237.675.601 1.304.601s1.037-.364 1.304-.601l.028-.025c.298-.264.446-.374.668-.374.378 0 .666.065.907.185s.466.313.693.615l.8-.6c-.297-.396-.636-.704-1.045-.91-.41-.204-.86-.29-1.355-.29-.629 0-1.038.364-1.304.601l-.028.025c-.298.264-.446.374-.668.374-.222 0-.37-.11-.668-.374l-.028-.025C9.038 12.364 8.629 12 8 12s-1.038.364-1.304.601l-.028.025C6.37 12.89 6.222 13 6 13c-.222 0-.37-.11-.668-.374l-.028-.025C5.038 12.364 4.629 12 4 12c-.496 0-.945.086-1.355.29-.41.206-.748.514-1.045.91l.8.6ZM7.502 2.998C7.476 2.73 7.707 2.5 8 2.5c.293 0 .524.23.498.498L8.273 5.35h-.546l-.225-2.352Zm.873 3.127a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
  <path d="M7.773.63a.263.263 0 0 1 .454 0l3.738 6.482a.26.26 0 0 1-.227.388H4.262a.26.26 0 0 1-.227-.388L7.773.63ZM11.15 6.9 8 1.438 4.85 6.9h6.3Z"/>
</svg>

Freezing spray advisory#

⇧ top

QWeather Icon Code: 2376

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2376"></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-2376" viewBox="0 0 16 16">
  <path d="m3.854 4.854-3 3-.708-.708 3-3 .708.708ZM.146 11.146l3-3 .708.708-3 3-.708-.708Zm0 4 4.5-4.5.708.707-4.5 4.5-.708-.707Zm4 0 3-3 .708.707-3 3-.708-.707Zm7.708-2.293-3 3-.708-.707 3-3 .708.707ZM6.288 1.757a.375.375 0 0 0-.53.53l.685.686h-.686a.375.375 0 0 0 0 .75h1.436l.95.951a.381.381 0 0 0 .024.021c-.321.45-.457.991-.407 1.518a.381.381 0 0 0-.03.007l-1.3.348-1.243-.718a.375.375 0 1 0-.375.65l.594.343-.936.25a.375.375 0 0 0 .194.725l.936-.25-.342.593a.375.375 0 0 0 .65.375l.717-1.243 1.299-.348a.38.38 0 0 0 .029-.01 2.245 2.245 0 0 0 1.112 1.112.381.381 0 0 0-.01.03l-.348 1.298-1.243.718a.375.375 0 0 0 .375.65l.594-.343-.251.936a.375.375 0 1 0 .724.194l.251-.936.343.594a.375.375 0 0 0 .65-.376L9.432 9.57l.348-1.3a.385.385 0 0 0 .007-.03 2.248 2.248 0 0 0 1.518-.407.363.363 0 0 0 .02.023l.952.95v1.437a.375.375 0 0 0 .75 0v-.686l.685.686a.375.375 0 0 0 .53-.53l-.685-.686h.686a.375.375 0 0 0 0-.75h-1.436l-.95-.951a.392.392 0 0 0-.024-.021c.321-.45.457-.991.407-1.518a.38.38 0 0 0 .03-.007l1.3-.348 1.243.718a.375.375 0 1 0 .375-.65l-.594-.343.936-.25a.375.375 0 1 0-.194-.725l-.936.25.342-.593a.375.375 0 0 0-.649-.375l-.718 1.243-1.299.348a.363.363 0 0 0-.029.01 2.245 2.245 0 0 0-1.112-1.112.356.356 0 0 0 .01-.03l.348-1.298 1.243-.718a.375.375 0 1 0-.375-.65l-.594.343.251-.936a.375.375 0 1 0-.724-.194l-.251.936L10.5.812a.375.375 0 0 0-.65.375l.718 1.244-.348 1.299a.334.334 0 0 0-.007.03 2.248 2.248 0 0 0-1.518.407.382.382 0 0 0-.02-.023l-.952-.951V1.757a.375.375 0 0 0-.75 0v.686l-.685-.686Z"/>
</svg>

Freezing fog advisory#

⇧ top

QWeather Icon Code: 2377

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2377"></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-2377" viewBox="0 0 16 16">
  <path d="M12.719 9.219a.219.219 0 0 0-.438 0v.565l-.283-.282a.219.219 0 1 0-.309.309l.592.592v.784l.001.019a1.31 1.31 0 0 0-.794.458.267.267 0 0 0-.015-.01l-.68-.392-.216-.809a.219.219 0 1 0-.423.113l.104.387-.49-.283a.219.219 0 0 0-.219.379l.49.283-.386.103a.219.219 0 1 0 .113.423l.809-.217.679.392.016.008a1.31 1.31 0 0 0 0 .918.217.217 0 0 0-.016.008l-.68.392-.808-.217a.219.219 0 0 0-.113.423l.386.103-.49.283a.219.219 0 1 0 .219.38l.49-.284-.104.387a.219.219 0 1 0 .423.113l.216-.81.68-.391a.236.236 0 0 0 .015-.01c.197.238.476.405.794.458v.803l-.593.592a.219.219 0 0 0 .31.31l.282-.283v.565a.219.219 0 1 0 .438 0v-.565l.283.282a.219.219 0 1 0 .309-.309l-.592-.592v-.784l-.001-.019a1.31 1.31 0 0 0 .794-.458l.015.01.68.392.216.809a.219.219 0 0 0 .423-.113l-.104-.387.49.283a.219.219 0 0 0 .219-.379l-.49-.283.386-.103a.219.219 0 1 0-.113-.423l-.809.217-.679-.392a.217.217 0 0 0-.016-.008 1.31 1.31 0 0 0 0-.918.242.242 0 0 0 .016-.008l.68-.392.808.217a.219.219 0 1 0 .114-.423l-.387-.103.49-.283a.219.219 0 1 0-.219-.38l-.49.284.104-.387a.219.219 0 0 0-.423-.113l-.216.81-.68.391a.201.201 0 0 0-.015.01 1.311 1.311 0 0 0-.794-.458v-.803l.593-.592A.219.219 0 1 0 13 9.5l-.282.283V9.22ZM.5 1.5a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1H.5ZM.5 4a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1h-8ZM7 7a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8A.5.5 0 0 1 7 7Zm3.5-3a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM0 7a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 0 7Zm.5 2a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1h-8Z"/>
</svg>

Ashfall advisory#

⇧ top

QWeather Icon Code: 2378

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2378"></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-2378" viewBox="0 0 16 16">
  <path d="M10.65.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.387.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 5.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM1.5 7a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm3-.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM2.29 8.454a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM4 9a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-.5-7.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
  <path d="M5 1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM5 5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm-.75 2.896-.353.354.353.354.354-.354-.354-.354ZM4 10.354 4.354 10l.353.354-.353.353L4 10.354ZM2.354 9 2 9.354l.354.353.353-.353L2.354 9Z"/>
  <path d="m3.637 11.156-.561-1.122L0 14.34V16h16v-1.5h-3.37l-4.654-2.585-1.45.966-2.563-2.051-.326.326Z"/>
</svg>

Frost advisory#

⇧ top

QWeather Icon Code: 2379

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2379"></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-2379" viewBox="0 0 16 16">
  <path d="M9.985 10.75a.188.188 0 0 0 .265-.265L8.187 8.422v.53l1.798 1.798Zm-4.235-.265a.187.187 0 1 0 .265.265l1.797-1.797v-.53L5.75 10.484Zm4.5-6.97a.188.188 0 0 0-.265-.265L8.188 5.047v.53l2.062-2.062ZM6.015 3.25a.187.187 0 1 0-.265.265l2.062 2.063v-.53L6.015 3.25Zm-1.5 1.5a.187.187 0 1 0-.265.265l1.797 1.797h.53L4.516 4.75ZM4.25 8.985a.187.187 0 1 0 .265.265l2.063-2.063h-.53L4.25 8.986Zm7.5-3.97a.188.188 0 0 0-.265-.265L9.422 6.812h.53l1.798-1.797Zm-.265 4.235a.187.187 0 1 0 .265-.265L9.953 7.188h-.53l2.062 2.062Z"/>
  <path d="M13.813 6.813h-2.36L12.5 5.764a.188.188 0 0 0-.265-.265L11 6.735a.185.185 0 0 0-.047.078h-2.5l3.297-3.298a.188.188 0 0 0-.265-.265L8.188 6.547v-2.5A.187.187 0 0 0 8.264 4L9.5 2.765a.187.187 0 1 0-.265-.265L8.188 3.547v-2.36a.187.187 0 1 0-.375 0v2.36L6.764 2.5a.187.187 0 1 0-.265.265L7.735 4c.022.022.05.038.078.047v2.5L4.515 3.25a.187.187 0 1 0-.265.265l3.297 3.297h-2.47L3.766 5.5a.187.187 0 1 0-.265.265l1.047 1.048h-2.36a.187.187 0 1 0 0 .375h2.36L3.5 8.235a.187.187 0 1 0 .265.265l1.313-1.312h2.47L4.25 10.485a.187.187 0 1 0 .265.265l3.298-3.297v2.5a.187.187 0 0 0-.078.047L6.5 11.235a.187.187 0 1 0 .265.265l1.048-1.047v2.36a.187.187 0 0 0 .375 0v-2.36L9.235 11.5a.188.188 0 0 0 .265-.265L8.265 10a.187.187 0 0 0-.078-.047v-2.5l3.298 3.297a.187.187 0 0 0 .265-.265L8.453 7.188h2.5a.185.185 0 0 0 .047.077L12.235 8.5a.187.187 0 1 0 .265-.265l-1.047-1.047h2.36a.187.187 0 1 0 0-.375Z"/>
  <path d="M.5 9.5a.5.5 0 0 1 .5.5v5h14v-5a.5.5 0 0 1 1 0v6H0v-6a.5.5 0 0 1 .5-.5Z"/>
</svg>

Wind advisory#

⇧ top

QWeather Icon Code: 2380

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2380"></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-2380" 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-.01Zm5.83 8.88c-.03-.301.23-.56.56-.56.33 0 .59.259.56.56l-.253 2.646h-.614l-.253-2.646Zm.982 3.517a.422.422 0 1 1-.844 0 .422.422 0 0 1 .844 0Z"/>
  <path d="M11.244 7.71a.296.296 0 0 1 .512 0L15.96 15a.292.292 0 0 1-.256.438h-8.41A.292.292 0 0 1 7.039 15l4.205-7.291Zm3.8 7.052L11.5 8.617l-3.544 6.145h7.088Z"/>
</svg>

Lake wind advisory#

⇧ top

QWeather Icon Code: 2381

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2381"></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-2381" 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-.01Zm-.653 7.771C4.825 9.081 5.234 9 5.7 9c.532 0 .877.307 1.148.547l.018.016c.29.257.505.437.834.437.33 0 .544-.18.834-.437l.018-.016C8.822 9.307 9.168 9 9.7 9c.532 0 .877.307 1.148.547l.018.016c.29.257.505.437.834.437.33 0 .544-.18.834-.437l.018-.016c.27-.24.616-.547 1.148-.547.466 0 .875.08 1.243.264.367.184.677.463.957.836l-.4.3c-.244-.326-.498-.547-.78-.688-.284-.142-.613-.212-1.02-.212-.33 0-.544.18-.834.437l-.018.016c-.27.24-.616.547-1.148.547-.532 0-.877-.307-1.148-.547l-.018-.016c-.29-.257-.505-.437-.834-.437-.33 0-.544.18-.834.437l-.018.016c-.27.24-.616.547-1.148.547-.532 0-.877-.307-1.148-.547l-.018-.016C6.244 9.68 6.029 9.5 5.7 9.5c-.407 0-.736.07-1.02.212-.282.141-.536.362-.78.688l-.4-.3c.28-.373.59-.652.957-.836Zm0 4C4.825 13.081 5.234 13 5.7 13c.532 0 .877.307 1.148.547l.018.016c.29.257.505.437.834.437.33 0 .544-.18.834-.437l.018-.016c.27-.24.616-.547 1.148-.547.532 0 .877.307 1.148.547l.018.016c.29.257.505.437.834.437.33 0 .544-.18.834-.437l.018-.016c.27-.24.616-.547 1.148-.547.466 0 .875.08 1.243.264.367.184.677.463.957.836l-.4.3c-.244-.326-.498-.547-.78-.688-.284-.142-.613-.212-1.02-.212-.33 0-.544.18-.834.437l-.018.016c-.27.24-.616.547-1.148.547-.532 0-.877-.307-1.148-.547l-.018-.016c-.29-.257-.505-.437-.834-.437-.33 0-.544.18-.834.437l-.018.016c-.27.24-.616.547-1.148.547-.532 0-.877-.307-1.148-.547l-.018-.016c-.29-.257-.505-.437-.834-.437-.407 0-.736.07-1.02.212-.282.141-.536.362-.78.688l-.4-.3c.28-.373.59-.652.957-.836ZM5.2 11c-.466 0-.875.08-1.243.264-.367.184-.677.463-.957.836l.4.3c.244-.326.498-.547.78-.688.284-.142.613-.212 1.02-.212.33 0 .544.18.834.437l.018.016c.27.24.616.547 1.148.547.532 0 .877-.307 1.148-.547l.018-.016c.29-.257.505-.437.834-.437.33 0 .544.18.834.437l.018.016c.27.24.616.547 1.148.547.532 0 .877-.307 1.148-.547l.018-.016c.29-.257.505-.437.834-.437.407 0 .736.07 1.02.212.282.141.536.362.78.688l.4-.3c-.28-.373-.59-.652-.957-.836-.368-.183-.777-.264-1.243-.264-.532 0-.877.307-1.148.547l-.018.016c-.29.257-.505.437-.834.437-.33 0-.544-.18-.834-.437l-.018-.016c-.27-.24-.616-.547-1.148-.547-.532 0-.877.307-1.148.547l-.018.016c-.29.257-.505.437-.834.437-.33 0-.544-.18-.834-.437l-.018-.016C6.078 11.307 5.732 11 5.2 11Z"/>
</svg>

Blowing dust advisory#

⇧ top

QWeather Icon Code: 2382

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2382"></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-2382" viewBox="0 0 16 16">
  <path d="M1 13a1 1 0 1 1 0-2 1 1 0 0 1 0 2Zm5.7 0a.9.9 0 1 1 0-1.8.9.9 0 0 1 0 1.8Zm1.9-.7a.7.7 0 1 0 1.4 0 .7.7 0 0 0-1.4 0Zm3 .7a.6.6 0 1 1 0-1.2.6.6 0 0 1 0 1.2Zm1.6-.5a.5.5 0 1 0 1 0 .5.5 0 0 0-1 0Zm2 3.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-5.7 0a.9.9 0 1 0 0-1.8.9.9 0 0 0 0 1.8Zm-1.9-.7a.7.7 0 1 1-1.4 0 .7.7 0 0 1 1.4 0Zm-3 .7a.6.6 0 1 0 0-1.2.6.6 0 0 0 0 1.2Zm-2.1 0a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm10.7-.9a.9.9 0 1 1-1.8 0 .9.9 0 0 1 1.8 0ZM3 12.1a.9.9 0 1 0 1.8 0 .9.9 0 0 0-1.8 0Zm11.466-7.345a4.243 4.243 0 0 0-.836-3.122A4.106 4.106 0 0 0 10.866.028c-1.888-.243-3.62 1.12-3.86 3.039a2.945 2.945 0 0 0 .58 2.164A2.852 2.852 0 0 0 9.5 6.342a.617.617 0 0 0 .69-.54.624.624 0 0 0-.534-.7 1.639 1.639 0 0 1-1.098-.638 1.695 1.695 0 0 1-.333-1.241c.156-1.234 1.27-2.111 2.484-1.955.775.1 1.467.502 1.945 1.13.48.627.69 1.409.589 2.197a4.544 4.544 0 0 1-2.22 3.282c-1.998 1.159-4.994.916-8.662-.702a.613.613 0 0 0-.81.326.629.629 0 0 0 .319.823c1.051.463 2.014.804 2.895 1.044 3.393.922 5.567.353 6.868-.4 1.83-1.059 2.665-2.872 2.832-4.213ZM2.626 2.249c-.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="M2.83.473a.197.197 0 0 1 .34 0l2.804 4.86a.195.195 0 0 1-.17.292H.196a.195.195 0 0 1-.17-.291L2.83.473Zm2.533 4.702L3 1.078.637 5.175h4.726Z"/>
</svg>

Dust advisory#

⇧ top

QWeather Icon Code: 2383

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2383"></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-2383" viewBox="0 0 16 16">
  <path d="M7.253 8.497c-.039-.401.307-.747.747-.747s.786.346.747.747l-.338 3.528h-.818l-.338-3.528Zm1.309 4.691a.562.562 0 1 1-1.124 0 .562.562 0 0 1 1.124 0Z"/>
  <path d="M7.659 4.946a.395.395 0 0 1 .682 0l5.607 9.722a.39.39 0 0 1-.341.582H2.393a.39.39 0 0 1-.34-.582l5.606-9.722Zm5.066 9.404L8 6.156 3.275 14.35h9.45ZM5.5 1.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm5 1.25a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM3 4.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 0ZM2 11a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm1.5-3a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM11 7a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm3.75-.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0ZM11.5 9a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm2-1a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM6 4.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm8 7.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2ZM8 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm4.5 2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm-2-1a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0ZM4.75 7.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5ZM3.5 10a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
</svg>

Brisk wind advisory#

⇧ top

QWeather Icon Code: 2384

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2384"></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-2384" 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-.01Zm5.94 8.087c.05-.299.368-.482.687-.396.318.085.502.402.396.686l-.93 2.49-.593-.159.44-2.621Zm.039 3.652a.422.422 0 1 1-.815-.218.422.422 0 0 1 .815.218Z"/>
  <path d="M12.034 7.086a.296.296 0 0 1 .494.133l2.175 8.13a.292.292 0 0 1-.36.356L6.218 13.53a.292.292 0 0 1-.134-.488l5.949-5.955Zm1.845 7.796L12.046 8.03l-5.014 5.019 6.847 1.834Z"/>
</svg>

Small craft advisory#

⇧ top

QWeather Icon Code: 2385

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2385"></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-2385" viewBox="0 0 16 16">
  <path d="M2.5 0a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 1 0V9l11-4L3 1V.5a.5.5 0 0 0-.5-.5Z"/>
</svg>

Small craft advisory for winds#

⇧ top

QWeather Icon Code: 2386

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2386"></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-2386" viewBox="0 0 16 16">
  <path d="M7.25 10.875H11a.625.625 0 1 0-.59-.833.312.312 0 1 1-.589-.209A1.25 1.25 0 1 1 11 11.5H7.25a.312.312 0 1 1 0-.625Z"/>
  <path d="M12.924 10.485a1.563 1.563 0 0 1 3.076.39c0 .873-.775 1.563-1.563 1.563H6.313a.312.312 0 1 1 0-.626h8.125c.462 0 .937-.43.937-.937a.937.937 0 0 0-1.845-.235.312.312 0 1 1-.606-.155Zm-5.361 2.578c0-.173.14-.313.312-.313h5a1.25 1.25 0 1 1-1.179 1.667.312.312 0 1 1 .59-.209.625.625 0 1 0 .589-.833h-5a.312.312 0 0 1-.313-.313Z"/>
  <path d="M2.5 0a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 1 0V9l11-4L3 1V.5a.5.5 0 0 0-.5-.5Z"/>
</svg>

Small craft advisory for rough bar#

⇧ top

QWeather Icon Code: 2387

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2387"></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-2387" viewBox="0 0 16 16">
  <path d="M2.5 0a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 1 0V9l11-4L3 1V.5a.5.5 0 0 0-.5-.5Z"/>
  <path d="M5.8 10.1a.5.5 0 0 0-.6.8c.523.392 1.011.673 1.55.852.537.18 1.097.248 1.75.248.75 0 1.29-.306 1.722-.551l.024-.014c.447-.253.783-.435 1.254-.435.582 0 1.028.061 1.434.197.407.135.8.354 1.266.703a.5.5 0 0 0 .6-.8c-.523-.392-1.011-.673-1.55-.852-.537-.18-1.097-.248-1.75-.248-.75 0-1.29.306-1.722.551l-.024.014C9.307 10.818 8.97 11 8.5 11c-.582 0-1.028-.061-1.434-.196-.407-.136-.8-.355-1.266-.704Zm1 2.5a.5.5 0 1 0-.6.8c.523.392 1.011.673 1.55.852.537.18 1.097.248 1.75.248.75 0 1.29-.306 1.722-.551l.024-.014c.447-.253.783-.435 1.254-.435.582 0 1.028.061 1.434.197.407.135.8.354 1.266.703a.5.5 0 0 0 .6-.8c-.523-.392-1.011-.673-1.55-.852-.537-.18-1.097-.248-1.75-.248-.75 0-1.29.306-1.722.551l-.024.014c-.447.253-.783.435-1.254.435-.582 0-1.028-.061-1.434-.196-.407-.136-.8-.355-1.266-.704Z"/>
</svg>

Small craft advisory for hazardous seas#

⇧ top

QWeather Icon Code: 2388

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2388"></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-2388" viewBox="0 0 16 16">
  <path d="M2.5 0a.5.5 0 0 0-.5.5v15a.5.5 0 0 0 1 0V9l11-4L3 1V.5a.5.5 0 0 0-.5-.5Z"/>
  <path d="M7.742 11.629v.001l-.007.01a3.608 3.608 0 0 1-.137.203 5.394 5.394 0 0 1-.392.49 2.913 2.913 0 0 1-.513.459c-.178.12-.324.169-.436.169-.111 0-.258-.05-.436-.17a2.913 2.913 0 0 1-.513-.459 5.394 5.394 0 0 1-.529-.692l-.006-.01v-.001l-.387.293c-.387.293-.386.294-.386.294l.001.001.003.005.01.016a4.828 4.828 0 0 0 .169.25c.112.157.273.368.466.582a3.9 3.9 0 0 0 .689.612c.258.173.574.318.92.318.344 0 .66-.145.918-.318.262-.175.497-.4.689-.612.097-.107.185-.213.263-.312.079.1.167.205.264.312.192.212.427.437.688.612.258.173.574.318.92.318.345 0 .661-.145.92-.318.26-.175.495-.4.688-.612a6.08 6.08 0 0 0 .263-.312c.078.1.167.205.264.312.192.212.427.437.688.612.258.173.574.318.92.318.345 0 .66-.145.919-.318.261-.175.496-.4.688-.612a6.429 6.429 0 0 0 .635-.832l.01-.016.004-.005.001-.002-.386-.293-.387-.293v.001l-.007.01a5.38 5.38 0 0 1-.53.692 2.912 2.912 0 0 1-.511.46c-.179.12-.325.169-.437.169-.111 0-.257-.05-.436-.17a2.915 2.915 0 0 1-.512-.459 5.4 5.4 0 0 1-.53-.692l-.006-.01v-.002L11.87 11l-.386.629-.001.001-.006.01-.028.043a5.397 5.397 0 0 1-.502.65 2.915 2.915 0 0 1-.512.459c-.178.12-.325.169-.436.169-.112 0-.258-.05-.436-.17a2.913 2.913 0 0 1-.513-.459 5.394 5.394 0 0 1-.53-.692l-.005-.01-.001-.002L8.128 11l-.386.629Z"/>
</svg>

Dense smoke advisory#

⇧ top

QWeather Icon Code: 2389

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2389"></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-2389" viewBox="0 0 16 16">
  <path d="M7.253 8.497c-.039-.401.307-.747.747-.747s.786.346.747.747l-.338 3.528h-.818l-.338-3.528Zm1.309 4.691a.562.562 0 1 1-1.124 0 .562.562 0 0 1 1.124 0Z"/>
  <path d="M7.659 4.946a.395.395 0 0 1 .682 0l5.607 9.722a.39.39 0 0 1-.341.582H2.393a.39.39 0 0 1-.34-.582l5.606-9.722Zm5.066 9.404L8 6.156 3.275 14.35h9.45Z"/>
  <path d="M15.317 9.016a2.75 2.75 0 0 1-2.206 2.684l-.435-.597a2.095 2.095 0 0 0 1.976-2.08c0-.693-.343-1.307-.865-1.686a2.076 2.076 0 0 0 1.148-1.856 2.094 2.094 0 0 0-2.103-2.084c-.246 0-.482.042-.702.118.04-.165.06-.34.06-.517A2.349 2.349 0 0 0 9.83.66a2.36 2.36 0 0 0-2.21 1.526 2.109 2.109 0 0 0-1.714-.877 2.094 2.094 0 0 0-2.102 2.084c0 .178.023.353.066.518a2.114 2.114 0 0 0-1.108-.313A2.094 2.094 0 0 0 .66 5.682c0 .877.549 1.629 1.324 1.936a2.064 2.064 0 0 0-.456 1.296c0 1.088.838 1.981 1.91 2.077l-.296.62A2.751 2.751 0 0 1 .868 8.914c0-.363.074-.723.213-1.056A2.727 2.727 0 0 1 0 5.682c0-1.51 1.241-2.74 2.768-2.74.136 0 .276.01.413.03A2.76 2.76 0 0 1 5.912.65c.562 0 1.105.171 1.56.481A3.042 3.042 0 0 1 9.834 0a3.015 3.015 0 0 1 3.008 2.737c1.52.003 2.758 1.23 2.758 2.74 0 .739-.296 1.432-.808 1.936.336.462.525 1.022.525 1.603Z"/>
  <path d="M3.548 4.276c-.518-.1-1.057.095-1.419.546v.002c-.34.43-.449.992-.336 1.502.069.315.22.615.462.852a.25.25 0 0 0 .35-.356 1.198 1.198 0 0 1-.324-.603 1.308 1.308 0 0 1 .239-1.085c.25-.312.605-.43.933-.368a.25.25 0 1 0 .095-.49Zm7.376-2.483c.577.4.875 1.054.84 1.709a.25.25 0 1 1-.499-.026 1.453 1.453 0 0 0-.625-1.272 1.477 1.477 0 0 0-2.044.367.25.25 0 0 1-.411-.284 1.977 1.977 0 0 1 2.738-.495h.001ZM11.5 5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/>
</svg>

Dense fog advisory#

⇧ top

QWeather Icon Code: 2390

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2390"></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-2390" viewBox="0 0 16 16">
  <path d="M11.502 10.998c-.026-.268.205-.498.498-.498.293 0 .524.23.498.498l-.225 2.352h-.546l-.225-2.352Zm.873 3.127a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
  <path d="M11.773 8.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-.388l3.738-6.481Zm3.377 6.27L12 9.438 8.85 14.9h6.3ZM.5 1.5a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1H.5ZM.5 4a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1h-8ZM7 7a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8A.5.5 0 0 1 7 7Zm3.5-3a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5ZM0 7a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5A.5.5 0 0 1 0 7Zm.5 2a.5.5 0 0 0 0 1h8a.5.5 0 0 0 0-1h-8Z"/>
</svg>

High surf advisory#

⇧ top

QWeather Icon Code: 2391

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2391"></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-2391" viewBox="0 0 16 16">
  <path d="M15.734 11.961a.39.39 0 0 0-.495.245c-.188.553-.535.822-1.063.822-.51 0-.98-.373-1.169-.929a.39.39 0 0 0-.377-.265h-.005a.39.39 0 0 0-.372.265c-.188.556-.658.929-1.169.929s-.981-.373-1.17-.929a.39.39 0 0 0-.377-.265h-.004a.39.39 0 0 0-.372.265c-.188.556-.658.929-1.17.929-.398 0-.771-.228-1.006-.592a.398.398 0 0 0-.02-.049c-.735-1.445-.727-2.796-.32-3.864.005-.01.012-.021.017-.033.001-.004.15-.344.439-.617.341-.324.717-.408 1.148-.256.392.138.502.343.555.442.126.236.3.269.424.255a.404.404 0 0 0 .342-.295c.14-.43.185-1.215-.337-1.787.734-.116 1.555.071 2.314.808l.006.006c.059.055.27.225.535.142.236-.074.366-.314.325-.597l-.003-.02-.005-.02a5.252 5.252 0 0 0-1.219-2.113c-.854-.898-2.427-1.844-5.072-1.256-1.295.288-2.426.952-3.361 1.973-.737.804-1.342 1.834-1.829 3.049-.922 2.302-.94 4.196-.92 4.253.295.872.935 1.353 1.803 1.353.603 0 1.165-.298 1.546-.784.38.486.943.784 1.546.784.603 0 1.166-.298 1.546-.784.381.486.944.784 1.547.784.602 0 1.165-.298 1.546-.784.38.486.943.784 1.546.784.603 0 1.165-.298 1.546-.784.381.486.943.784 1.546.784.868 0 1.508-.48 1.803-1.353a.391.391 0 0 0-.245-.496Zm-6.926-4.95a2.132 2.132 0 0 0-.843-.245c.118-.085.244-.163.377-.233a.89.89 0 0 1 .466.477Zm-3.909 6.017c-.511 0-.981-.373-1.169-.929a.39.39 0 0 0-.377-.265h-.005a.39.39 0 0 0-.372.265c-.188.556-.658.929-1.17.929-.509 0-.85-.252-1.041-.767.008-.107.148-1.88.888-3.772.998-2.554 2.556-4.082 4.63-4.543C8.109 3.54 9.56 3.88 10.6 4.955c.29.3.507.619.667.903-1.193-.67-2.599-.581-3.789.296a4.59 4.59 0 0 0-1.531 2.021l-.004.008-.004.012c-.088.226-.16.459-.216.7-.247 1.076-.141 2.212.304 3.315-.21.493-.65.818-1.127.818Z"/>
  <path d="M13.189 7.874c-.016-.168.128-.311.311-.311s.327.143.311.31l-.14 1.47h-.341l-.141-1.47Zm.545 1.954a.234.234 0 1 1-.468 0 .234.234 0 0 1 .468 0Z"/>
  <path d="M13.358 6.394a.164.164 0 0 1 .284 0l2.336 4.05a.162.162 0 0 1-.142.243h-4.672a.162.162 0 0 1-.142-.242l2.336-4.05Zm2.11 3.918L13.5 6.899l-1.969 3.415h3.938Zm.267 3.815a.39.39 0 0 0-.496.245c-.187.552-.534.82-1.06.82-.511 0-.98-.372-1.168-.927a.39.39 0 0 0-.372-.265h-.011a.39.39 0 0 0-.371.265c-.188.555-.657.927-1.168.927-.51 0-.98-.372-1.168-.927a.39.39 0 0 0-.37-.265h-.012a.39.39 0 0 0-.371.265c-.188.555-.657.927-1.168.927-.51 0-.98-.372-1.168-.927A.39.39 0 0 0 6.461 14H6.45a.39.39 0 0 0-.371.265c-.188.555-.657.927-1.168.927-.51 0-.98-.372-1.168-.927A.39.39 0 0 0 3.372 14H3.36a.39.39 0 0 0-.371.265c-.188.555-.658.927-1.168.927-.527 0-.874-.268-1.061-.82a.39.39 0 1 0-.74.25c.295.872.934 1.352 1.8 1.352.603 0 1.165-.298 1.545-.783.38.485.943.783 1.545.783s1.164-.298 1.544-.783c.38.485.943.783 1.545.783s1.164-.298 1.545-.783c.38.485.942.783 1.544.783.602 0 1.164-.298 1.545-.783.38.485.942.783 1.544.783.867 0 1.506-.48 1.801-1.351a.39.39 0 0 0-.244-.496Z"/>
</svg>

Coastal flood advisory#

⇧ top

QWeather Icon Code: 2392

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2392"></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-2392" viewBox="0 0 16 16">
  <path d="M8.762 3.753c.055-.332.408-.535.762-.44.354.095.558.447.44.762L8.931 6.842l-.658-.177.489-2.912Zm.042 4.057a.469.469 0 1 1-.906-.242.469.469 0 0 1 .906.243Z"/>
  <path d="M10.403 1.13a.329.329 0 0 0-.549-.148l-6.61 6.616a.324.324 0 0 0 .15.542l3.788 1.016-1.006 3.754a.51.51 0 0 0 .048-.02l1.105-.554a1.5 1.5 0 0 1 .596-.156l.706-2.636 3.788 1.015a.324.324 0 0 0 .4-.395l-2.416-9.035Zm-.535.9 2.036 7.614-7.607-2.038 5.57-5.576Z"/>
  <path d="M.084 12.283a.5.5 0 0 1 .693-.139l1.018.678a.5.5 0 0 0 .5.031l1.034-.517a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.034.517a.5.5 0 0 0 .5-.03l1.018-.679a.5.5 0 1 1 .554.832l-1.017.678a1.5 1.5 0 0 1-1.503.094l-1.033-.517a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.033.517a1.5 1.5 0 0 1-1.503-.094l-1.017-.678a.5.5 0 0 1-.139-.693Zm0 2a.5.5 0 0 1 .693-.139l1.018.678a.5.5 0 0 0 .5.031l1.034-.517a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.034.517a.5.5 0 0 0 .5-.03l1.018-.679a.5.5 0 1 1 .554.832l-1.017.678a1.5 1.5 0 0 1-1.503.094l-1.033-.517a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.033.517a1.5 1.5 0 0 1-1.503-.094l-1.017-.678a.5.5 0 0 1-.139-.693Z"/>
</svg>

Lakeshore flood advisory#

⇧ top

QWeather Icon Code: 2393

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2393"></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-2393" viewBox="0 0 16 16">
  <path d="m4.35 0 2.706 3.479h-.974l1.426 1.902h-1.31l1.901 2.14H5.328l-.025 1.817c.709-.135 1.403-.368 2.084-.596l.039-.013.037-.013C8.497 8.364 9.565 8 10.649 8c1.341 0 3.236.492 4.788.894l.049.013.514.13v1.473c0 3.012-2.607 5.49-5.813 5.49H5.814C2.607 16 0 13.522 0 10.51V8.567l.669.21c.104.022.2.051.304.083l.159.047c.625.205 1.315.431 2.233.516V7.52H.6l1.902-2.14h-1.31l1.426-1.902h-.974L4.35 0ZM1.029 9.895v.599c0 .154.008.307.024.457 1.485.307 2.475.387 4.114.354 1.056-.02 1.861-.23 2.713-.453l.012-.003c.85-.223 1.748-.458 2.922-.481 1.646-.033 2.689.046 4.152.339.003-.07.005-.142.005-.213V9.78c-1.389-.356-3.172-.81-4.322-.81-.908 0-1.869.325-2.863.665l-.035.011c-1.138.385-2.31.782-3.618.782-1.355 0-2.315-.275-3.104-.534Zm4.157 2.348c-1.55.03-2.566-.038-3.902-.29a4.48 4.48 0 0 0 .984 1.574c.911.13 1.744.162 2.9.14 1.055-.022 1.86-.231 2.712-.454l.012-.003c.85-.223 1.748-.458 2.922-.481 1.351-.027 2.297.021 3.402.201.268-.394.473-.831.602-1.297-1.415-.285-2.394-.36-3.985-.328-1.056.021-1.861.23-2.713.454l-.012.003c-.85.222-1.748.457-2.922.48Zm0 2.36c-.504.01-.952.01-1.372-.004a5 5 0 0 0 2 .413h4.373a4.921 4.921 0 0 0 3.292-1.24c-.816-.102-1.599-.127-2.646-.106-1.056.021-1.861.23-2.713.453l-.012.004c-.85.222-1.748.457-2.922.48Zm6.441-12.354c-.02-.201.153-.374.373-.374s.393.173.373.374l-.168 1.764h-.41l-.168-1.764Zm.654 2.345a.281.281 0 1 1-.562 0 .281.281 0 0 1 .562 0Z"/>
  <path d="M11.83.473a.197.197 0 0 1 .34 0l2.804 4.86a.195.195 0 0 1-.17.292H9.196a.195.195 0 0 1-.17-.291L11.83.473Zm2.533 4.702L12 1.078 9.637 5.175h4.726Z"/>
</svg>

Hydrologic advisory#

⇧ top

QWeather Icon Code: 2394

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2394"></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-2394" viewBox="0 0 16 16">
  <path d="M15.427 15.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.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.377Zm-8.14-6.604c-.045-.29.136-.64.397-.797a.607.607 0 0 1 .645.018l.056.034a.677.677 0 0 1 .327.683L8.426 6.64h-.862l-.277-1.759ZM8.48 7.52a.48.48 0 1 1-.96 0 .48.48 0 0 1 .96 0Z"/>
  <path d="M5.879 8.621A3 3 0 0 1 5 6.5C5 5 6.666 2.315 8 .5c1.334 1.815 3 4.5 3 6a3 3 0 0 1-5.121 2.121Zm.53-.53A2.25 2.25 0 0 0 10.25 6.5C10.25 5.375 9 3.361 8 2 7 3.361 5.75 5.375 5.75 6.5c0 .597.237 1.17.659 1.591Z"/>
</svg>

Flood advisory#

⇧ top

QWeather Icon Code: 2395

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2395"></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-2395" 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-.48ZM8.762 3.753c.055-.332.408-.535.762-.44.354.095.558.447.44.762L8.931 6.842l-.658-.177.489-2.912Zm.042 4.057a.469.469 0 1 1-.906-.242.469.469 0 0 1 .906.243Z"/>
  <path d="M9.854.982a.329.329 0 0 1 .55.147l2.415 9.035a.324.324 0 0 1-.4.395L8.631 9.544l-.801 2.99c-.543.15-1.069.293-1.655.38l1.007-3.758L3.393 8.14a.324.324 0 0 1-.149-.542L9.854.982Zm2.05 8.662L9.868 2.03 4.297 7.606l7.607 2.038Z"/>
</svg>

Heat advisory#

⇧ top

QWeather Icon Code: 2396

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2396"></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-2396" viewBox="0 0 16 16">
  <path d="M6.14 2.94a.658.658 0 0 0 .651-.74l-.136-1.077a.669.669 0 0 0-.734-.57.658.658 0 0 0-.568.735l.137 1.077a.658.658 0 0 0 .65.575ZM2.806 4.473a.653.653 0 0 0 .92-.118.658.658 0 0 0-.117-.922l-.857-.664a.658.658 0 0 0-.92.117.66.66 0 0 0 .117.922l.857.665Zm.077 2.64a.664.664 0 0 0-.732-.568l-1.077.137a.657.657 0 0 0 .166 1.304l1.075-.138a.658.658 0 0 0 .568-.734Zm.37 2.84-.664.86a.66.66 0 0 0 .602 1.056.651.651 0 0 0 .435-.252l.664-.86a.657.657 0 1 0-1.037-.803Zm3.507-.164A4.513 4.513 0 0 1 8.5 7.558V4.564a3 3 0 1 0-1.74 5.225ZM11.5 3a.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>

Wind chill advisory#

⇧ top

QWeather Icon Code: 2397

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2397"></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-2397" viewBox="0 0 16 16">
  <path d="M6.76 1.23 8.5 2.391l-.555.832-1.258-.839-1.964.982L2.5 2.254l.447-.894 1.777.888L6.76 1.23Zm1.741 10.431L6.76 10.5l-2.036 1.018-1.777-.888-.447.894 2.224 1.112 1.964-.982 1.258.839.555-.832Zm0 2.136L6.76 12.636l-2.036 1.018-1.777-.888-.447.894 2.224 1.112 1.964-.982 1.258.839.555-.832Zm0-9.27L6.76 3.366 4.724 4.384l-1.777-.888-.447.894 2.224 1.112 1.964-.982 1.258.839.555-.832Z"/>
  <path d="M13.5 2.5a2.5 2.5 0 0 0-2.421 1.875.5.5 0 0 0 .968.25A1.5 1.5 0 0 1 15 5c0 .812-.76 1.5-1.5 1.5H.5a.5.5 0 1 0 0 1h13C14.76 7.5 16 6.397 16 5a2.5 2.5 0 0 0-2.5-2.5Zm-13 6a.5.5 0 1 0 0 1h11a1 1 0 1 1-.943 1.333.5.5 0 0 0-.943.334A2 2 0 1 0 11.5 8.5H.5Z"/>
</svg>

Winter weather advisory#

⇧ top

QWeather Icon Code: 2398

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2398"></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-2398" viewBox="0 0 16 16">
  <path d="M8 2.875 14.3 13.8H1.7L8 2.875Zm.455-1.614a.526.526 0 0 0-.91 0L.07 14.224c-.2.346.052.776.454.776h14.952c.402 0 .654-.43.454-.776L8.455 1.26Z"/>
  <path d="M8.188 7.188a.187.187 0 1 0-.376 0v.484L7.57 7.43a.187.187 0 1 0-.265.265l.508.508v.687a1.124 1.124 0 0 0-.68.393.192.192 0 0 0-.014-.008l-.582-.336-.186-.693a.188.188 0 0 0-.362.097l.089.33-.42-.242a.187.187 0 1 0-.187.325L5.89 9l-.332.088a.188.188 0 0 0 .097.363l.694-.186.582.336a.193.193 0 0 0 .014.007 1.123 1.123 0 0 0 0 .786.195.195 0 0 0-.014.007l-.582.336-.694-.186a.188.188 0 0 0-.097.363L5.89 11l-.42.243a.187.187 0 1 0 .188.325l.42-.243-.089.331a.187.187 0 1 0 .362.097l.186-.693.582-.336a.161.161 0 0 0 .014-.008c.168.204.408.347.68.393v.687l-.508.508a.188.188 0 0 0 .265.265l.242-.242v.485a.187.187 0 1 0 .375 0v-.485l.243.242a.188.188 0 0 0 .265-.265l-.508-.508v-.687c.272-.046.512-.19.68-.393a.195.195 0 0 0 .014.008l.582.336.186.693a.188.188 0 0 0 .362-.097l-.089-.33.42.242a.188.188 0 1 0 .187-.325l-.42-.242.332-.09a.188.188 0 0 0-.097-.362l-.694.186-.582-.336a.196.196 0 0 0-.014-.007 1.123 1.123 0 0 0 0-.786.194.194 0 0 0 .014-.007l.582-.336.694.186a.187.187 0 1 0 .097-.363L10.11 9l.42-.243a.188.188 0 0 0-.188-.325l-.42.243.089-.331a.187.187 0 1 0-.362-.097l-.186.693-.582.336a.187.187 0 0 0-.014.008 1.124 1.124 0 0 0-.68-.393v-.687l.508-.508a.187.187 0 1 0-.265-.265l-.242.242v-.484Z"/>
</svg>

Avalanche advisory#

⇧ top

QWeather Icon Code: 2399

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2399"></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-2399" viewBox="0 0 16 16">
  <path d="M6.849 4.35a.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-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 0 0 .35-.606L7.2 5.5l.47-.272a.35.35 0 1 0-.35-.606l-.47.272V4.35Zm0-4a.35.35 0 0 0-.7 0v.544l-.47-.272a.35.35 0 1 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-.606L7.2 1.5l.47-.272a.35.35 0 1 0-.35-.606l-.47.272V.35Zm4 7a.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-.272v.544a.35.35 0 1 0 .7 0v-.544l.47.272a.35.35 0 1 0 .35-.606L11.2 8.5l.47-.272a.35.35 0 1 0-.35-.606l-.47.272V7.35Zm4 2a.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 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.35Z"/>
  <path d="m1.411 4 1.472.835 1.235 2.139 2.44 1.017L7.664 9.77l3.588.905L15 15.998H0L1.411 4Zm9.778-1.126c-.016-.168.128-.312.311-.312s.327.144.311.312l-.14 1.47h-.341l-.141-1.47Zm.545 1.954a.234.234 0 1 1-.468 0 .234.234 0 0 1 .468 0Z"/>
  <path d="M11.358 1.394a.164.164 0 0 1 .284 0l2.336 4.05a.162.162 0 0 1-.142.244H9.164a.162.162 0 0 1-.142-.243l2.336-4.05Zm2.11 3.918L11.5 1.898 9.531 5.313h3.938Z"/>
</svg>

Tsunami advisory#

⇧ top

QWeather Icon Code: 2400

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2400"></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-2400" viewBox="0 0 16 16">
  <path d="M.065 13.314a.5.5 0 0 1 .713-.17l1.017.678a.5.5 0 0 0 .5.031l1.034-.517a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553c.114-.056.233-.098.354-.124C6.566 11.845 5.75 8.158 7 6.5c1.96-2.599 7-.5 7-.5s-3.553-4.997-8-5C1.358.997.3 10.194.065 13.314Zm.019.969a.5.5 0 0 1 .693-.139l1.018.678a.5.5 0 0 0 .5.031l1.034-.517a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.034.517a.5.5 0 0 0 .5-.03l1.018-.679a.5.5 0 1 1 .554.832l-1.017.678a1.5 1.5 0 0 1-1.503.094l-1.033-.517a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.033.517a1.5 1.5 0 0 1-1.503-.094l-1.017-.678a.5.5 0 0 1-.139-.693Zm11.543-5.034c-.02-.201.153-.374.373-.374s.393.173.373.374l-.168 1.763h-.41l-.168-1.763Zm.654 2.345a.281.281 0 1 1-.562 0 .281.281 0 0 1 .562 0Z"/>
  <path d="M11.83 7.473a.197.197 0 0 1 .34 0l2.804 4.86a.195.195 0 0 1-.17.292H9.196a.195.195 0 0 1-.17-.291l2.803-4.861Zm2.533 4.702L12 8.078l-2.363 4.097h4.726Z"/>
</svg>

Flood statement#

⇧ top

QWeather Icon Code: 2409

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2409"></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-2409" viewBox="0 0 16 16">
  <path d="M15.427 15.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.377Zm-7.1-10.23c.047-.316.43-.495.83-.389.398.107.64.454.523.751L8.653 6.226l-.74-.199.414-2.772ZM8.54 7.36a.563.563 0 1 1-1.088-.291.563.563 0 0 1 1.087.29Z"/>
  <path d="M4.154 4.147a4.501 4.501 0 0 0 2.474 5.257l-.956 3.57a9.516 9.516 0 0 0 1.632-.298l.773-2.884a4.501 4.501 0 1 0-3.923-5.645Zm7.988 2.14A3.769 3.769 0 1 1 4.86 4.336a3.769 3.769 0 0 1 7.28 1.95Z"/>
</svg>

Hydrologic outlook#

⇧ top

QWeather Icon Code: 2411

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2411"></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-2411" viewBox="0 0 16 16">
  <path d="M6.586 8.414A2 2 0 0 1 6 7c0-1 1.11-2.79 2-4 .89 1.21 2 3 2 4a2 2 0 0 1-3.414 1.414Zm.353-.353A1.5 1.5 0 0 0 9.5 7c0-.75-.833-2.093-1.5-3-.667.907-1.5 2.25-1.5 3 0 .398.158.78.44 1.06Z"/>
  <path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm0-1.3a6.68 6.68 0 0 0 4.734-1.958 1.73 1.73 0 0 0-.136-.081c-.187-.098-.41-.161-1.098-.161-.584 0-1.01.2-1.533.45l-.022.011c-.512.247-1.12.539-1.945.539s-1.433-.292-1.945-.539l-.022-.01c-.522-.252-.949-.451-1.533-.451-.688 0-.911.063-1.097.16-.044.024-.088.05-.137.082A6.68 6.68 0 0 0 8 14.7Zm5.063-2.924c.114.06.222.13.328.203.226-.305.426-.63.598-.972a4.881 4.881 0 0 0-.796-.308c-.488-.14-1.012-.199-1.693-.199-.584 0-1.01.2-1.533.45l-.022.011c-.512.247-1.12.539-1.945.539s-1.433-.292-1.945-.539l-.022-.01c-.522-.252-.949-.451-1.533-.451-.681 0-1.205.06-1.693.2a4.89 4.89 0 0 0-.796.307 6.7 6.7 0 0 0 .598.972 3.08 3.08 0 0 1 .328-.203c.406-.214.83-.276 1.563-.276.825 0 1.433.292 1.945.539l.022.01c.522.252.949.451 1.533.451s1.01-.2 1.533-.45l.022-.011c.512-.247 1.12-.539 1.945-.539.733 0 1.157.062 1.563.276Zm.405-2.038c.307.087.603.201.902.343a6.7 6.7 0 1 0-12.741 0c.3-.142.596-.256.903-.343C3.137 9.565 3.76 9.5 4.5 9.5c.825 0 1.433.292 1.945.539l.022.01c.522.252.949.451 1.533.451s1.01-.2 1.533-.45l.022-.011c.512-.247 1.12-.539 1.945-.539.74 0 1.363.065 1.968.238Z"/>
</svg>

Hazardous weather outlook#

⇧ top

QWeather Icon Code: 2412

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2412"></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-2412" viewBox="0 0 16 16">
  <path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm0-1.3A6.7 6.7 0 1 0 8 1.3a6.7 6.7 0 0 0 0 13.4Z"/>
  <path d="M7.925 11.75c1.152 0 2.183-.52 2.87-1.337a2.25 2.25 0 1 0 .415-4.223 3.749 3.749 0 0 0-6.554-.029 2.25 2.25 0 1 0 .44 4.3 3.74 3.74 0 0 0 2.829 1.289Zm.371-4.1c-.018.032.009.07.049.07h1.101c.046 0 .07.048.042.08l-2.234 2.432c-.039.042-.114.005-.093-.047l.554-1.458c.012-.031-.014-.065-.051-.065H6.598c-.072 0-.12-.068-.088-.127l1.048-1.977a.119.119 0 0 1 .043-.043.11.11 0 0 1 .057-.015h1.184c.04 0 .066.038.048.07l-.594 1.08Z"/>
</svg>

Air quality alert#

⇧ top

QWeather Icon Code: 2413

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2413"></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-2413" viewBox="0 0 16 16">
  <path d="M3.053 14.7c3.153-1.698 5.733-4.387 8.965-9.025.149-.213-.39.786-.504 1.018-1.57 3.174-3.59 5.201-4.882 6.422a.396.396 0 0 0 .094.643c1.17.62 3.94 1.6 6.033-2.04C14.612 8.497 14.906 3.573 15 1.21c.017-.416-.248-.138-.53.188-1.024 1.187-3.946 1.442-6.009 2.568-4.27 2.33-4.632 5.305-3.61 8.04a.43.43 0 0 1 .003.296c-.034.096-.734.878-.821.93-.581.355-1.47.922-2.447.978-1.591.092.458 1.031 1.468.49Z"/>
</svg>

Extreme fire danger#

⇧ top

QWeather Icon Code: 2414

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2414"></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-2414" viewBox="0 0 16 16">
  <path d="m6.945 13.89-.433.08-.493.015-.44-.074-.47-.176-.397-.264-.331-.337-.28-.389-.212-.433-.17-.455-.11-.454-.073-.448c-.125-1.071.345-1.65-.03-2.685.316.154.588.447.728.697.213-1.115.345-2.304.242-3.36.47.117.794.939.992 1.328.53-1.585.669-3.015.294-3.866.478.051.757.609 1.08 1.24.316-.419.265-1.284.265-2.18.051-.425.125-.902.39-1.129.257 2.003 1.241 1.834 1.792 4.064.199-.44.235-.917.184-1.518.647.374 1.212 1.775 1.514 3.778.286-.147.418-.712.529-1.35.624.887.845 1.995.529 3.316-.162.374-.265.755-.213 1.18.264-.16.352-.55.507-.872.11.477.22 1.041.125 1.452-.316 2.377-2.932 3.448-4.497 2.73 1.11-.705 2.256-.976 2.542-3.221a1.84 1.84 0 0 1-.61.345c.243-.763.316-1.446.03-1.827-.302.792-.72 1.262-1.044 1.35.382-.631.456-1.636-.654-3.272.213 1.951 0 2.854-.507 3.529a3.803 3.803 0 0 1-.815-1.658c-.316.792-.346 1.746.044 2.905-.397-.11-.713-.492-1.132-2.876-.345.91-.448 1.68-.39 1.966-.102-.051-.41-.293-.624-.345.316 1.9 1.124 2.898 2.138 3.213ZM0 15h16v1H0v-1Z"/>
</svg>

Marine weather statement#

⇧ top

QWeather Icon Code: 2415

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2415"></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-2415" viewBox="0 0 16 16">
  <path d="M12.635 7.477 16 7v9H0v-1.059s7.605-.09 10-1.641c1.944-1.259 1.908-4.44 2.176-5.412a.563.563 0 0 1 .46-.41Z"/>
  <path d="m11.091 7.456-.867.433a.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-.68a.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 0l.263-.132c.034-.239.062-.466.089-.676.024-.19.046-.364.068-.52Zm-.419 2.609-.448.224a.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-.68a.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 .935.135 7.89 7.89 0 0 0 .408-1.254ZM9.5 12.55l-.83-.414a1.5 1.5 0 0 0-1.34 0l-1.106.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-.679a.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 0l.404.202a3.16 3.16 0 0 0 .872-.682ZM7.533 1.706c-.024-.212.192-.393.467-.393s.49.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
  <path d="M5 3a3 3 0 1 0 6 0 3 3 0 0 0-6 0Zm5.512 0a2.512 2.512 0 1 1-5.024 0 2.512 2.512 0 0 1 5.024 0Z"/>
</svg>

Special weather statement#

⇧ top

QWeather Icon Code: 2416

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2416"></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-2416" viewBox="0 0 16 16">
  <path d="M8.406 16c1.44 0 2.728-.623 3.588-1.604a2.9 2.9 0 0 0 1.194.254c1.553 0 2.812-1.209 2.812-2.7s-1.26-2.7-2.813-2.7a2.93 2.93 0 0 0-.674.078C11.714 7.94 10.175 7 8.406 7c-1.754 0-3.282.925-4.086 2.294a2.943 2.943 0 0 0-.508-.044C2.26 9.25 1 10.46 1 11.95s1.26 2.7 2.813 2.7c.373 0 .73-.07 1.056-.197A4.76 4.76 0 0 0 8.406 16Zm-.742-5.758c-.053-.326.16-.72.466-.897a.737.737 0 0 1 .755.02l.066.038a.751.751 0 0 1 .383.768L9 12.22H7.99l-.325-1.98Zm1.398 2.968c0 .298-.251.54-.562.54a.552.552 0 0 1-.563-.54c0-.298.252-.54.563-.54.31 0 .562.242.562.54ZM4.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 1 0-.223-1.008l-1.15.256a.516.516 0 1 0 .223 1.008Zm10.238-2.28a.534.534 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.536Z"/>
</svg>

Lakeshore flood statement#

⇧ top

QWeather Icon Code: 2417

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2417"></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-2417" viewBox="0 0 16 16">
  <path d="m4.35 0 2.706 3.479h-.974l1.426 1.902h-1.31l1.901 2.14H5.328l-.025 1.817c.709-.135 1.403-.368 2.084-.596l.039-.013.037-.013C8.497 8.364 9.565 8 10.649 8c1.341 0 3.236.492 4.788.894l.049.013.514.13v1.473c0 3.012-2.607 5.49-5.813 5.49H5.814C2.607 16 0 13.522 0 10.51V8.567l.669.21c.104.022.2.051.304.083l.159.047c.625.205 1.315.431 2.233.516V7.52H.6l1.902-2.14h-1.31l1.426-1.902h-.974L4.35 0ZM1.029 9.895v.599c0 .154.008.307.024.457 1.485.307 2.475.387 4.114.354 1.056-.02 1.861-.23 2.713-.453l.012-.003c.85-.223 1.748-.458 2.922-.481 1.646-.033 2.689.046 4.152.339.003-.07.005-.142.005-.213V9.78c-1.389-.356-3.172-.81-4.322-.81-.908 0-1.869.325-2.863.665l-.035.011c-1.138.385-2.31.782-3.618.782-1.355 0-2.315-.275-3.104-.534Zm4.157 2.348c-1.55.03-2.566-.038-3.902-.29a4.48 4.48 0 0 0 .984 1.574c.911.13 1.744.162 2.9.14 1.055-.022 1.86-.231 2.712-.454l.012-.003c.85-.223 1.748-.458 2.922-.481 1.351-.027 2.297.021 3.402.201.268-.394.473-.831.602-1.297-1.415-.285-2.394-.36-3.985-.328-1.056.021-1.861.23-2.713.454l-.012.003c-.85.222-1.748.457-2.922.48Zm0 2.36c-.504.01-.952.01-1.372-.004a5 5 0 0 0 2 .413h4.373a4.921 4.921 0 0 0 3.292-1.24c-.816-.102-1.599-.127-2.646-.106-1.056.021-1.861.23-2.713.453l-.012.004c-.85.222-1.748.457-2.922.48Zm7.347-12.897c-.024-.212.192-.393.467-.393s.491.181.467.393l-.211 1.857h-.512l-.21-1.857Zm.845 2.607a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Z"/>
  <path d="M10 3a3 3 0 1 0 6 0 3 3 0 0 0-6 0Zm5.512 0a2.513 2.513 0 1 1-5.025 0 2.513 2.513 0 0 1 5.025 0Z"/>
</svg>

Coastal flood statement#

⇧ top

QWeather Icon Code: 2418

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2418"></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-2418" viewBox="0 0 16 16">
  <path d="M8.327 3.055c.047-.316.43-.495.83-.389.398.107.64.454.523.751L8.653 6.026l-.74-.199.414-2.772ZM8.54 7.16a.563.563 0 1 1-1.087-.291.563.563 0 0 1 1.086.29Z"/>
  <path d="M4.155 3.947a4.501 4.501 0 0 0 2.473 5.257l-.971 3.625.12.06a.5.5 0 0 0 .447 0l1.105-.553.015-.007.733-2.737a4.501 4.501 0 1 0-3.922-5.645Zm7.987 2.14A3.769 3.769 0 1 1 4.86 4.136a3.769 3.769 0 0 1 7.28 1.95ZM.084 14.283a.5.5 0 0 1 .693-.139l1.018.678a.5.5 0 0 0 .5.031l1.034-.517a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.034.517a.5.5 0 0 0 .5-.03l1.018-.679a.5.5 0 1 1 .554.832l-1.017.678a1.5 1.5 0 0 1-1.503.094l-1.033-.517a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.033.517a1.5 1.5 0 0 1-1.503-.094l-1.017-.678a.5.5 0 0 1-.139-.693Z"/>
  <path d="M.084 12.283a.5.5 0 0 1 .693-.139l1.018.678a.5.5 0 0 0 .5.031l1.034-.517a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.105.553a.5.5 0 0 0 .448 0l1.105-.553a1.5 1.5 0 0 1 1.342 0l1.034.517a.5.5 0 0 0 .5-.03l1.018-.679a.5.5 0 1 1 .554.832l-1.017.678a1.5 1.5 0 0 1-1.503.094l-1.033-.517a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.105.553a1.5 1.5 0 0 1-1.342 0l-1.105-.553a.5.5 0 0 0-.448 0l-1.033.517a1.5 1.5 0 0 1-1.503-.094l-1.017-.678a.5.5 0 0 1-.139-.693Z"/>
</svg>

Beach hazards statement#

⇧ top

QWeather Icon Code: 2419

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2419"></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-2419" viewBox="0 0 16 16">
  <path d="M.496 3.258a.296.296 0 0 1 .335-.255c.447.065.82.168 1.167.343.347.176.652.418.972.742.319.324.557.633.73.985.074.15.135.304.185.467.084-.088.176-.166.277-.233A1.868 1.868 0 0 1 5.225 5c.398 0 .76.1 1.064.307.305.206.535.506.688.878a.302.302 0 0 1-.16.392.294.294 0 0 1-.386-.162 1.314 1.314 0 0 0-.47-.609 1.285 1.285 0 0 0-.736-.206c-.297 0-.54.074-.735.206a1.126 1.126 0 0 0-.163.134 2.14 2.14 0 0 1 .54.062c.359.091.678.281 1.033.561.48.38.93 1.063 1.09 1.658a.3.3 0 0 1-.208.368.295.295 0 0 1-.363-.21c-.127-.47-.503-1.043-.882-1.342-.325-.256-.568-.39-.813-.453a1.837 1.837 0 0 0-.682-.025v6.666l2.658.147V11.3H5l-.134-.568L7 9.665l2.134 1.067L9 11.3H7.3v2.106l1.37.076a1 1 0 0 1 .584.23L12 16H0v-3l3.45.192V6.559a1.837 1.837 0 0 0-.681.025c-.245.062-.488.197-.813.453-.38.3-.755.872-.882 1.342a.295.295 0 0 1-.363.21.3.3 0 0 1-.208-.368c.16-.595.61-1.279 1.09-1.658.355-.28.674-.47 1.033-.56.077-.02.154-.035.233-.045a3.474 3.474 0 0 0-.14-.075c-.351-.178-.705-.283-.944-.283-.284 0-.498.03-.692.096a2.124 2.124 0 0 0-.61.344.293.293 0 0 1-.414-.06.303.303 0 0 1 .06-.42c.26-.198.505-.342.777-.433A2.68 2.68 0 0 1 1.775 5c.37 0 .819.149 1.21.346.084.044.17.09.252.14a2.43 2.43 0 0 0-.065-.144c-.137-.278-.331-.536-.62-.83-.29-.293-.545-.49-.818-.629-.274-.139-.582-.227-.987-.286a.3.3 0 0 1-.251-.34ZM11.955 1.99c-.028-.247.224-.459.545-.459.32 0 .573.212.545.459l-.246 2.166H12.2l-.246-2.166Zm.985 3.041a.438.438 0 1 1-.874 0 .438.438 0 0 1 .875 0Z"/>
  <path d="M9 3.5a3.5 3.5 0 1 0 7 0 3.5 3.5 0 0 0-7 0Zm6.431 0a2.931 2.931 0 1 1-5.862 0 2.931 2.931 0 0 1 5.862 0ZM9.7 13.5a.3.3 0 0 1 .3-.3h2a.3.3 0 1 1 0 .6h-2a.3.3 0 0 1-.3-.3Zm3 0a.3.3 0 0 1 .3-.3h.5a.3.3 0 1 1 0 .6H13a.3.3 0 0 1-.3-.3Zm1.5 0a.3.3 0 0 1 .3-.3h1a.3.3 0 1 1 0 .6h-1a.3.3 0 0 1-.3-.3Zm-3.5 1a.3.3 0 0 1 .3-.3h1a.3.3 0 1 1 0 .6h-1a.3.3 0 0 1-.3-.3Zm2 0a.3.3 0 0 1 .3-.3h2.5a.3.3 0 1 1 0 .6H13a.3.3 0 0 1-.3-.3Zm-1 1a.3.3 0 0 1 .3-.3h3.5a.3.3 0 1 1 0 .6H12a.3.3 0 0 1-.3-.3Z"/>
</svg>

RIP current statement#

⇧ top

QWeather Icon Code: 2420

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2420"></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-2420" viewBox="0 0 16 16">
  <path d="M.5 15a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5Zm4 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5Zm4 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1H9a.5.5 0 0 1-.5-.5Zm4 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5Zm-.163-5.302a.485.485 0 0 1 .685-.1l2.478 1.88-2.478 1.88a.486.486 0 0 1-.685-.1.498.498 0 0 1 .098-.692l.782-.593h-1.116c-.042.11-.095.238-.159.371-.092.19-.213.405-.367.595a1.54 1.54 0 0 1-.63.485c-.462.178-.885.016-1.19-.206-.3-.217-.552-.532-.746-.823a6.112 6.112 0 0 1-.219-.355 5.91 5.91 0 0 1-.152.223 3.88 3.88 0 0 1-.716.78c-.281.222-.643.414-1.063.414-.42 0-.782-.192-1.064-.415a3.88 3.88 0 0 1-.716-.78 5.989 5.989 0 0 1-.177-.26 5.998 5.998 0 0 1-.177.26 3.88 3.88 0 0 1-.716.78c-.281.223-.643.415-1.063.415C1.595 13.457.5 12.349.5 10.984c0-.273.219-.495.49-.495.27 0 .488.222.488.495 0 .82.657 1.483 1.468 1.483.12 0 .273-.055.46-.203a2.91 2.91 0 0 0 .527-.581 5.724 5.724 0 0 0 .516-.886l.006-.013v-.002l.447-1.009.446 1.008.002.003.006.013.026.055a5.724 5.724 0 0 0 .49.83c.162.228.342.435.527.582.187.148.34.203.46.203s.273-.055.46-.203a2.91 2.91 0 0 0 .527-.581 5.725 5.725 0 0 0 .516-.886l.006-.013v-.002l.47-1.06.43 1.076.002.004.007.016a5.083 5.083 0 0 0 .141.312c.099.204.238.465.402.711.169.253.343.456.505.573.156.113.23.102.273.086a.586.586 0 0 0 .22-.187c.09-.111.173-.253.245-.402a3.756 3.756 0 0 0 .213-.556l.002-.007.099-.364h1.84l-.782-.594a.498.498 0 0 1-.098-.692Zm-4.96-6.424c-.032-.282.256-.524.623-.524s.655.242.623.524L8.34 5.75h-.68l-.282-2.476ZM8.504 6.75a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/>
  <path d="M4 5a4 4 0 1 0 8 0 4 4 0 0 0-8 0Zm7.35 0a3.35 3.35 0 1 1-6.7 0 3.35 3.35 0 0 1 6.7 0Z"/>
</svg>

Tropical depression local statement#

⇧ top

QWeather Icon Code: 2421

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2421"></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-2421" viewBox="0 0 16 16">
  <path d="M4.659 11.25h1.29V5.873h1.66V4.75H3v1.123h1.659v5.377Zm5.331-6.5H8.605v6.5H9.99c1.068 0 1.837-.254 2.306-.762.47-.51.705-1.342.705-2.495 0-1.149-.235-1.976-.705-2.481-.47-.508-1.238-.762-2.306-.762Zm.257 5.342h-.35V5.908h.35c.508 0 .87.158 1.086.475.216.316.323.853.323 1.61 0 .764-.107 1.305-.323 1.624-.216.317-.578.475-1.086.475Z"/>
  <path d="M0 8a8 8 0 1 0 16 0A8 8 0 0 0 0 8Zm14.7 0A6.7 6.7 0 1 1 1.3 8a6.7 6.7 0 0 1 13.4 0Z"/>
</svg>

Tropical storm local statement#

⇧ top

QWeather Icon Code: 2422

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2422"></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-2422" viewBox="0 0 16 16">
  <path d="M8.998 7.633c.234.26.68.509 1.34.747l.643.23c.225.082.397.194.515.336a.74.74 0 0 1 .178.491.701.701 0 0 1-.267.584c-.177.137-.427.205-.75.205-.319 0-.643-.057-.971-.172a4.521 4.521 0 0 1-1.012-.524v1.28a4.5 4.5 0 0 0 .954.327c.331.075.661.113.99.113.798 0 1.394-.155 1.787-.466.397-.313.595-.786.595-1.418 0-.464-.126-.85-.377-1.154-.252-.305-.643-.55-1.176-.734l-.563-.202c-.39-.137-.648-.261-.772-.373a.57.57 0 0 1-.182-.433c0-.223.084-.395.253-.516.168-.12.41-.18.727-.18.284 0 .571.049.861.147.29.098.575.24.856.428V5.14a4.782 4.782 0 0 0-.905-.29 4.3 4.3 0 0 0-.914-.1c-.671 0-1.199.162-1.584.487-.384.324-.576.77-.576 1.338 0 .442.117.795.35 1.058Zm-4.317 3.495h1.31V5.946h1.68V4.863H3v1.083h1.681v5.182Z"/>
  <path d="M0 8a8 8 0 1 0 16 0A8 8 0 0 0 0 8Zm14.7 0A6.7 6.7 0 1 1 1.3 8a6.7 6.7 0 0 1 13.4 0Z"/>
</svg>

Typhoon local statement#

⇧ top

QWeather Icon Code: 2423

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2423"></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-2423" viewBox="0 0 16 16">
  <path d="M4.6 11.25h1.245V5.873h1.6V4.75H3v1.123h1.6v5.377Zm4.605-6.5H7.863l1.946 3.94v2.56h1.245V8.69L13 4.75h-1.342l-1.229 2.612L9.205 4.75Z"/>
  <path d="M0 8a8 8 0 1 0 16 0A8 8 0 0 0 0 8Zm14.7 0A6.7 6.7 0 1 1 1.3 8a6.7 6.7 0 0 1 13.4 0Z"/>
</svg>

Hurricane local statement#

⇧ top

QWeather Icon Code: 2424

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2424"></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-2424" viewBox="0 0 16 16">
  <path d="M4.336 3.78A6.184 6.184 0 0 1 6.7 1.75a6.335 6.335 0 0 1 6.077.278 6.148 6.148 0 0 1 2.162 2.235.564.564 0 0 0 .338.265.574.574 0 0 0 .43-.047.556.556 0 0 0 .27-.33.544.544 0 0 0-.047-.422A7.327 7.327 0 0 0 11.537.285a7.494 7.494 0 0 0-5.595.606 7.23 7.23 0 0 0-3.517 4.302 7.065 7.065 0 0 0 .619 5.476 5.57 5.57 0 0 0 1.647 1.823 5.72 5.72 0 0 0 2.287.956 5.775 5.775 0 0 0 2.484-.097 5.698 5.698 0 0 0 2.202-1.13A6.184 6.184 0 0 1 9.3 14.249a6.335 6.335 0 0 1-6.077-.277 6.148 6.148 0 0 1-2.162-2.235.576.576 0 0 0-.768-.218.556.556 0 0 0-.27.33.543.543 0 0 0 .047.422 7.326 7.326 0 0 0 4.393 3.444 7.494 7.494 0 0 0 5.594-.607 7.23 7.23 0 0 0 3.518-4.3 7.064 7.064 0 0 0-.619-5.477 5.577 5.577 0 0 0-1.647-1.823 5.721 5.721 0 0 0-2.287-.956 5.774 5.774 0 0 0-2.484.097 5.699 5.699 0 0 0-2.202 1.13ZM8 10a2 2 0 1 1 0-4 2 2 0 0 1 0 4Z"/>
</svg>

Severe weather statement#

⇧ top

QWeather Icon Code: 2425

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2425"></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-2425" viewBox="0 0 16 16">
  <path d="M8.46 10.626c-.054 0-.089-.05-.065-.093l.792-1.439C9.21 9.051 9.176 9 9.122 9H7.544a.147.147 0 0 0-.076.02.159.159 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.46Zm1.87-2.99A3.118 3.118 0 0 1 7.937 8.75 3.118 3.118 0 0 1 5.58 7.676a1.875 1.875 0 1 1-.366-3.583 3.124 3.124 0 0 1 5.462.024 1.875 1.875 0 1 1-.346 3.52ZM7.753 4.128c-.204.123-.346.397-.31.623l.216 1.374h.674l.223-1.423a.529.529 0 0 0-.255-.533l-.044-.027a.474.474 0 0 0-.504-.014ZM8 7.188a.375.375 0 1 0 0-.75.375.375 0 0 0 0 .75Z"/>
  <path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16Zm0-1.3A6.7 6.7 0 1 0 8 1.3a6.7 6.7 0 0 0 0 13.4Z"/>
</svg>

Flash flood statement#

⇧ top

QWeather Icon Code: 2426

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-2426"></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-2426" viewBox="0 0 16 16">
  <path d="M15.427 15.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.377Zm-7.1-10.23c.047-.316.43-.495.83-.389.398.107.64.454.523.751L8.653 6.226l-.74-.199.414-2.772ZM8.54 7.36a.563.563 0 1 1-1.088-.291.563.563 0 0 1 1.087.29Z"/>
  <path d="M4.154 4.147a4.501 4.501 0 0 0 2.474 5.257l-.956 3.57a9.516 9.516 0 0 0 1.632-.298l.773-2.884a4.501 4.501 0 1 0-3.923-5.645Zm7.988 2.14A3.769 3.769 0 1 1 4.86 4.336a3.769 3.769 0 0 1 7.28 1.95ZM4.5 2H0V1h4.5v1Zm-1 2H0V3h3.5v1Zm0 2H0V5h3.5v1Z"/>
</svg>

Severe weather warning#

⇧ top

QWeather Icon Code: 9998

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-9998"></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-9998" viewBox="0 0 16 16">
  <path d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16ZM6.755 4.549C6.69 3.985 7.267 3.5 8 3.5c.733 0 1.31.485 1.245 1.049L8.682 9.5H7.318l-.563-4.951ZM9.008 11.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/>
</svg>

Warning default#

⇧ top

QWeather Icon Code: 9999

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-9999"></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-9999" viewBox="0 0 16 16">
  <path d="M8.455 1.261a.526.526 0 0 0-.91 0L.07 14.224c-.2.346.052.776.454.776h14.952c.402 0 .654-.43.454-.776L8.455 1.26Zm-1.7 4.288C6.69 4.985 7.267 4.5 8 4.5c.733 0 1.31.485 1.245 1.049L8.682 10.5H7.318l-.563-4.951ZM9.008 12.5a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/>
</svg>

Qweather#

⇧ top

QWeather Icon Code: qweather

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-qweather"></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-qweather" viewBox="0 0 16 16">
  <path d="M14.936 11.53c-.907.799-1.434 1.36-2.616 1.634a7.158 7.158 0 0 0 .715-9.529A7.27 7.27 0 0 0 8.66.935a7.313 7.313 0 0 0-5.08.858A7.212 7.212 0 0 0 .354 5.778a7.144 7.144 0 0 0 .253 5.104 7.229 7.229 0 0 0 3.604 3.652c1.612.74 3.44.868 5.14.361a7.864 7.864 0 0 0 4.344-.864c1.126-.589 1.588-1.46 2.305-2.5h-1.064ZM6.51 14.152a5.743 5.743 0 0 1-3.551-1.69 5.642 5.642 0 0 1-.514-7.317 5.727 5.727 0 0 1 3.28-2.162 5.767 5.767 0 0 1 3.912.45 5.696 5.696 0 0 1 2.692 2.851 5.628 5.628 0 0 1 .197 3.9 5.682 5.682 0 0 1-2.39 3.105 7.005 7.005 0 0 1-1.07-.146c-1.302-.294-2.437-1.113-3.237-2.056-.002 0-.003-.003-.004-.004a3.2 3.2 0 0 1-.7-1.929 2.254 2.254 0 0 1 .548-1.517 2.473 2.473 0 0 1 1.91-.89c.198 0 .396.023.589.07a1.423 1.423 0 0 1 .24.07c.327.139.603.377.784.682a1.48 1.48 0 0 1-.44 1.98 1.509 1.509 0 0 1-1.403.162.17.17 0 0 0-.192.045.167.167 0 0 0-.017.195 1.675 1.675 0 0 0 1.426.8l.048-.001a2.821 2.821 0 0 0 1.203-.342A2.747 2.747 0 0 0 11.26 7.99a2.862 2.862 0 0 0-.47-1.585 3.49 3.49 0 0 0-.072-.098c-.02-.028-.042-.055-.064-.083l-.036-.045c-.79-1.03-2.033-1.634-3.45-1.593-1.27.036-2.417.53-3.223 1.382a4.357 4.357 0 0 0-.724 4.99 7.827 7.827 0 0 0 3.44 3.205c-.051-.004-.101-.006-.151-.011Z"/>
</svg>

Qweather fill#

⇧ top

QWeather Icon Code: qweather

Download

Download SVG image to use or edit

Download SVG

Icon Font

Using QWeather iconfont? Just copy and paste it directly

<i class="qi-qweather-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-qweather-fill" viewBox="0 0 16 16">
  <path d="M3.905 11.625a4.666 4.666 0 0 0 3.007 1.382 6.36 6.36 0 0 1-2.795-2.604 3.54 3.54 0 0 1 .589-4.054c.655-.692 1.586-1.093 2.619-1.123 1.151-.033 2.162.458 2.803 1.295a2.157 2.157 0 0 0 .029.036 3.85 3.85 0 0 1 .11.147c.252.383.385.83.382 1.288a2.235 2.235 0 0 1-1.168 1.964 2.235 2.235 0 0 1-.998.279h-.02a1.36 1.36 0 0 1-1.158-.65.135.135 0 0 1 .086-.202.138.138 0 0 1 .084.007 1.236 1.236 0 0 0 1.14-.13 1.213 1.213 0 0 0 .526-1.036 1.202 1.202 0 0 0-.168-.574 1.357 1.357 0 0 0-.638-.554 1.156 1.156 0 0 0-.162-.05l-.01-.002-.023-.005a2.026 2.026 0 0 0-2.03.666 1.831 1.831 0 0 0-.444 1.233 2.6 2.6 0 0 0 .568 1.567v.001l.003.002c.65.766 1.572 1.432 2.63 1.67.286.062.577.102.87.12a4.616 4.616 0 0 0 1.942-2.523 4.576 4.576 0 0 0-.161-3.17A4.628 4.628 0 0 0 9.33 4.29a4.686 4.686 0 0 0-3.178-.366A4.653 4.653 0 0 0 3.487 5.68a4.584 4.584 0 0 0 .418 5.945Z"/>
  <path d="M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2Zm11.413 11.066.222-.198h.865c-.083.12-.162.238-.238.352-.462.69-.85 1.27-1.634 1.68a6.388 6.388 0 0 1-3.53.702 5.945 5.945 0 0 1-4.176-.293 5.873 5.873 0 0 1-2.929-2.967 5.805 5.805 0 0 1-.205-4.147 5.86 5.86 0 0 1 2.621-3.238 5.942 5.942 0 0 1 4.128-.697 5.906 5.906 0 0 1 3.554 2.194 5.816 5.816 0 0 1-.58 7.742c.859-.199 1.292-.586 1.902-1.13Z"/>
</svg>