图标预览

浏览全部和风天气图标,查看基本使用方法或下载单独的图标。

Sunny #

和风天气图标代码: 100

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-100" viewBox="0 0 16 16">
  <path d="M8.005 4.5a3.5 3.5 0 1 1-3.5 3.5 3.504 3.504 0 0 1 3.5-3.5m0-1a4.5 4.5 0 1 0 4.5 4.5 4.5 4.5 0 0 0-4.5-4.5zm.001-.997a.5.5 0 0 1-.5-.5v-1.5a.5.5 0 1 1 1 0v1.5a.5.5 0 0 1-.5.5z"/>
  <path d="M8.006 2.503a.5.5 0 0 1-.5-.5v-1.5a.5.5 0 1 1 1 0v1.5a.5.5 0 0 1-.5.5zM3.765 4.255a.498.498 0 0 1-.353-.147L2.35 3.048a.5.5 0 0 1 .707-.707L4.12 3.4a.5.5 0 0 1-.354.854zM2.003 8.493h-1.5a.5.5 0 0 1 0-1h1.5a.5.5 0 0 1 0 1zm.691 5.303a.5.5 0 0 1-.354-.854l1.062-1.06a.5.5 0 0 1 .707.707l-1.062 1.06a.498.498 0 0 1-.353.147zm5.299 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.302-2.191a.498.498 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.202-5.299h-1.5a.5.5 0 1 1 0-1h1.5a.5.5 0 0 1 0 1zm-3.252-4.242a.5.5 0 0 1-.354-.854l1.06-1.06a.5.5 0 0 1 .708.707l-1.06 1.06a.498.498 0 0 1-.354.147z"/>
</svg>

Sunny fill #

和风天气图标代码: 100

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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 4.5 4.5 4.5 4.5 0 0 0-4.5-4.5zm.001-.997a.5.5 0 0 1-.5-.5v-1.5a.5.5 0 1 1 1 0v1.5a.5.5 0 0 1-.5.5z"/>
  <path d="M8.006 2.503a.5.5 0 0 1-.5-.5v-1.5a.5.5 0 1 1 1 0v1.5a.5.5 0 0 1-.5.5zM3.765 4.255a.498.498 0 0 1-.353-.147L2.35 3.048a.5.5 0 0 1 .707-.707L4.12 3.4a.5.5 0 0 1-.354.854zM2.003 8.493h-1.5a.5.5 0 0 1 0-1h1.5a.5.5 0 0 1 0 1zm.691 5.303a.5.5 0 0 1-.354-.854l1.062-1.06a.5.5 0 0 1 .707.707l-1.062 1.06a.498.498 0 0 1-.353.147zm5.299 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.302-2.191a.498.498 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.202-5.299h-1.5a.5.5 0 1 1 0-1h1.5a.5.5 0 0 1 0 1zm-3.252-4.242a.5.5 0 0 1-.354-.854l1.06-1.06a.5.5 0 0 1 .708.707l-1.06 1.06a.498.498 0 0 1-.354.147z"/>
</svg>

Cloudy #

和风天气图标代码: 101

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-101" viewBox="0 0 16 16">
  <path d="M4.995 1.777a.516.516 0 0 0 .503.404.535.535 0 0 0 .112-.012.517.517 0 0 0 .392-.616L5.746.403A.516.516 0 0 0 4.74.627zM1.273 3.535l.994.633a.516.516 0 0 0 .555-.87l-.995-.633a.516.516 0 0 0-.554.87zM.878 8.043l1.15-.256a.516.516 0 1 0-.223-1.008l-1.15.256a.516.516 0 0 0 .111 1.02.535.535 0 0 0 .112-.012zm10.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.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.712zM3.07 7.032a3.506 3.506 0 0 0 .33.87 3.129 3.129 0 0 0 .909-.486 2.453 2.453 0 0 1-.233-.608 2.504 2.504 0 0 1 1.9-2.988 2.5 2.5 0 0 1 2.988 1.9c.003.013.002.026.005.038a5.42 5.42 0 0 1 1.063.25 3.509 3.509 0 0 0-.061-.512 3.535 3.535 0 1 0-6.902 1.536z"/>
  <path d="M12.715 8.48a3.236 3.236 0 0 0-.41.04 4.824 4.824 0 0 0-8.086 0 3.234 3.234 0 0 0-.409-.04 3.285 3.285 0 1 0 1.283 6.31 4.756 4.756 0 0 0 6.339 0 3.286 3.286 0 1 0 1.283-6.31zm0 5.539a2.238 2.238 0 0 1-.88-.179 1.032 1.032 0 0 0-1.083.173 3.724 3.724 0 0 1-4.98 0 1.032 1.032 0 0 0-1.082-.173 2.254 2.254 0 1 1-.88-4.329 1.265 1.265 0 0 1 .175.02l.105.014a1.031 1.031 0 0 0 .992-.459 3.792 3.792 0 0 1 6.36 0 1.031 1.031 0 0 0 .992.459l.105-.014a1.266 1.266 0 0 1 .176-.02 2.254 2.254 0 1 1 0 4.508z"/>
</svg>

Cloudy fill #

和风天气图标代码: 101

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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 0 0 .503.404.535.535 0 0 0 .112-.012.517.517 0 0 0 .392-.616L5.496.403A.516.516 0 0 0 4.49.627zM1.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 0 0 .111 1.02.535.535 0 0 0 .112-.012zm10.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.032a3.506 3.506 0 0 0 .331.87 3.13 3.13 0 0 0 .908-.486 2.453 2.453 0 0 1-.232-.608 2.504 2.504 0 0 1 1.9-2.988 2.5 2.5 0 0 1 2.988 1.9l.004.038a5.42 5.42 0 0 1 1.064.25 3.509 3.509 0 0 0-.061-.512 3.535 3.535 0 1 0-6.902 1.536z"/>
  <path d="M12.464 8.48a3.236 3.236 0 0 0-.409.04 4.824 4.824 0 0 0-8.086 0 3.234 3.234 0 0 0-.41-.04 3.285 3.285 0 1 0 1.284 6.31 4.756 4.756 0 0 0 6.338 0 3.286 3.286 0 1 0 1.283-6.31z"/>
</svg>

Few clouds #

和风天气图标代码: 102

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-102" viewBox="0 0 16 16">
  <path d="M8.003 2.504a.5.5 0 0 0 .5-.5v-1.5a.5.5 0 1 0-1 0v1.5a.5.5 0 0 0 .5.5zM3.407 4.109a.5.5 0 1 0 .707-.707L3.054 2.34a.5.5 0 1 0-.707.707zM2.5 7.993a.5.5 0 0 0-.5-.5H.5a.5.5 0 0 0 0 1H2a.5.5 0 0 0 .5-.5zm.898 3.889-1.061 1.06a.5.5 0 1 0 .707.707l1.061-1.06a.5.5 0 0 0-.707-.707zm10.095-3.875a.5.5 0 0 0 .5.5h1.5a.5.5 0 0 0 0-1h-1.5a.5.5 0 0 0-.5.5zm-1.252-3.742a.498.498 0 0 0 .354-.147l1.06-1.06a.5.5 0 1 0-.707-.708l-1.06 1.061a.5.5 0 0 0 .353.854zM4.501 8a3.5 3.5 0 1 1 7 0 3.456 3.456 0 0 1-.128.885 4.115 4.115 0 0 1 .978.209 4.493 4.493 0 1 0-6.893 2.615 3.11 3.11 0 0 1 .67-.763A3.493 3.493 0 0 1 4.5 8z"/>
  <path d="M13.878 11.215a2.144 2.144 0 0 0-.264.026 3.144 3.144 0 0 0-5.226 0 2.145 2.145 0 0 0-.264-.026 2.09 2.09 0 1 0 0 4.18 2.146 2.146 0 0 0 .829-.165 3.109 3.109 0 0 0 4.096 0 2.145 2.145 0 0 0 .829.166 2.09 2.09 0 1 0 0-4.18zm0 3.18a1.142 1.142 0 0 1-.443-.088 1 1 0 0 0-1.039.165 2.109 2.109 0 0 1-2.79 0 1 1 0 0 0-1.039-.165 1.142 1.142 0 0 1-.443.089 1.09 1.09 0 1 1-.007-2.181c.026.001.05.006.075.01l.075.009a1 1 0 0 0 .954-.439 2.144 2.144 0 0 1 3.56 0 1 1 0 0 0 .954.439l.075-.01c.025-.003.05-.008.068-.009a1.09 1.09 0 1 1 0 2.18z"/>
</svg>

Few clouds fill #

和风天气图标代码: 102

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="m3.402 11.875-.002.002h-.002l-.661.662-.396.397H2.34l-.003.003a.5.5 0 1 0 .707.707l.4-.4.665-.664a.5.5 0 1 0-.707-.707zm10.48-.666a2.145 2.145 0 0 0-.265.026 3.144 3.144 0 0 0-5.225 0 2.145 2.145 0 0 0-.264-.026 2.09 2.09 0 1 0 0 4.18 2.145 2.145 0 0 0 .829-.166 3.109 3.109 0 0 0 4.096 0 2.146 2.146 0 0 0 .829.166 2.09 2.09 0 1 0 0-4.18zm0 3.18a1.144 1.144 0 0 1-.444-.088 1 1 0 0 0-1.038.165 2.109 2.109 0 0 1-2.791 0 1 1 0 0 0-1.038-.165 1.144 1.144 0 0 1-.443.088 1.09 1.09 0 1 1-.007-2.18c.025 0 .05.005.075.009l.074.01a1.023 1.023 0 0 0 .122.007 1 1 0 0 0 .832-.446 2.144 2.144 0 0 1 3.56 0 1 1 0 0 0 .833.446 1.024 1.024 0 0 0 .122-.008l.074-.01c.025-.003.05-.007.068-.008a1.09 1.09 0 1 1 0 2.18zM8.003 2.5a.5.5 0 0 0 .5-.5V.5a.5.5 0 0 0-1 0V2a.5.5 0 0 0 .5.5zM3.408 4.105a.5.5 0 0 0 .707-.707l-1.06-1.06a.5.5 0 0 0-.708.706zM2.5 7.99a.5.5 0 0 0-.5-.5H.5a.5.5 0 0 0 0 1H2a.5.5 0 0 0 .5-.5zm10.993.013a.5.5 0 0 0 .5.5h1.5a.5.5 0 0 0 0-1h-1.5a.5.5 0 0 0-.5.5zm-1.252-3.742a.498.498 0 0 0 .354-.146l1.06-1.061a.5.5 0 0 0-.706-.707l-1.061 1.06a.5.5 0 0 0 .353.854z"/>
  <path d="M8.014 10.41a3.846 3.846 0 0 1 4.28-1.132 4.452 4.452 0 0 0 .207-1.282 4.5 4.5 0 1 0-6.868 3.812 2.923 2.923 0 0 1 2.381-1.397z"/>
</svg>

Partly cloudy #

和风天气图标代码: 103

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-103" viewBox="0 0 16 16">
  <path d="M4.86 10.83a3.57 3.57 0 0 1 1-.41 3.41 3.41 0 1 1 5.4-1.22 4.18 4.18 0 0 1 .92.32 4.48 4.48 0 0 0 .32-1.64 4.38 4.38 0 0 0-8.76 0 4.33 4.33 0 0 0 1.12 2.95z"/>
  <path d="M13.58 10.72a2.4 2.4 0 0 0-.59.08 4.12 4.12 0 0 0-2.87-1.23 4.06 4.06 0 0 0-3 1.36 2.78 2.78 0 0 0-.58-.06 2.94 2.94 0 0 0-2.43 1.23 1.62 1.62 0 0 0-.44-.1 1.68 1.68 0 1 0 .89 3.1 3 3 0 0 0 2 .71 3.14 3.14 0 0 0 1.51-.39 4 4 0 0 0 2.06.55 3.94 3.94 0 0 0 2.32-.75 2.36 2.36 0 0 0 1.14.3A2.41 2.41 0 0 0 16 13.14a2.52 2.52 0 0 0-2.42-2.42zm0 3.83a1.37 1.37 0 0 1-.66-.18 1 1 0 0 0-.47-.12 1 1 0 0 0-.59.19 2.91 2.91 0 0 1-1.74.56 3 3 0 0 1-1.55-.41 1 1 0 0 0-.51-.14.94.94 0 0 0-.48.13 2.16 2.16 0 0 1-1 .26 2.06 2.06 0 0 1-1.34-.47 1 1 0 0 0-.65-.24c-.19 0-.6.25-.89.25a.68.68 0 0 1 0-1.35c.05 0 .4.06.49.06a.82.82 0 0 0 .78-.43 2 2 0 0 1 1.61-.79c.13 0 .49.07.61.07a1 1 0 0 0 .71-.35 3.13 3.13 0 0 1 2.24-1 3.07 3.07 0 0 1 2.16.93 1 1 0 0 0 .72.3c.1 0 .46-.08.56-.08a1.55 1.55 0 0 1 1.42 1.4 1.42 1.42 0 0 1-1.42 1.41zM8 2.52a.5.5 0 0 0 .5-.5V.52A.5.5 0 0 0 8 0a.5.5 0 0 0-.5.5V2a.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.49.49 0 0 0-.7.7zM2.51 8a.5.5 0 0 0-.5-.5H.51a.5.5 0 1 0 0 1H2a.5.5 0 0 0 .51-.5zm10.95 0a.5.5 0 0 0 .5.5h1.5A.5.5 0 0 0 16 8a.5.5 0 0 0-.5-.5H14a.5.5 0 0 0-.54.5zm-1.21-3.72a.47.47 0 0 0 .35-.15l1.06-1.06a.49.49 0 1 0-.7-.7L11.9 3.43a.48.48 0 0 0 0 .7.47.47 0 0 0 .35.15z"/>
</svg>

Partly cloudy fill #

和风天气图标代码: 103

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M4.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 0 0 8 0a.5.5 0 0 0-.5.5V2a.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.49.49 0 0 0-.7.7zM2.51 8a.5.5 0 0 0-.5-.5H.51a.5.5 0 1 0 0 1H2a.5.5 0 0 0 .51-.5zm10.95 0a.5.5 0 0 0 .5.5h1.5A.5.5 0 0 0 16 8a.5.5 0 0 0-.5-.5H14a.5.5 0 0 0-.54.5zm-1.21-3.72a.47.47 0 0 0 .35-.15l1.06-1.06a.49.49 0 1 0-.7-.7L11.9 3.43a.48.48 0 0 0 0 .7.47.47 0 0 0 .35.15z"/>
  <path d="M13.58 10.72a2.71 2.71 0 0 0-.59.08 4.12 4.12 0 0 0-2.87-1.23 4.06 4.06 0 0 0-3 1.36 2.78 2.78 0 0 0-.58-.06 2.94 2.94 0 0 0-2.43 1.23 1.62 1.62 0 0 0-.44-.1 1.68 1.68 0 1 0 .89 3.1 3 3 0 0 0 2 .71 3.14 3.14 0 0 0 1.51-.39 4.06 4.06 0 0 0 4.39-.2 2.3 2.3 0 0 0 1.13.3A2.41 2.41 0 0 0 16 13.14a2.52 2.52 0 0 0-2.42-2.42zm0 3.83a1.37 1.37 0 0 1-.66-.18 1 1 0 0 0-.47-.12 1 1 0 0 0-.59.19 2.91 2.91 0 0 1-1.74.56 3 3 0 0 1-1.55-.41 1 1 0 0 0-.51-.14.94.94 0 0 0-.48.13 2.16 2.16 0 0 1-1 .26 2.06 2.06 0 0 1-1.34-.47 1 1 0 0 0-.65-.24c-.19 0-.6.25-.89.25a.68.68 0 0 1 0-1.35c.05 0 .4.06.49.06a.84.84 0 0 0 .78-.43 2 2 0 0 1 1.61-.79c.13 0 .49.07.61.07a1 1 0 0 0 .71-.35 3.13 3.13 0 0 1 2.24-1 3.07 3.07 0 0 1 2.16.93 1 1 0 0 0 .72.3c.1 0 .46-.08.56-.08a1.55 1.55 0 0 1 1.42 1.4 1.42 1.42 0 0 1-1.42 1.41z"/>
</svg>

Overcast #

和风天气图标代码: 104

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-104" viewBox="0 0 16 16">
  <path d="M12.603 7.225a3.345 3.345 0 0 0-.423.042 4.987 4.987 0 0 0-8.36 0 3.345 3.345 0 0 0-.423-.042 3.397 3.397 0 1 0 1.326 6.524 4.917 4.917 0 0 0 6.554 0 3.397 3.397 0 1 0 1.326-6.524zm0 5.793a2.38 2.38 0 0 1-.935-.19 1 1 0 0 0-1.05.168 3.917 3.917 0 0 1-5.236 0 1 1 0 0 0-1.05-.168 2.397 2.397 0 1 1-.935-4.603 1.369 1.369 0 0 1 .19.02l.108.014a1 1 0 0 0 .961-.444 3.987 3.987 0 0 1 6.688 0 1 1 0 0 0 .961.444l.108-.014a1.369 1.369 0 0 1 .19-.02 2.397 2.397 0 1 1 0 4.793z"/>
  <path d="M4.008 6.136a1.545 1.545 0 0 1 1.54-1.467.915.915 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.92.92 0 0 1 .108-.012 1.524 1.524 0 0 1 1.455 2.048 3.379 3.379 0 0 1 .86.538A2.484 2.484 0 0 0 12.136 3.7a3.74 3.74 0 0 0-6.27 0 2.508 2.508 0 0 0-.317-.032A2.548 2.548 0 0 0 3 6.216a2.464 2.464 0 0 0 .069.517 1.705 1.705 0 0 1 .94-.597z"/>
</svg>

Overcast fill #

和风天气图标代码: 104

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M12.603 7.225a3.345 3.345 0 0 0-.423.042 4.987 4.987 0 0 0-8.36 0 3.345 3.345 0 0 0-.423-.042 3.397 3.397 0 1 0 1.326 6.524 4.917 4.917 0 0 0 6.554 0 3.397 3.397 0 1 0 1.326-6.524z"/>
  <path d="M4.008 6.136a1.545 1.545 0 0 1 1.54-1.467.915.915 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.92.92 0 0 1 .108-.012 1.524 1.524 0 0 1 1.455 2.048 3.379 3.379 0 0 1 .86.538A2.484 2.484 0 0 0 12.136 3.7a3.74 3.74 0 0 0-6.27 0 2.508 2.508 0 0 0-.317-.032A2.548 2.548 0 0 0 3 6.216a2.464 2.464 0 0 0 .069.517 1.705 1.705 0 0 1 .94-.597z"/>
</svg>

Clear night #

和风天气图标代码: 150

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-150" viewBox="0 0 16 16">
  <path d="M5.593 3.407a6.626 6.626 0 0 0 .3 2.636A6.524 6.524 0 0 0 9.95 10.19a6.61 6.61 0 0 0 2.181.378 6.306 6.306 0 0 0 .666-.036A5.229 5.229 0 0 1 8.384 13c-.1 0-.202-.003-.303-.009a5.208 5.208 0 0 1-2.488-9.584M6.264 2a.486.486 0 0 0-.182.036 6.204 6.204 0 0 0-3.878 6.137 6.276 6.276 0 0 0 5.82 5.817c.12.007.24.01.36.01a6.193 6.193 0 0 0 5.775-3.968.5.5 0 0 0-.48-.671.537.537 0 0 0-.14.019 5.366 5.366 0 0 1-1.408.189 5.595 5.595 0 0 1-1.851-.322 5.56 5.56 0 0 1-3.542-6.612A.505.505 0 0 0 6.264 2z"/>
</svg>

Clear night fill #

和风天气图标代码: 150

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M6.264 2a.486.486 0 0 0-.182.036 6.204 6.204 0 0 0-3.878 6.137 6.276 6.276 0 0 0 5.82 5.817c.12.007.24.01.36.01a6.193 6.193 0 0 0 5.775-3.968.5.5 0 0 0-.48-.671.537.537 0 0 0-.14.019 5.366 5.366 0 0 1-1.408.189 5.595 5.595 0 0 1-1.851-.322 5.56 5.56 0 0 1-3.542-6.612A.505.505 0 0 0 6.264 2z"/>
</svg>

Cloudy night #

和风天气图标代码: 151

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-151" viewBox="0 0 16 16">
  <path d="M15.605 6.634a.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.388.388 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.562 3.562 0 0 1-.06-.384 3.782 3.782 0 0 1 1.357-3.138 5.405 5.405 0 0 0 .262 1.629A5.25 5.25 0 0 0 12.66 7.49a5.315 5.315 0 0 0 1.754.304h.047a3.788 3.788 0 0 1-.886.771 3.793 3.793 0 0 1 .874.622 4.774 4.774 0 0 0 1.525-2.037.384.384 0 0 0-.37-.516z"/>
  <path d="M11.815 8.71a3.138 3.138 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.136 3.136 0 0 0-.397-.04 3.184 3.184 0 1 0 1.244 6.117 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.244-6.116zm0 5.37a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.168 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.168 2.185 2.185 0 1 1-.853-4.196 1.227 1.227 0 0 1 .17.018l.102.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.228 1.228 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369z"/>
</svg>

Cloudy night fill #

和风天气图标代码: 151

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M15.605 6.634a.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.388.388 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.56 3.56 0 0 1-.06-.384 3.782 3.782 0 0 1 1.357-3.138 5.405 5.405 0 0 0 .262 1.629A5.25 5.25 0 0 0 12.66 7.49a5.315 5.315 0 0 0 1.754.304h.047a3.788 3.788 0 0 1-.886.771 3.793 3.793 0 0 1 .874.622 4.774 4.774 0 0 0 1.525-2.037.384.384 0 0 0-.37-.516z"/>
  <path d="M11.815 8.71a3.138 3.138 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.135 3.135 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.117 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.244-6.116z"/>
</svg>

Few clouds night #

和风天气图标代码: 152

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-few-clouds-night"></i>
<i class="qi-152"></i>

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-152" viewBox="0 0 16 16">
  <path d="M14.986 8.36a.536.536 0 0 0-.14.02 5.372 5.372 0 0 1-1.408.189 5.596 5.596 0 0 1-1.851-.322 5.56 5.56 0 0 1-3.542-6.612A.505.505 0 0 0 7.57 1a.484.484 0 0 0-.181.036A6.204 6.204 0 0 0 3.51 7.173a5.985 5.985 0 0 0 .48 1.973 4.118 4.118 0 0 1 .967-.243 5.062 5.062 0 0 1-.448-1.79A5.212 5.212 0 0 1 6.9 2.408a6.625 6.625 0 0 0 .3 2.636 6.524 6.524 0 0 0 4.057 4.148 6.608 6.608 0 0 0 2.18.378 6.274 6.274 0 0 0 .667-.036A5.25 5.25 0 0 1 11.09 11.8a3.032 3.032 0 0 1 .354.939 6.205 6.205 0 0 0 4.022-3.706.5.5 0 0 0-.48-.671z"/>
  <path d="M8.377 11.215a2.098 2.098 0 0 0-.264.026 3.144 3.144 0 0 0-5.226 0 2.098 2.098 0 0 0-.264-.026 2.09 2.09 0 1 0 0 4.18 2.145 2.145 0 0 0 .829-.165 3.11 3.11 0 0 0 4.096 0 2.145 2.145 0 0 0 .829.166 2.09 2.09 0 1 0 0-4.18zm0 3.18a1.145 1.145 0 0 1-.443-.088 1 1 0 0 0-1.038.165 2.11 2.11 0 0 1-2.791 0 1 1 0 0 0-1.038-.165 1.145 1.145 0 0 1-.444.089 1.09 1.09 0 1 1-.006-2.18c.025 0 .05.005.076.008l.071.01a1 1 0 0 0 .956-.439 2.144 2.144 0 0 1 3.56 0 1 1 0 0 0 .956.439l.071-.01.07-.009a1.09 1.09 0 1 1 0 2.18z"/>
</svg>

Few clouds night fill #

和风天气图标代码: 152

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-few-clouds-night-fill"></i>
<i class="qi-152-fill"></i>

HTML

复制下列代码到你的项目中

<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="M8.357 11.215a2.097 2.097 0 0 0-.264.026 3.144 3.144 0 0 0-5.225 0 2.097 2.097 0 0 0-.265-.026 2.09 2.09 0 1 0 0 4.18 2.146 2.146 0 0 0 .83-.165 3.11 3.11 0 0 0 4.095 0 2.146 2.146 0 0 0 .83.166 2.09 2.09 0 1 0 0-4.18zm0 3.18a1.145 1.145 0 0 1-.443-.088 1 1 0 0 0-1.038.165 2.11 2.11 0 0 1-2.791 0 1 1 0 0 0-1.038-.165 1.145 1.145 0 0 1-.444.089 1.09 1.09 0 1 1-.006-2.18c.026 0 .05.005.076.008l.072.01a1 1 0 0 0 .955-.439 2.144 2.144 0 0 1 3.56 0 1 1 0 0 0 .956.439l.072-.01.07-.009a1.09 1.09 0 1 1 0 2.18z"/>
  <path d="M14.865 8.348a5.428 5.428 0 0 1-3.259-.133 5.559 5.559 0 0 1-3.541-6.612.498.498 0 0 0-.657-.6 6.204 6.204 0 0 0-3.877 6.138 6.023 6.023 0 0 0 .553 2.18 3.87 3.87 0 0 1 4.387 1.096 2.915 2.915 0 0 1 2.756 2.354A6.202 6.202 0 0 0 15.486 9a.504.504 0 0 0-.62-.652z"/>
</svg>

Partly cloudy night #

和风天气图标代码: 153

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-partly-cloudy-night"></i>
<i class="qi-153"></i>

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-153" viewBox="0 0 16 16">
  <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.64 3.25 3.25 0 0 1 .66.77 6.27 6.27 0 0 0 2.14-3 .49.49 0 0 0-.52-.61z"/>
  <path d="M11.59 10.71a2.49 2.49 0 0 0-.6.08 4.07 4.07 0 0 0-2.87-1.23 4.07 4.07 0 0 0-3 1.36 2.78 2.78 0 0 0-.58-.05 2.94 2.94 0 0 0-2.44 1.22 1.55 1.55 0 0 0-.42-.09 1.68 1.68 0 1 0 .88 3.1 3.06 3.06 0 0 0 2 .71 3.18 3.18 0 0 0 1.52-.39 4 4 0 0 0 2 .55 4 4 0 0 0 2.33-.74 2.41 2.41 0 0 0 3.59-2.1 2.51 2.51 0 0 0-2.41-2.42zm0 3.83a1.4 1.4 0 0 1-.67-.18 1 1 0 0 0-.47-.11 1 1 0 0 0-.59.18 2.89 2.89 0 0 1-1.74.57 3 3 0 0 1-1.55-.41 1 1 0 0 0-.5-.14 1 1 0 0 0-.49.13 2.13 2.13 0 0 1-1 .26 2.08 2.08 0 0 1-1.34-.47 1 1 0 0 0-.65-.24c-.18 0-.6.26-.88.26a.68.68 0 1 1 0-1.36s.39.06.48.06a.82.82 0 0 0 .78-.43 2 2 0 0 1 1.61-.78c.14 0 .49.06.61.06a.94.94 0 0 0 .72-.35 3.1 3.1 0 0 1 2.24-1 3.06 3.06 0 0 1 2.15.93 1 1 0 0 0 .72.3c.1 0 .46-.08.57-.08A1.55 1.55 0 0 1 13 13.13a1.41 1.41 0 0 1-1.41 1.41z"/>
</svg>

Partly cloudy night fill #

和风天气图标代码: 153

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-partly-cloudy-night-fill"></i>
<i class="qi-153-fill"></i>

HTML

复制下列代码到你的项目中

<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="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.89 3.39 3.39 0 0 1 .49.64 6.19 6.19 0 0 0 2.13-3 .5.5 0 0 0-.64-.64z"/>
  <path d="M11.59 10.72a2.29 2.29 0 0 0-.6.08 4.07 4.07 0 0 0-2.87-1.23 4.07 4.07 0 0 0-3 1.36 2.78 2.78 0 0 0-.58-.06 2.94 2.94 0 0 0-2.43 1.23 1.55 1.55 0 0 0-.43-.1 1.68 1.68 0 1 0 .88 3.1 3.06 3.06 0 0 0 2 .71 3.18 3.18 0 0 0 1.52-.39 4 4 0 0 0 4.38-.2 2.31 2.31 0 0 0 1.14.3 2.41 2.41 0 0 0 2.4-2.38 2.51 2.51 0 0 0-2.41-2.42zm0 3.83a1.4 1.4 0 0 1-.67-.18 1 1 0 0 0-.47-.12 1.06 1.06 0 0 0-.59.19 2.89 2.89 0 0 1-1.74.56 3 3 0 0 1-1.55-.41 1 1 0 0 0-.5-.14 1 1 0 0 0-.49.13 2.13 2.13 0 0 1-1 .26 2.08 2.08 0 0 1-1.34-.47 1 1 0 0 0-.65-.24c-.18 0-.6.25-.88.25a.68.68 0 1 1 0-1.35s.39.06.48.06a.84.84 0 0 0 .78-.43 2 2 0 0 1 1.61-.79c.14 0 .49.07.61.07a1 1 0 0 0 .72-.35 3.1 3.1 0 0 1 2.24-1 3.06 3.06 0 0 1 2.15.93 1 1 0 0 0 .72.3c.1 0 .46-.08.57-.08a1.55 1.55 0 0 1 1.41 1.4 1.41 1.41 0 0 1-1.41 1.41z"/>
</svg>

Shower rain #

和风天气图标代码: 300

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-300" viewBox="0 0 16 16">
  <path d="M5.195 1.897h.007a.5.5 0 0 0 .493-.506L5.683.486a.5.5 0 0 0-.5-.493h-.007a.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.715zm-.179 2.203a.5.5 0 0 0-.5-.494h-.007l-.904.012a.5.5 0 0 0 .006 1h.007l.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.85zm4.254 2.647a2.938 2.938 0 0 0-.37.037 4.364 4.364 0 0 0-7.315 0 2.937 2.937 0 0 0-.37-.037 2.972 2.972 0 1 0 1.16 5.708 4.302 4.302 0 0 0 5.734 0 2.972 2.972 0 1 0 1.161-5.708zm0 4.944a1.959 1.959 0 0 1-.77-.156 1 1 0 0 0-1.049.168 3.302 3.302 0 0 1-4.418 0 1 1 0 0 0-1.049-.168 1.972 1.972 0 1 1-.77-3.788 1.075 1.075 0 0 1 .15.016l.096.013a1 1 0 0 0 .961-.444 3.364 3.364 0 0 1 5.642 0 1 1 0 0 0 .962.444l.096-.013a1.078 1.078 0 0 1 .149-.016 1.972 1.972 0 1 1 0 3.944zM2.47 5.308a3.53 3.53 0 0 1 1.018-.288 1.831 1.831 0 0 1 1.811-1.603 1.809 1.809 0 0 1 .553.094 4.927 4.927 0 0 1 1.282-.404 2.82 2.82 0 0 0-4.67 2.145c0 .02.006.037.006.056zM9.53 15a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm-5.083 0a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2z" style="fill-rule:evenodd"/>
</svg>

Shower rain fill #

和风天气图标代码: 300

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M5.195 1.897h.007a.5.5 0 0 0 .493-.506L5.683.486a.5.5 0 0 0-.5-.493h-.007a.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.715zm-.179 2.203a.5.5 0 0 0-.5-.494h-.007l-.904.012a.5.5 0 0 0 .006 1h.007l.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.85zm4.254 2.647a2.938 2.938 0 0 0-.37.037 4.364 4.364 0 0 0-7.315 0 2.937 2.937 0 0 0-.37-.037 2.972 2.972 0 1 0 1.16 5.708 4.302 4.302 0 0 0 5.734 0 2.972 2.972 0 1 0 1.161-5.708zM2.47 5.308a3.53 3.53 0 0 1 1.018-.288 1.831 1.831 0 0 1 1.811-1.603 1.809 1.809 0 0 1 .553.094 4.927 4.927 0 0 1 1.282-.404 2.82 2.82 0 0 0-4.67 2.145c0 .02.006.037.006.056zm7.063 9.696a1 1 0 0 0 2 0 6.605 6.605 0 0 0-1-2 6.605 6.605 0 0 0-1 2zm-5.083 0a1 1 0 0 0 2 0 6.605 6.605 0 0 0-1-2 6.605 6.605 0 0 0-1 2z" style="fill-rule:evenodd"/>
</svg>

Heavy shower rain #

和风天气图标代码: 301

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-heavy-shower-rain"></i>
<i class="qi-301"></i>

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-301" viewBox="0 0 16 16">
  <path d="M7.012 14.985a1 1 0 0 0 2 0 6.605 6.605 0 0 0-1-2 6.605 6.605 0 0 0-1 2zM3.959 14a1 1 0 0 0 2 0 6.605 6.605 0 0 0-1-2 6.605 6.605 0 0 0-1 2zm6.028 0a1 1 0 0 0 2 0 6.605 6.605 0 0 0-1-2 6.605 6.605 0 0 0-1 2zM5.207 1.904h.007a.5.5 0 0 0 .493-.506L5.695.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.715zm-.179 2.203a.5.5 0 0 0-.5-.493h-.007l-.905.011a.5.5 0 0 0 .007 1h.007l.904-.011a.5.5 0 0 0 .494-.507zm5.638-2.12a.5.5 0 0 0 .359-.151l.63-.648a.5.5 0 0 0-.716-.698l-.631.648a.5.5 0 0 0 .358.849z"/>
  <path d="M12.028 5.579a2.927 2.927 0 0 0-.37.037 4.364 4.364 0 0 0-7.316 0 2.926 2.926 0 0 0-.37-.037 2.972 2.972 0 1 0 1.16 5.709 4.302 4.302 0 0 0 5.735 0 2.972 2.972 0 1 0 1.16-5.71zm0 4.944a1.959 1.959 0 0 1-.77-.156 1 1 0 0 0-1.05.168 3.303 3.303 0 0 1-4.417 0 1 1 0 0 0-1.05-.168 1.972 1.972 0 1 1-.769-3.788 1.077 1.077 0 0 1 .15.017l.095.012a1 1 0 0 0 .962-.444 3.364 3.364 0 0 1 5.642 0 1 1 0 0 0 .962.444l.095-.012a1.08 1.08 0 0 1 .15-.017 1.972 1.972 0 1 1 0 3.944zM2.482 5.315A3.53 3.53 0 0 1 3.5 5.027a1.831 1.831 0 0 1 1.81-1.603 1.81 1.81 0 0 1 .553.095 4.933 4.933 0 0 1 1.281-.405A2.82 2.82 0 0 0 2.476 5.26c0 .02.006.037.006.056z"/>
</svg>

Heavy shower rain fill #

和风天气图标代码: 301

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-heavy-shower-rain-fill"></i>
<i class="qi-301-fill"></i>

HTML

复制下列代码到你的项目中

<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="M7.012 14.985a1 1 0 0 0 2 0 6.605 6.605 0 0 0-1-2 6.605 6.605 0 0 0-1 2zM3.959 14a1 1 0 0 0 2 0 6.605 6.605 0 0 0-1-2 6.605 6.605 0 0 0-1 2zm6.028 0a1 1 0 0 0 2 0 6.605 6.605 0 0 0-1-2 6.605 6.605 0 0 0-1 2zM5.207 1.904h.007a.5.5 0 0 0 .493-.506L5.695.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.715zm-.179 2.203a.5.5 0 0 0-.5-.493h-.007l-.905.011a.5.5 0 0 0 .007 1h.007l.904-.011a.5.5 0 0 0 .494-.507zm5.638-2.12a.5.5 0 0 0 .359-.151l.63-.648a.5.5 0 0 0-.716-.698l-.631.648a.5.5 0 0 0 .358.849z"/>
  <path d="M12.028 5.579a2.927 2.927 0 0 0-.37.037 4.364 4.364 0 0 0-7.316 0 2.926 2.926 0 0 0-.37-.037 2.972 2.972 0 1 0 1.16 5.709 4.302 4.302 0 0 0 5.735 0 2.972 2.972 0 1 0 1.16-5.71zm-9.546-.264A3.53 3.53 0 0 1 3.5 5.027a1.831 1.831 0 0 1 1.81-1.603 1.81 1.81 0 0 1 .553.095 4.933 4.933 0 0 1 1.281-.405A2.82 2.82 0 0 0 2.476 5.26c0 .02.006.037.006.056z"/>
</svg>

Thundershower #

和风天气图标代码: 302

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-302" viewBox="0 0 16 16">
  <path d="M12.315 2.086a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm0 5.369a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.237 1.237 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.237 1.237 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zM2.998 12.5a1 1 0 1 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm8.028 0a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm-2.352-.86c-.058 0-.096-.051-.07-.095l.858-1.462c.026-.044-.012-.096-.07-.096h-1.71a.167.167 0 0 0-.145.078l-1.514 2.681c-.045.08.024.172.128.172H7.69c.054 0 .091.045.074.088l-.8 1.976c-.03.07.078.12.134.064l3.227-3.297c.042-.043.006-.109-.06-.109z"/>
</svg>

Thundershower fill #

和风天气图标代码: 302

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M12.315 2.086a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zM2.998 12.5a1 1 0 1 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm8.028 0a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm-2.352-.86c-.058 0-.096-.051-.07-.095l.858-1.462c.026-.044-.012-.096-.07-.096h-1.71a.167.167 0 0 0-.145.078l-1.514 2.681c-.045.08.024.172.128.172H7.69c.054 0 .091.045.074.088l-.8 1.976c-.03.07.078.12.134.064l3.227-3.297c.042-.043.006-.109-.06-.109z"/>
</svg>

Heavy thunderstorm #

和风天气图标代码: 303

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-303" viewBox="0 0 16 16">
  <path d="M3.685 8.455a3.172 3.172 0 0 0 1.243-.253 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.397-.04 3.184 3.184 0 1 0 0 6.369zm0-5.37a1.237 1.237 0 0 1 .17.02l.101.013a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.237 1.237 0 0 1 .17-.018 2.184 2.184 0 1 1-.853 4.196 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196zM2.998 12.5a1 1 0 1 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm-2-1.552a.786.786 0 1 0 1.573 0 5.193 5.193 0 0 0-.787-1.573 5.193 5.193 0 0 0-.786 1.573zm12.429 0a.786.786 0 1 0 1.573 0 5.193 5.193 0 0 0-.786-1.573 5.193 5.193 0 0 0-.787 1.573zM11.026 12.5a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm-2.352-.86c-.058 0-.096-.051-.07-.095l.858-1.462c.026-.044-.012-.096-.07-.096h-1.71a.167.167 0 0 0-.145.078l-1.514 2.681c-.045.08.024.172.128.172H7.69c.054 0 .091.045.074.088l-.8 1.976c-.03.07.078.12.134.064l3.227-3.297c.042-.043.006-.109-.06-.109z"/>
</svg>

Heavy thunderstorm fill #

和风天气图标代码: 303

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M3.685 8.455a3.172 3.172 0 0 0 1.243-.253 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.397-.04 3.184 3.184 0 1 0 0 6.369zM2.998 12.5a1 1 0 1 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm-2-1.552a.786.786 0 1 0 1.573 0 5.193 5.193 0 0 0-.787-1.573 5.193 5.193 0 0 0-.786 1.573zm12.429 0a.786.786 0 1 0 1.573 0 5.193 5.193 0 0 0-.786-1.573 5.193 5.193 0 0 0-.787 1.573zM11.026 12.5a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm-2.352-.86c-.058 0-.096-.051-.07-.095l.858-1.462c.026-.044-.012-.096-.07-.096h-1.71a.167.167 0 0 0-.145.078l-1.514 2.681c-.045.08.024.172.128.172H7.69c.054 0 .091.045.074.088l-.8 1.976c-.03.07.078.12.134.064l3.227-3.297c.042-.043.006-.109-.06-.109z"/>
</svg>

Thundershower with hail #

和风天气图标代码: 304

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-thundershower-with-hail"></i>
<i class="qi-304"></i>

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-304" viewBox="0 0 16 16">
  <path d="M12.315 2.086a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm0 5.369a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.237 1.237 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.237 1.237 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zM2.998 12.5a1 1 0 1 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm5.676-.86c-.058 0-.096-.051-.07-.095l.858-1.462c.026-.044-.012-.096-.07-.096h-1.71a.167.167 0 0 0-.145.078l-1.514 2.681c-.045.08.024.172.128.172H7.69c.054 0 .091.045.074.088l-.8 1.976c-.03.07.078.12.134.064l3.227-3.297c.042-.043.006-.109-.06-.109z" style="fill-rule:evenodd"/>
  <circle cx="12.5" cy="12" r="1"/>
</svg>

Thundershower with hail fill #

和风天气图标代码: 304

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-thundershower-with-hail-fill"></i>
<i class="qi-304-fill"></i>

HTML

复制下列代码到你的项目中

<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="M12.315 2.086a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zM2.998 12.5a1 1 0 1 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm5.676-.86c-.058 0-.096-.051-.07-.095l.858-1.462c.026-.044-.012-.096-.07-.096h-1.71a.167.167 0 0 0-.145.078l-1.514 2.681c-.045.08.024.172.128.172H7.69c.054 0 .091.045.074.088l-.8 1.976c-.03.07.078.12.134.064l3.227-3.297c.042-.043.006-.109-.06-.109z" style="fill-rule:evenodd"/>
  <circle cx="12.5" cy="12" r="1"/>
</svg>

Light rain #

和风天气图标代码: 305

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-305" viewBox="0 0 16 16">
  <path d="M12.315 2.086a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm0 5.369a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.237 1.237 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.237 1.237 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zM9.6 12.5a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm-5.082 0a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2z" style="fill-rule:evenodd"/>
</svg>

Light rain fill #

和风天气图标代码: 305

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M12.315 2.086a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zM9.6 12.526a1 1 0 0 0 2 0 6.606 6.606 0 0 0-1-2 6.606 6.606 0 0 0-1 2zm-5.082 0a1 1 0 0 0 2 0 6.606 6.606 0 0 0-1-2 6.606 6.606 0 0 0-1 2z" style="fill-rule:evenodd"/>
</svg>

Moderate rain #

和风天气图标代码: 306

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-306" viewBox="0 0 16 16">
  <path d="M12.315 2.086a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm0 5.369a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.237 1.237 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.237 1.237 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zM7 13.41a1 1 0 0 0 2 0 6.606 6.606 0 0 0-1-2 6.606 6.606 0 0 0-1 2zm-4.002-1.717a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm8.003 0a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2z" style="fill-rule:evenodd"/>
</svg>

Moderate rain fill #

和风天气图标代码: 306

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M12.315 2.086a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zM7 13.41a1 1 0 0 0 2 0 6.606 6.606 0 0 0-1-2 6.606 6.606 0 0 0-1 2zm-4.002-1.717a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm8.003 0a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2z" style="fill-rule:evenodd"/>
</svg>

Heavy rain #

和风天气图标代码: 307

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-307" viewBox="0 0 16 16">
  <path d="M15.5 5.27a3.184 3.184 0 0 0-3.185-3.184 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0A3.185 3.185 0 0 0 15.5 5.27zm-3.185 2.185a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.237 1.237 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.237 1.237 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zM7.05 13.449a1 1 0 0 0 2 0 6.606 6.606 0 0 0-1-2 6.606 6.606 0 0 0-1 2zm-3.052-1.5a1 1 0 0 0 2 0 6.606 6.606 0 0 0-1-2 6.606 6.606 0 0 0-1 2zm6.028 0a1 1 0 0 0 2 0 6.606 6.606 0 0 0-1-2 6.606 6.606 0 0 0-1 2zm-8.976-.825a.786.786 0 0 0 1.572 0 5.192 5.192 0 0 0-.786-1.573 5.192 5.192 0 0 0-.786 1.573zm12.43 0a.786.786 0 0 0 1.572 0 5.192 5.192 0 0 0-.787-1.573 5.192 5.192 0 0 0-.786 1.573z" style="fill-rule:evenodd"/>
</svg>

Heavy rain fill #

和风天气图标代码: 307

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M15.5 5.27a3.184 3.184 0 0 0-3.185-3.184 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0A3.185 3.185 0 0 0 15.5 5.27zm-8.45 8.179a1 1 0 0 0 2 0 6.606 6.606 0 0 0-1-2 6.606 6.606 0 0 0-1 2zm-3.052-1.5a1 1 0 0 0 2 0 6.606 6.606 0 0 0-1-2 6.606 6.606 0 0 0-1 2zm6.028 0a1 1 0 0 0 2 0 6.606 6.606 0 0 0-1-2 6.606 6.606 0 0 0-1 2zm-8.976-.825a.786.786 0 0 0 1.572 0 5.192 5.192 0 0 0-.786-1.573 5.192 5.192 0 0 0-.786 1.573zm12.43 0a.786.786 0 0 0 1.572 0 5.192 5.192 0 0 0-.787-1.573 5.192 5.192 0 0 0-.786 1.573z" style="fill-rule:evenodd"/>
</svg>

Extreme rain #

和风天气图标代码: 308

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-308" viewBox="0 0 16 16">
  <path d="M7.99 11.449a6.606 6.606 0 0 0-1 2 1 1 0 0 0 2 0 6.606 6.606 0 0 0-1-2zm-3.052-1.5a6.606 6.606 0 0 0-1 2 1 1 0 0 0 2 0 6.606 6.606 0 0 0-1-2zm6.028 0a6.606 6.606 0 0 0-1 2 1 1 0 0 0 2 0 6.606 6.606 0 0 0-1-2zm-8.961.053a.5.5 0 0 0-.5.5v2.953a.5.5 0 0 0 1 0v-2.953a.5.5 0 0 0-.5-.5zm11.763 0a.5.5 0 0 0-.5.5v2.953a.5.5 0 0 0 1 0v-2.953a.5.5 0 0 0-.5-.5zM7.343 0a4.267 4.267 0 0 0-3.576 1.94 2.853 2.853 0 0 0-.362-.037 2.905 2.905 0 1 0 1.135 5.58 4.285 4.285 0 0 0 2.093 1.003 2.267 2.267 0 0 1-.362-1.108l-.003-.036a2.982 2.982 0 0 1-1.07-.612 1 1 0 0 0-1.049-.167 1.905 1.905 0 1 1-.744-3.66 1.02 1.02 0 0 1 .143.016l.094.012a.982.982 0 0 0 .125.008 1 1 0 0 0 .837-.452 3.265 3.265 0 0 1 5.477 0 1 1 0 0 0 .837.452.982.982 0 0 0 .125-.008l.094-.012a1.02 1.02 0 0 1 .143-.016 1.89 1.89 0 0 1 1.543.806 2.527 2.527 0 0 1 1.34.874 2.896 2.896 0 0 0-2.883-2.68 2.852 2.852 0 0 0-.362.036A4.267 4.267 0 0 0 7.343 0z"/>
  <path d="M11.43 4.87a1.836 1.836 0 0 1 1.539.836 1 1 0 0 0 .961.444l.068-.009.048-.007a.93.93 0 1 1-.363 1.786 1 1 0 0 0-1.05.167 1.794 1.794 0 0 1-2.406 0 1 1 0 0 0-1.049-.167.93.93 0 1 1-.375-1.787l.06.008.068.01a1 1 0 0 0 .961-.445 1.836 1.836 0 0 1 1.539-.836m0-1a2.834 2.834 0 0 0-2.375 1.288 1.904 1.904 0 0 0-.24-.024 1.93 1.93 0 1 0 .753 3.706 2.794 2.794 0 0 0 3.723 0 1.93 1.93 0 1 0 .754-3.706 1.904 1.904 0 0 0-.24.024A2.834 2.834 0 0 0 11.43 3.87z"/>
</svg>

Extreme rain fill #

和风天气图标代码: 308

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M6.99 13.449a1 1 0 0 0 2 0 6.606 6.606 0 0 0-1-2 6.606 6.606 0 0 0-1 2zm-3.052-1.5a1 1 0 1 0 2 0 6.606 6.606 0 0 0-1-2 6.606 6.606 0 0 0-1 2zm6.028 0a1 1 0 0 0 2 0 6.606 6.606 0 0 0-1-2 6.606 6.606 0 0 0-1 2zm3.802-1.947a.5.5 0 0 0-.5.5v2.953a.5.5 0 1 0 1 0v-2.953a.5.5 0 0 0-.5-.5zm-11.702 0a.5.5 0 0 0-.5.5v2.953a.5.5 0 1 0 1 0v-2.953a.5.5 0 0 0-.5-.5zm12.02-4.272a1.407 1.407 0 0 0-.172.02.536.536 0 0 1-.061.004.486.486 0 0 1-.407-.22 2.268 2.268 0 0 0-3.803 0 .551.551 0 0 1-.45.213.52.52 0 0 1-.073-.005.793.793 0 0 0-.117-.012 1.39 1.39 0 0 0 0 2.779 1.372 1.372 0 0 0 .542-.11.485.485 0 0 1 .51.082 2.229 2.229 0 0 0 2.978 0 .486.486 0 0 1 .51-.082 1.375 1.375 0 0 0 .543.11 1.39 1.39 0 0 0 0-2.78z"/>
  <path d="M7.343 8.553c.08 0 .154-.017.233-.022a1.9 1.9 0 0 1 1.48-3.373A2.834 2.834 0 0 1 11.43 3.87a3.295 3.295 0 0 1 .803.116 4.006 4.006 0 0 1 1.836 1.47 2.683 2.683 0 0 0 .115-.648 2.808 2.808 0 0 0-3.267-2.869 4.266 4.266 0 0 0-7.15 0 2.87 2.87 0 0 0-.363-.036 2.905 2.905 0 1 0 1.135 5.58 4.241 4.241 0 0 0 2.803 1.07z"/>
</svg>

Drizzle rain #

和风天气图标代码: 309

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-309" viewBox="0 0 16 16">
  <path d="M12.315 2.086a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm0 5.369a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.237 1.237 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.237 1.237 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zm-4.211 2.838a.255.255 0 0 0-.325.14l-.966 2.423a.251.251 0 0 0 .14.326.256.256 0 0 0 .093.017.25.25 0 0 0 .232-.157l.966-2.423a.251.251 0 0 0-.14-.326zm-3.728.207a.248.248 0 0 0-.325.137l-.71 1.747a.25.25 0 0 0 .138.325.243.243 0 0 0 .093.019.25.25 0 0 0 .232-.156l.71-1.746a.25.25 0 0 0-.138-.326zm7.247.1a.248.248 0 0 0-.325.136l-.71 1.747a.25.25 0 0 0 .137.326.243.243 0 0 0 .094.018.25.25 0 0 0 .232-.156l.71-1.746a.25.25 0 0 0-.138-.326z"/>
</svg>

Drizzle rain fill #

和风天气图标代码: 309

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M12.315 2.086a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm-4.211 8.207a.255.255 0 0 0-.325.14l-.966 2.423a.251.251 0 0 0 .14.326.256.256 0 0 0 .093.017.25.25 0 0 0 .232-.157l.966-2.423a.251.251 0 0 0-.14-.326zm-3.728.207a.248.248 0 0 0-.325.137l-.71 1.747a.25.25 0 0 0 .138.325.243.243 0 0 0 .093.019.25.25 0 0 0 .232-.156l.71-1.746a.25.25 0 0 0-.138-.326zm7.247.1a.248.248 0 0 0-.325.136l-.71 1.747a.25.25 0 0 0 .137.326.243.243 0 0 0 .094.018.25.25 0 0 0 .232-.156l.71-1.746a.25.25 0 0 0-.138-.326z"/>
</svg>

Storm #

和风天气图标代码: 310

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-310" viewBox="0 0 16 16">
  <path d="M3.685 8.455a3.172 3.172 0 0 0 1.243-.253 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.397-.04 3.184 3.184 0 1 0 0 6.369zm0-5.37a1.236 1.236 0 0 1 .17.02l.101.013a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.236 1.236 0 0 1 .17-.018 2.184 2.184 0 1 1-.853 4.196 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196zM7 13.713a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm-2.527-2.02a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm5.011 0a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm-6.732-.833a5.192 5.192 0 0 0-.786-1.573 5.192 5.192 0 0 0-.786 1.573.786.786 0 0 0 1.572 0zm-.347 2.746a.786.786 0 0 0 1.572 0 5.192 5.192 0 0 0-.786-1.573 5.192 5.192 0 0 0-.786 1.573zm10.835-2.738a.786.786 0 0 0 1.573 0 5.194 5.194 0 0 0-.786-1.573 5.194 5.194 0 0 0-.787 1.573zm-1.209 2.738a.786.786 0 0 0 1.573 0 5.192 5.192 0 0 0-.786-1.573 5.192 5.192 0 0 0-.787 1.573z" style="fill-rule:evenodd"/>
</svg>

Storm fill #

和风天气图标代码: 310

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M3.685 8.455a3.172 3.172 0 0 0 1.243-.253 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.397-.04 3.184 3.184 0 1 0 0 6.369zM7 13.713a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm-2.527-2.02a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm5.011 0a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm-6.732-.833a5.192 5.192 0 0 0-.786-1.573 5.192 5.192 0 0 0-.786 1.573.786.786 0 0 0 1.572 0zm-.347 2.746a.786.786 0 0 0 1.572 0 5.192 5.192 0 0 0-.786-1.573 5.192 5.192 0 0 0-.786 1.573zm10.835-2.738a.786.786 0 0 0 1.573 0 5.194 5.194 0 0 0-.786-1.573 5.194 5.194 0 0 0-.787 1.573zm-1.209 2.738a.786.786 0 0 0 1.573 0 5.192 5.192 0 0 0-.786-1.573 5.192 5.192 0 0 0-.787 1.573z" style="fill-rule:evenodd"/>
</svg>

Heavy storm #

和风天气图标代码: 311

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-311" viewBox="0 0 16 16">
  <path d="M12.254 2.086a3.147 3.147 0 0 0-.397.04 4.675 4.675 0 0 0-7.838 0 3.147 3.147 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.244-6.116zm0 5.369a2.17 2.17 0 0 1-.853-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.826 0 1 1 0 0 0-1.05-.167 2.185 2.185 0 1 1-.852-4.196 1.236 1.236 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.165 0 1 1 0 0 0 .961.444l.102-.014a1.236 1.236 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zm-5.316 5.907a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm-5-1.669a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm10.026 0a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zM.734 8.975a.5.5 0 0 0-.5.5v1.999a.5.5 0 0 0 1 0V9.475a.5.5 0 0 0-.5-.5zm4.72 1.382a.5.5 0 0 0-.5.5v1.999a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5zm4.996.006a.5.5 0 0 0-.5.5v1.999a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5zm4.816-1.388a.5.5 0 0 0-.5.5v1.999a.5.5 0 0 0 1 0V9.475a.5.5 0 0 0-.5-.5z"/>
</svg>

Heavy storm fill #

和风天气图标代码: 311

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M12.254 2.086a3.147 3.147 0 0 0-.397.04 4.675 4.675 0 0 0-7.838 0 3.147 3.147 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.244-6.116zM6.938 13.362a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm-5-1.669a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm10.026 0a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zM.734 8.975a.5.5 0 0 0-.5.5v1.999a.5.5 0 0 0 1 0V9.475a.5.5 0 0 0-.5-.5zm4.72 1.382a.5.5 0 0 0-.5.5v1.999a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5zm4.996.006a.5.5 0 0 0-.5.5v1.999a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5zm4.816-1.388a.5.5 0 0 0-.5.5v1.999a.5.5 0 0 0 1 0V9.475a.5.5 0 0 0-.5-.5z"/>
</svg>

Severe storm #

和风天气图标代码: 312

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-312" viewBox="0 0 16 16">
  <path d="M12.254 2.086a3.147 3.147 0 0 0-.397.04 4.675 4.675 0 0 0-7.838 0 3.147 3.147 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.244-6.116zm0 5.369a2.17 2.17 0 0 1-.853-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.826 0 1 1 0 0 0-1.05-.167 2.185 2.185 0 1 1-.852-4.196 1.236 1.236 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.165 0 1 1 0 0 0 .961.444l.102-.014a1.236 1.236 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zM.734 8.975a.5.5 0 0 0-.5.5v1.999a.5.5 0 0 0 1 0V9.475a.5.5 0 0 0-.5-.5zm4.72 1.718a.5.5 0 0 0-.5.5v1.999a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5zM3.06 9.975a.5.5 0 0 0-.5.5v1.998a.5.5 0 0 0 1 0v-1.998a.5.5 0 0 0-.5-.5zm9.903 0a.5.5 0 0 0-.5.5v1.998a.5.5 0 0 0 1 0v-1.998a.5.5 0 0 0-.5-.5zm-5.025 1.382a.5.5 0 0 0-.5.5v1.999a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5zm2.512-.657a.5.5 0 0 0-.5.5v1.998a.5.5 0 1 0 1 0V11.2a.5.5 0 0 0-.5-.5zm4.816-1.725a.5.5 0 0 0-.5.5v1.999a.5.5 0 0 0 1 0V9.475a.5.5 0 0 0-.5-.5z"/>
</svg>

Severe storm fill #

和风天气图标代码: 312

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M12.254 2.086a3.147 3.147 0 0 0-.397.04 4.675 4.675 0 0 0-7.838 0 3.147 3.147 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.244-6.116zM.734 8.975a.5.5 0 0 0-.5.5v1.999a.5.5 0 0 0 1 0V9.475a.5.5 0 0 0-.5-.5zm4.72 1.718a.5.5 0 0 0-.5.5v1.999a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5zM3.06 9.975a.5.5 0 0 0-.5.5v1.998a.5.5 0 0 0 1 0v-1.998a.5.5 0 0 0-.5-.5zm9.903 0a.5.5 0 0 0-.5.5v1.998a.5.5 0 0 0 1 0v-1.998a.5.5 0 0 0-.5-.5zm-5.025 1.382a.5.5 0 0 0-.5.5v1.999a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5zm2.512-.657a.5.5 0 0 0-.5.5v1.998a.5.5 0 1 0 1 0V11.2a.5.5 0 0 0-.5-.5zm4.816-1.725a.5.5 0 0 0-.5.5v1.999a.5.5 0 0 0 1 0V9.475a.5.5 0 0 0-.5-.5z"/>
</svg>

Freezing rain #

和风天气图标代码: 313

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-313" viewBox="0 0 16 16">
  <path d="M15.5 5.27a3.184 3.184 0 0 0-3.185-3.184 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0A3.185 3.185 0 0 0 15.5 5.27zm-3.185 2.185a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.236 1.236 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.236 1.236 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zm-11.167 2.64.978 1.397.977-1.397-.977-1.396-.978 1.396zm2.938 1.456.977 1.397.978-1.397-.978-1.396-.977 1.396zm2.936 1.789L8 14.736l.977-1.396L8 11.943l-.978 1.397zm2.937-1.789.978 1.397.977-1.397-.977-1.396-.978 1.396zm2.937-1.456.978 1.397.978-1.397-.978-1.396-.978 1.396z"/>
</svg>

Freezing rain fill #

和风天气图标代码: 313

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M15.5 5.27a3.184 3.184 0 0 0-3.185-3.184 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0A3.185 3.185 0 0 0 15.5 5.27zM1.148 10.095l.978 1.397.977-1.397-.977-1.396-.978 1.396zm2.938 1.456.977 1.397.978-1.397-.978-1.396-.977 1.396zm2.936 1.789L8 14.736l.977-1.396L8 11.943l-.978 1.397zm2.937-1.789.978 1.397.977-1.397-.977-1.396-.978 1.396zm2.937-1.456.978 1.397.978-1.397-.978-1.396-.978 1.396z"/>
</svg>

Light to moderate rain #

和风天气图标代码: 314

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-light-to-moderate-rain"></i>
<i class="qi-314"></i>

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-314" viewBox="0 0 16 16">
  <path d="M10.435 12.443a1 1 0 0 0 2 0 6.603 6.603 0 0 0-1-2 6.603 6.603 0 0 0-1 2zm1.88-10.357a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm0 5.369a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.236 1.236 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.236 1.236 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zm-8.917 4.881a.786.786 0 0 0 1.573 0 5.193 5.193 0 0 0-.786-1.572 5.193 5.193 0 0 0-.787 1.572zm5.043-2.186a.502.502 0 0 0-.626.329L6.73 13.958a.5.5 0 0 0 .955.297l1.085-3.478a.5.5 0 0 0-.329-.627z"/>
</svg>

Light to moderate rain fill #

和风天气图标代码: 314

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-light-to-moderate-rain-fill"></i>
<i class="qi-314-fill"></i>

HTML

复制下列代码到你的项目中

<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="M10.435 12.443a1 1 0 0 0 2 0 6.603 6.603 0 0 0-1-2 6.603 6.603 0 0 0-1 2zm1.88-10.357a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm-8.917 10.25a.786.786 0 0 0 1.573 0 5.193 5.193 0 0 0-.786-1.572 5.193 5.193 0 0 0-.787 1.572zm5.043-2.186a.502.502 0 0 0-.626.329L6.73 13.958a.5.5 0 0 0 .955.297l1.085-3.478a.5.5 0 0 0-.329-.627z"/>
</svg>

Moderate to heavy rain #

和风天气图标代码: 315

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-moderate-to-heavy-rain"></i>
<i class="qi-315"></i>

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-315" viewBox="0 0 16 16">
  <path d="M9.435 12.443a1 1 0 0 0 2 0 6.603 6.603 0 0 0-1-2 6.603 6.603 0 0 0-1 2zm2.88-10.357a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm0 5.369a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.236 1.236 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.236 1.236 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zm-9.917 4.881a.786.786 0 0 0 1.573 0 5.193 5.193 0 0 0-.786-1.572 5.193 5.193 0 0 0-.787 1.572zm9.633-1.179a.786.786 0 1 0 1.573 0 5.193 5.193 0 0 0-.786-1.573 5.193 5.193 0 0 0-.787 1.573zm-4.59-1.007a.502.502 0 0 0-.626.329L5.73 13.958a.5.5 0 0 0 .955.297l1.085-3.478a.5.5 0 0 0-.329-.627z"/>
</svg>

Moderate to heavy rain fill #

和风天气图标代码: 315

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-moderate-to-heavy-rain-fill"></i>
<i class="qi-315-fill"></i>

HTML

复制下列代码到你的项目中

<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="M9.435 12.443a1 1 0 0 0 2 0 6.603 6.603 0 0 0-1-2 6.603 6.603 0 0 0-1 2zm2.88-10.357a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm-9.917 10.25a.786.786 0 0 0 1.573 0 5.193 5.193 0 0 0-.786-1.572 5.193 5.193 0 0 0-.787 1.572zm9.633-1.179a.786.786 0 1 0 1.573 0 5.193 5.193 0 0 0-.786-1.573 5.193 5.193 0 0 0-.787 1.573zm-4.59-1.007a.502.502 0 0 0-.626.329L5.73 13.958a.5.5 0 0 0 .955.297l1.085-3.478a.5.5 0 0 0-.329-.627z"/>
</svg>

Heavy rain to storm #

和风天气图标代码: 316

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-heavy-rain-to-storm"></i>
<i class="qi-316"></i>

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-316" viewBox="0 0 16 16">
  <path d="M10.022 12.443a1 1 0 0 0 2 0 6.603 6.603 0 0 0-1-2 6.603 6.603 0 0 0-1 2zm2.746-1.179a1 1 0 1 0 2 0 6.603 6.603 0 0 0-1-2 6.603 6.603 0 0 0-1 2zM15.5 5.27a3.184 3.184 0 0 0-3.185-3.184 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0A3.185 3.185 0 0 0 15.5 5.27zm-3.185 2.185a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.236 1.236 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.236 1.236 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zm-8.406 4.881a.786.786 0 0 0 1.573 0 5.193 5.193 0 0 0-.787-1.572 5.193 5.193 0 0 0-.786 1.572zm-2.326-1.179a.786.786 0 1 0 1.572 0 5.193 5.193 0 0 0-.786-1.573 5.193 5.193 0 0 0-.786 1.573zm6.444-1.007a.503.503 0 0 0-.626.329l-1.085 3.479a.5.5 0 0 0 .955.297l1.085-3.478a.5.5 0 0 0-.329-.627z"/>
</svg>

Heavy rain to storm fill #

和风天气图标代码: 316

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-heavy-rain-to-storm-fill"></i>
<i class="qi-316-fill"></i>

HTML

复制下列代码到你的项目中

<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="M10.022 12.443a1 1 0 0 0 2 0 6.603 6.603 0 0 0-1-2 6.603 6.603 0 0 0-1 2zm2.746-1.179a1 1 0 1 0 2 0 6.603 6.603 0 0 0-1-2 6.603 6.603 0 0 0-1 2zM15.5 5.27a3.184 3.184 0 0 0-3.185-3.184 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0A3.185 3.185 0 0 0 15.5 5.27zM3.909 12.336a.786.786 0 0 0 1.573 0 5.193 5.193 0 0 0-.787-1.572 5.193 5.193 0 0 0-.786 1.572zm-2.326-1.179a.786.786 0 1 0 1.572 0 5.193 5.193 0 0 0-.786-1.573 5.193 5.193 0 0 0-.786 1.573zm6.444-1.007a.503.503 0 0 0-.626.329l-1.085 3.479a.5.5 0 0 0 .955.297l1.085-3.478a.5.5 0 0 0-.329-.627z"/>
</svg>

Storm to heavy storm #

和风天气图标代码: 317

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-storm-to-heavy-storm"></i>
<i class="qi-317"></i>

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-317" viewBox="0 0 16 16">
  <path d="M12.768 11.264a1 1 0 1 0 2 0 6.603 6.603 0 0 0-1-2 6.603 6.603 0 0 0-1 2zM15.5 5.27a3.184 3.184 0 0 0-3.185-3.184 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0A3.185 3.185 0 0 0 15.5 5.27zm-3.185 2.185a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.236 1.236 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.236 1.236 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zM1.583 11.157a.786.786 0 1 0 1.572 0 5.193 5.193 0 0 0-.786-1.573 5.193 5.193 0 0 0-.786 1.573zm6.754-1.007a.499.499 0 0 0-.627.329l-1.086 3.479a.5.5 0 0 0 .955.297l1.086-3.478a.5.5 0 0 0-.328-.626zm-2.707.196a.502.502 0 0 0-.626.328l-.818 2.62a.501.501 0 0 0 .328.626.516.516 0 0 0 .15.023.501.501 0 0 0 .477-.351l.818-2.62a.501.501 0 0 0-.328-.626zm5.406 0a.502.502 0 0 0-.627.328l-.818 2.62a.501.501 0 0 0 .329.626.516.516 0 0 0 .149.023.501.501 0 0 0 .478-.351l.817-2.62a.501.501 0 0 0-.328-.626z"/>
</svg>

Storm to heavy storm fill #

和风天气图标代码: 317

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-storm-to-heavy-storm-fill"></i>
<i class="qi-317-fill"></i>

HTML

复制下列代码到你的项目中

<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="M12.768 11.264a1 1 0 1 0 2 0 6.603 6.603 0 0 0-1-2 6.603 6.603 0 0 0-1 2zM15.5 5.27a3.184 3.184 0 0 0-3.185-3.184 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0A3.185 3.185 0 0 0 15.5 5.27zM1.583 11.157a.786.786 0 1 0 1.572 0 5.193 5.193 0 0 0-.786-1.573 5.193 5.193 0 0 0-.786 1.573zm6.754-1.007a.499.499 0 0 0-.627.329l-1.086 3.479a.5.5 0 0 0 .955.297l1.086-3.478a.5.5 0 0 0-.328-.626zm-2.707.196a.502.502 0 0 0-.626.328l-.818 2.62a.501.501 0 0 0 .328.626.516.516 0 0 0 .15.023.501.501 0 0 0 .477-.351l.818-2.62a.501.501 0 0 0-.328-.626zm5.406 0a.502.502 0 0 0-.627.328l-.818 2.62a.501.501 0 0 0 .329.626.516.516 0 0 0 .149.023.501.501 0 0 0 .478-.351l.817-2.62a.501.501 0 0 0-.328-.626z"/>
</svg>

Heavy to severe storm #

和风天气图标代码: 318

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-heavy-to-severe-storm"></i>
<i class="qi-318"></i>

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-318" viewBox="0 0 16 16">
  <path d="M12.768 11.264a1 1 0 1 0 2 0 6.603 6.603 0 0 0-1-2 6.603 6.603 0 0 0-1 2zM15.5 5.27a3.184 3.184 0 0 0-3.185-3.184 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0A3.185 3.185 0 0 0 15.5 5.27zm-3.185 2.185a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.236 1.236 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.236 1.236 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zM1.583 11.157a.786.786 0 1 0 1.572 0 5.193 5.193 0 0 0-.786-1.573 5.193 5.193 0 0 0-.786 1.573zm6.754-1.007a.499.499 0 0 0-.627.329l-1.086 3.479a.5.5 0 0 0 .955.297l1.086-3.478a.5.5 0 0 0-.328-.626zm-2.707.196a.502.502 0 0 0-.626.328l-.818 2.62a.501.501 0 0 0 .328.626.516.516 0 0 0 .15.023.501.501 0 0 0 .477-.351l.818-2.62a.501.501 0 0 0-.328-.626zm5.406 0a.502.502 0 0 0-.627.328l-.818 2.62a.501.501 0 0 0 .329.626.516.516 0 0 0 .149.023.501.501 0 0 0 .478-.351l.817-2.62a.501.501 0 0 0-.328-.626zm-9.312 3.88a.645.645 0 1 0 1.29 0 4.258 4.258 0 0 0-.645-1.29 4.258 4.258 0 0 0-.645 1.29zm11.426.028a.617.617 0 0 0 1.235 0 4.078 4.078 0 0 0-.617-1.235 4.078 4.078 0 0 0-.617 1.235z" style="fill-rule:evenodd"/>
</svg>

Heavy to severe storm fill #

和风天气图标代码: 318

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-heavy-to-severe-storm-fill"></i>
<i class="qi-318-fill"></i>

HTML

复制下列代码到你的项目中

<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="M12.768 11.264a1 1 0 1 0 2 0 6.603 6.603 0 0 0-1-2 6.603 6.603 0 0 0-1 2zM15.5 5.27a3.184 3.184 0 0 0-3.185-3.184 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0A3.185 3.185 0 0 0 15.5 5.27zM1.583 11.157a.786.786 0 1 0 1.572 0 5.193 5.193 0 0 0-.786-1.573 5.193 5.193 0 0 0-.786 1.573zm6.754-1.007a.499.499 0 0 0-.627.329l-1.086 3.479a.5.5 0 0 0 .955.297l1.086-3.478a.5.5 0 0 0-.328-.626zm-2.707.196a.502.502 0 0 0-.626.328l-.818 2.62a.501.501 0 0 0 .328.626.516.516 0 0 0 .15.023.501.501 0 0 0 .477-.351l.818-2.62a.501.501 0 0 0-.328-.626zm5.406 0a.502.502 0 0 0-.627.328l-.818 2.62a.501.501 0 0 0 .329.626.516.516 0 0 0 .149.023.501.501 0 0 0 .478-.351l.817-2.62a.501.501 0 0 0-.328-.626zm-9.312 3.88a.645.645 0 1 0 1.29 0 4.258 4.258 0 0 0-.645-1.29 4.258 4.258 0 0 0-.645 1.29zm11.426.028a.617.617 0 0 0 1.235 0 4.078 4.078 0 0 0-.617-1.235 4.078 4.078 0 0 0-.617 1.235z" style="fill-rule:evenodd"/>
</svg>

Shower rain night #

和风天气图标代码: 350

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-shower-rain-night"></i>
<i class="qi-350"></i>

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-350" viewBox="0 0 16 16">
  <path d="M15.466 4.215a.31.31 0 0 0-.08.01 3.066 3.066 0 0 1-.806.109 3.201 3.201 0 0 1-1.06-.185A3.183 3.183 0 0 1 11.492.364.289.289 0 0 0 11.22 0a.279.279 0 0 0-.104.02 3.546 3.546 0 0 0-2.21 3.096 4.928 4.928 0 0 1 .99.293 2.56 2.56 0 0 1 .54-1.671 4.418 4.418 0 0 0 .165.707 4.166 4.166 0 0 0 2.59 2.649 4.328 4.328 0 0 0 .846.203 2.606 2.606 0 0 1-.239.163 3.572 3.572 0 0 1 .823.643 3.553 3.553 0 0 0 1.12-1.504.286.286 0 0 0-.275-.384zm-3.438 1.357a2.937 2.937 0 0 0-.37.037 4.364 4.364 0 0 0-7.316 0 2.938 2.938 0 0 0-.37-.037 2.972 2.972 0 1 0 1.16 5.708 4.302 4.302 0 0 0 5.735 0 2.972 2.972 0 1 0 1.16-5.708zm0 4.944a1.958 1.958 0 0 1-.77-.156 1 1 0 0 0-1.05.168 3.302 3.302 0 0 1-4.417 0 1 1 0 0 0-1.05-.168 1.972 1.972 0 1 1-.769-3.788 1.078 1.078 0 0 1 .15.016l.095.013a1 1 0 0 0 .962-.444 3.364 3.364 0 0 1 5.642 0 1 1 0 0 0 .962.444l.095-.013a1.075 1.075 0 0 1 .15-.016 1.972 1.972 0 1 1 0 3.944zM9.53 15a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm-5.083 0a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2z" style="fill-rule:evenodd"/>
</svg>

Shower rain night fill #

和风天气图标代码: 350

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-shower-rain-night-fill"></i>
<i class="qi-350-fill"></i>

HTML

复制下列代码到你的项目中

<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="M15.466 4.215a.31.31 0 0 0-.08.01 3.066 3.066 0 0 1-.806.109 3.201 3.201 0 0 1-1.06-.185A3.183 3.183 0 0 1 11.492.364.289.289 0 0 0 11.22 0a.279.279 0 0 0-.104.02 3.546 3.546 0 0 0-2.21 3.096 4.928 4.928 0 0 1 .99.293 2.56 2.56 0 0 1 .54-1.671 4.418 4.418 0 0 0 .165.707 4.166 4.166 0 0 0 2.59 2.649 4.328 4.328 0 0 0 .846.203 2.606 2.606 0 0 1-.239.163 3.572 3.572 0 0 1 .823.643 3.553 3.553 0 0 0 1.12-1.504.286.286 0 0 0-.275-.384zm-3.438 1.357a2.937 2.937 0 0 0-.37.037 4.364 4.364 0 0 0-7.316 0 2.938 2.938 0 0 0-.37-.037 2.972 2.972 0 1 0 1.16 5.708 4.302 4.302 0 0 0 5.735 0 2.972 2.972 0 1 0 1.16-5.708zm-2.495 9.432a1 1 0 0 0 2 0 6.605 6.605 0 0 0-1-2 6.605 6.605 0 0 0-1 2zm-5.083 0a1 1 0 0 0 2 0 6.605 6.605 0 0 0-1-2 6.605 6.605 0 0 0-1 2z" style="fill-rule:evenodd"/>
</svg>

Heavy shower rain night #

和风天气图标代码: 351

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-heavy-shower-rain-night"></i>
<i class="qi-351"></i>

HTML

复制下列代码到你的项目中

<svg id="&#x56FE;&#x5C42;_1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-351" viewBox="0 0 16 16">
  <defs>
    <style>
      .cls-1{fill-rule:evenodd}
    </style>
  </defs>
  <path d="M15.466 4.23a.308.308 0 0 0-.08.01 3.072 3.072 0 0 1-.806.108 3.203 3.203 0 0 1-1.06-.184A3.183 3.183 0 0 1 11.492.378a.289.289 0 0 0-.272-.363.278.278 0 0 0-.104.02 3.546 3.546 0 0 0-2.21 3.095 4.932 4.932 0 0 1 .99.294 2.56 2.56 0 0 1 .54-1.672 4.416 4.416 0 0 0 .165.707 4.165 4.165 0 0 0 2.59 2.649 4.315 4.315 0 0 0 .846.204 2.58 2.58 0 0 1-.239.163 3.572 3.572 0 0 1 .823.642 3.553 3.553 0 0 0 1.12-1.504.286.286 0 0 0-.275-.384zm-3.438 1.356a2.926 2.926 0 0 0-.37.037 4.364 4.364 0 0 0-7.316 0 2.927 2.927 0 0 0-.37-.037 2.972 2.972 0 1 0 1.16 5.709 4.302 4.302 0 0 0 5.735 0 2.972 2.972 0 1 0 1.16-5.709zm0 4.944a1.959 1.959 0 0 1-.77-.156 1 1 0 0 0-1.05.168 3.303 3.303 0 0 1-4.417 0 1 1 0 0 0-1.05-.168 1.972 1.972 0 1 1-.769-3.788 1.08 1.08 0 0 1 .15.017l.095.013a1 1 0 0 0 .962-.445 3.364 3.364 0 0 1 5.642 0 1 1 0 0 0 .962.445l.095-.013a1.077 1.077 0 0 1 .15-.017 1.972 1.972 0 1 1 0 3.944zM7.02 15a1 1 0 0 0 2 0 6.605 6.605 0 0 0-1-2 6.605 6.605 0 0 0-1 2z" class="cls-1"/>
  <path d="M3.967 14.015a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm6.028 0a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2z" class="cls-1"/>
</svg>

Heavy shower rain night fill #

和风天气图标代码: 351

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-heavy-shower-rain-night-fill"></i>
<i class="qi-351-fill"></i>

HTML

复制下列代码到你的项目中

<svg id="&#x56FE;&#x5C42;_1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-351-fill" viewBox="0 0 16 16">
  <defs>
    <style>
      .cls-1{fill-rule:evenodd}
    </style>
  </defs>
  <path d="M15.466 4.23a.308.308 0 0 0-.08.01 3.072 3.072 0 0 1-.806.108 3.203 3.203 0 0 1-1.06-.184A3.183 3.183 0 0 1 11.492.378a.289.289 0 0 0-.272-.363.278.278 0 0 0-.104.02 3.546 3.546 0 0 0-2.21 3.095 4.932 4.932 0 0 1 .99.294 2.56 2.56 0 0 1 .54-1.672 4.416 4.416 0 0 0 .165.707 4.165 4.165 0 0 0 2.59 2.649 4.315 4.315 0 0 0 .846.204 2.58 2.58 0 0 1-.239.163 3.572 3.572 0 0 1 .823.642 3.553 3.553 0 0 0 1.12-1.504.286.286 0 0 0-.275-.384zm-3.438 1.356a2.926 2.926 0 0 0-.37.037 4.364 4.364 0 0 0-7.316 0 2.927 2.927 0 0 0-.37-.037 2.972 2.972 0 1 0 1.16 5.709 4.302 4.302 0 0 0 5.735 0 2.972 2.972 0 1 0 1.16-5.709zM7.02 15a1 1 0 0 0 2 0 6.605 6.605 0 0 0-1-2 6.605 6.605 0 0 0-1 2z" class="cls-1"/>
  <path d="M3.967 14.015a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm6.028 0a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2z" class="cls-1"/>
</svg>

Rain #

和风天气图标代码: 399

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-399" viewBox="0 0 16 16">
  <path d="M4.795 2.361c1.603 2.483 3.514 5.88 3.514 7.226a3.514 3.514 0 1 1-7.028 0c0-1.346 1.91-4.743 3.514-7.226m0-1.802S.28 7.092.28 9.587a4.514 4.514 0 1 0 9.028 0C9.309 7.092 4.795.56 4.795.56zm8.417 7.79a10.83 10.83 0 0 1 1.569 3.304 1.569 1.569 0 1 1-3.138 0 10.83 10.83 0 0 1 1.569-3.304m0-1.833s-2.569 3.717-2.569 5.137a2.569 2.569 0 1 0 5.138 0c0-1.42-2.569-5.137-2.569-5.137z"/>
</svg>

Rain fill #

和风天气图标代码: 399

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M.28 9.372a4.514 4.514 0 1 0 9.029 0c0-2.495-4.514-9.028-4.514-9.028S.28 6.877.28 9.372zM13.212 6.3s-2.569 3.718-2.569 5.138a2.569 2.569 0 1 0 5.138 0c0-1.42-2.569-5.138-2.569-5.138z"/>
</svg>

Light snow #

和风天气图标代码: 400

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-400" viewBox="0 0 16 16">
  <path d="M12.315 2.086a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm0 5.369a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.236 1.236 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.236 1.236 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zm-1.055 5.011-.44-.254.434-.251a.35.35 0 0 0-.35-.607l-.435.251v-.508a.35.35 0 1 0-.699 0v.509l-.435-.251a.35.35 0 0 0-.35.606l.434.25-.44.255a.35.35 0 1 0 .35.606l.441-.255v.503a.35.35 0 1 0 .7 0v-.502l.44.254a.35.35 0 0 0 .35-.606zm-4.739 0-.44-.254.434-.251a.35.35 0 0 0-.35-.607l-.434.251v-.508a.35.35 0 1 0-.699 0v.509l-.436-.251a.35.35 0 0 0-.35.606l.435.25-.44.255a.35.35 0 1 0 .35.606l.441-.255v.503a.35.35 0 1 0 .7 0v-.502l.44.254a.35.35 0 0 0 .35-.606z"/>
</svg>

Light snow fill #

和风天气图标代码: 400

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M12.315 2.086a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm-1.055 10.38-.44-.254.434-.251a.35.35 0 0 0-.35-.607l-.435.251v-.508a.35.35 0 1 0-.699 0v.509l-.435-.251a.35.35 0 0 0-.35.606l.434.25-.44.255a.35.35 0 1 0 .35.606l.441-.255v.503a.35.35 0 1 0 .7 0v-.502l.44.254a.35.35 0 0 0 .35-.606zm-4.739 0-.44-.254.434-.251a.35.35 0 0 0-.35-.607l-.434.251v-.508a.35.35 0 1 0-.699 0v.509l-.436-.251a.35.35 0 0 0-.35.606l.435.25-.44.255a.35.35 0 1 0 .35.606l.441-.255v.503a.35.35 0 1 0 .7 0v-.502l.44.254a.35.35 0 0 0 .35-.606z"/>
</svg>

Moderate snow #

和风天气图标代码: 401

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-401" viewBox="0 0 16 16">
  <path d="M12.315 2.086a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm0 5.369a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.236 1.236 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.236 1.236 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zm-3.312 6.011-.44-.254.434-.251a.35.35 0 0 0-.35-.607l-.434.251v-.508a.35.35 0 1 0-.7 0v.509l-.435-.251a.35.35 0 0 0-.35.606l.434.25-.44.255a.35.35 0 1 0 .35.606l.441-.255v.503a.35.35 0 1 0 .7 0v-.502l.44.254a.35.35 0 0 0 .35-.606zm-3.547-1.985-.44-.254.434-.25a.35.35 0 0 0-.35-.607l-.434.25v-.508a.35.35 0 1 0-.7 0v.51l-.435-.252a.35.35 0 0 0-.35.606l.435.25-.44.255a.35.35 0 1 0 .35.606l.44-.254v.502a.35.35 0 1 0 .7 0v-.502l.44.254a.35.35 0 0 0 .35-.606zm7.19 0-.44-.254.434-.25a.35.35 0 0 0-.35-.607l-.434.25v-.508a.35.35 0 1 0-.7 0v.509l-.434-.251a.35.35 0 0 0-.35.606l.434.25-.44.255a.35.35 0 1 0 .35.606l.44-.254v.502a.35.35 0 1 0 .7 0v-.502l.44.254a.35.35 0 0 0 .35-.606z"/>
</svg>

Moderate snow fill #

和风天气图标代码: 401

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M12.315 2.086a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm-3.312 11.38-.44-.254.434-.251a.35.35 0 0 0-.35-.607l-.434.251v-.508a.35.35 0 1 0-.7 0v.509l-.435-.251a.35.35 0 0 0-.35.606l.434.25-.44.255a.35.35 0 1 0 .35.606l.441-.255v.503a.35.35 0 1 0 .7 0v-.502l.44.254a.35.35 0 0 0 .35-.606zm-3.547-1.985-.44-.254.434-.25a.35.35 0 0 0-.35-.607l-.434.25v-.508a.35.35 0 1 0-.7 0v.51l-.435-.252a.35.35 0 0 0-.35.606l.435.25-.44.255a.35.35 0 1 0 .35.606l.44-.254v.502a.35.35 0 1 0 .7 0v-.502l.44.254a.35.35 0 0 0 .35-.606zm7.19 0-.44-.254.434-.25a.35.35 0 0 0-.35-.607l-.434.25v-.508a.35.35 0 1 0-.7 0v.509l-.434-.251a.35.35 0 0 0-.35.606l.434.25-.44.255a.35.35 0 1 0 .35.606l.44-.254v.502a.35.35 0 1 0 .7 0v-.502l.44.254a.35.35 0 0 0 .35-.606z"/>
</svg>

Heavy snow #

和风天气图标代码: 402

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-402" viewBox="0 0 16 16">
  <path d="M3.661 8.455a3.172 3.172 0 0 0 1.244-.253 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116 3.147 3.147 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.147 3.147 0 0 0-.397-.04 3.184 3.184 0 1 0 0 6.369zm0-5.37a1.236 1.236 0 0 1 .17.02l.102.013a1 1 0 0 0 .961-.444 3.675 3.675 0 0 1 6.165 0 1 1 0 0 0 .962.444l.102-.014a1.236 1.236 0 0 1 .17-.018 2.184 2.184 0 1 1-.853 4.196 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.05-.167 2.185 2.185 0 1 1-.852-4.196zm4.783 10.263.514-.297a.303.303 0 0 0-.304-.524l-.513.296v-.6a.302.302 0 0 0-.605 0v.601l-.514-.297a.303.303 0 0 0-.304.524l.514.297-.52.3a.303.303 0 0 0 .304.525l.52-.3v.593a.302.302 0 0 0 .605 0v-.593l.52.3a.303.303 0 0 0 .303-.525zm-3.579-1.559.514-.297a.303.303 0 0 0-.303-.524l-.514.296v-.6a.302.302 0 0 0-.605 0v.6l-.514-.296a.303.303 0 0 0-.303.524l.514.297-.52.3a.303.303 0 0 0 .303.524l.52-.3v.593a.302.302 0 0 0 .605 0v-.593l.52.3a.303.303 0 0 0 .303-.524zm7.255 0 .514-.297a.303.303 0 0 0-.304-.524l-.513.296v-.6a.302.302 0 1 0-.605 0v.6l-.513-.296a.303.303 0 0 0-.304.524l.514.296-.52.3a.303.303 0 0 0 .303.525l.52-.3v.593a.302.302 0 1 0 .605 0v-.593l.52.3a.303.303 0 0 0 .303-.524zm3.729-1.516-.52-.3.514-.297a.303.303 0 0 0-.304-.524l-.514.297v-.6a.302.302 0 0 0-.605 0v.6l-.513-.297a.303.303 0 0 0-.304.524l.514.297-.52.3a.303.303 0 0 0 .304.525l.52-.3v.593a.302.302 0 0 0 .604 0v-.594l.52.3a.303.303 0 0 0 .304-.524zm-13.966-.3.514-.297a.303.303 0 0 0-.304-.524l-.514.297v-.6a.302.302 0 0 0-.605 0v.6L.46 9.151a.303.303 0 0 0-.304.524l.514.297-.52.3a.303.303 0 0 0 .304.525l.519-.3v.593a.302.302 0 0 0 .605 0v-.594l.52.3a.303.303 0 0 0 .304-.524z"/>
</svg>

Heavy snow fill #

和风天气图标代码: 402

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M3.661 8.455a3.172 3.172 0 0 0 1.244-.253 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116 3.147 3.147 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.147 3.147 0 0 0-.397-.04 3.184 3.184 0 1 0 0 6.369zm4.783 4.893.514-.297a.303.303 0 0 0-.304-.524l-.513.296v-.6a.302.302 0 0 0-.605 0v.601l-.514-.297a.303.303 0 0 0-.304.524l.514.297-.52.3a.303.303 0 0 0 .304.525l.52-.3v.593a.302.302 0 0 0 .605 0v-.593l.52.3a.303.303 0 0 0 .303-.525zm-3.579-1.559.514-.297a.303.303 0 0 0-.303-.524l-.514.296v-.6a.302.302 0 0 0-.605 0v.6l-.514-.296a.303.303 0 0 0-.303.524l.514.297-.52.3a.303.303 0 0 0 .303.524l.52-.3v.593a.302.302 0 0 0 .605 0v-.593l.52.3a.303.303 0 0 0 .303-.524zm7.255 0 .514-.297a.303.303 0 0 0-.304-.524l-.513.296v-.6a.302.302 0 1 0-.605 0v.6l-.513-.296a.303.303 0 0 0-.304.524l.514.296-.52.3a.303.303 0 0 0 .303.525l.52-.3v.593a.302.302 0 1 0 .605 0v-.593l.52.3a.303.303 0 0 0 .303-.524zm3.729-1.516-.52-.3.514-.297a.303.303 0 0 0-.304-.524l-.514.297v-.6a.302.302 0 0 0-.605 0v.6l-.513-.297a.303.303 0 0 0-.304.524l.514.297-.52.3a.303.303 0 0 0 .304.525l.52-.3v.593a.302.302 0 0 0 .604 0v-.594l.52.3a.303.303 0 0 0 .304-.524zm-13.966-.3.514-.297a.303.303 0 0 0-.304-.524l-.514.297v-.6a.302.302 0 0 0-.605 0v.6L.46 9.151a.303.303 0 0 0-.304.524l.514.297-.52.3a.303.303 0 0 0 .304.525l.519-.3v.593a.302.302 0 0 0 .605 0v-.594l.52.3a.303.303 0 0 0 .304-.524z"/>
</svg>

Snowstorm #

和风天气图标代码: 403

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-403" viewBox="0 0 16 16">
  <path d="M3.685 8.455a3.172 3.172 0 0 0 1.243-.253 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116 3.147 3.147 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.147 3.147 0 0 0-.397-.04 3.184 3.184 0 1 0 0 6.369zm0-5.37a1.236 1.236 0 0 1 .17.02l.101.013a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.236 1.236 0 0 1 .17-.018 2.184 2.184 0 1 1-.853 4.196 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196zm4.759 11.299.514-.297a.303.303 0 0 0-.304-.524l-.513.296v-.6a.302.302 0 1 0-.605 0v.6l-.514-.296a.303.303 0 0 0-.304.524l.514.297-.52.3a.303.303 0 1 0 .304.524l.52-.3v.593a.302.302 0 1 0 .605 0v-.593l.52.3a.302.302 0 0 0 .413-.11.302.302 0 0 0-.11-.414zM4.865 12.35l.514-.298a.303.303 0 0 0-.303-.524l-.514.297v-.6a.302.302 0 0 0-.605 0v.6l-.514-.297a.303.303 0 0 0-.303.524l.514.297-.52.3a.303.303 0 0 0 .303.525l.52-.3v.593a.302.302 0 0 0 .605 0v-.593l.52.3a.303.303 0 0 0 .303-.524zm7.255 0 .514-.298a.303.303 0 0 0-.304-.524l-.513.297v-.6a.302.302 0 0 0-.605 0v.6l-.513-.297a.303.303 0 0 0-.304.525l.514.296-.52.3a.303.303 0 0 0 .303.525l.52-.3v.593a.302.302 0 1 0 .605 0v-.593l.52.3a.303.303 0 0 0 .303-.524zm-4.233.04a.302.302 0 0 0 .302-.302v-.356l.314.18a.302.302 0 0 0 .413-.11.302.302 0 0 0-.11-.414l-.313-.18.309-.179a.303.303 0 0 0-.303-.524l-.31.179v-.363a.302.302 0 0 0-.605 0v.362l-.308-.178a.303.303 0 0 0-.304.524l.309.178-.314.181a.303.303 0 1 0 .304.525l.313-.181v.356a.302.302 0 0 0 .303.303zm7.962-1.983-.52-.3.514-.297a.303.303 0 0 0-.304-.524l-.514.297v-.601a.302.302 0 0 0-.605 0v.6l-.513-.296a.303.303 0 0 0-.304.524l.514.297-.52.3a.303.303 0 0 0 .304.524l.52-.3v.593a.302.302 0 0 0 .604 0v-.593l.52.3a.303.303 0 0 0 .304-.524zm-13.966-.3.514-.297a.303.303 0 0 0-.304-.524l-.514.297v-.601a.302.302 0 0 0-.605 0v.6L.46 9.286a.303.303 0 0 0-.304.524l.514.297-.52.3a.303.303 0 0 0 .304.524l.519-.3v.593a.302.302 0 0 0 .605 0v-.593l.52.3a.303.303 0 0 0 .304-.524z"/>
</svg>

Snowstorm fill #

和风天气图标代码: 403

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M3.685 8.455a3.172 3.172 0 0 0 1.243-.253 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116 3.147 3.147 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.147 3.147 0 0 0-.397-.04 3.184 3.184 0 1 0 0 6.369zm4.759 5.929.514-.297a.303.303 0 0 0-.304-.524l-.513.296v-.6a.302.302 0 1 0-.605 0v.6l-.514-.296a.303.303 0 0 0-.304.524l.514.297-.52.3a.303.303 0 1 0 .304.524l.52-.3v.593a.302.302 0 1 0 .605 0v-.593l.52.3a.302.302 0 0 0 .413-.11.302.302 0 0 0-.11-.414zM4.865 12.35l.514-.298a.303.303 0 0 0-.303-.524l-.514.297v-.6a.302.302 0 0 0-.605 0v.6l-.514-.297a.303.303 0 0 0-.303.524l.514.297-.52.3a.303.303 0 0 0 .303.525l.52-.3v.593a.302.302 0 0 0 .605 0v-.593l.52.3a.303.303 0 0 0 .303-.524zm7.255 0 .514-.298a.303.303 0 0 0-.304-.524l-.513.297v-.6a.302.302 0 0 0-.605 0v.6l-.513-.297a.303.303 0 0 0-.304.525l.514.296-.52.3a.303.303 0 0 0 .303.525l.52-.3v.593a.302.302 0 1 0 .605 0v-.593l.52.3a.303.303 0 0 0 .303-.524zm-4.233.04a.302.302 0 0 0 .302-.302v-.356l.314.18a.302.302 0 0 0 .413-.11.302.302 0 0 0-.11-.414l-.313-.18.309-.179a.303.303 0 0 0-.303-.524l-.31.179v-.363a.302.302 0 0 0-.605 0v.362l-.308-.178a.303.303 0 0 0-.304.524l.309.178-.314.181a.303.303 0 1 0 .304.525l.313-.181v.356a.302.302 0 0 0 .303.303zm7.962-1.983-.52-.3.514-.297a.303.303 0 0 0-.304-.524l-.514.297v-.601a.302.302 0 0 0-.605 0v.6l-.513-.296a.303.303 0 0 0-.304.524l.514.297-.52.3a.303.303 0 0 0 .304.524l.52-.3v.593a.302.302 0 0 0 .604 0v-.593l.52.3a.303.303 0 0 0 .304-.524zm-13.966-.3.514-.297a.303.303 0 0 0-.304-.524l-.514.297v-.601a.302.302 0 0 0-.605 0v.6L.46 9.286a.303.303 0 0 0-.304.524l.514.297-.52.3a.303.303 0 0 0 .304.524l.519-.3v.593a.302.302 0 0 0 .605 0v-.593l.52.3a.303.303 0 0 0 .304-.524z"/>
</svg>

Sleet #

和风天气图标代码: 404

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-404" viewBox="0 0 16 16">
  <path d="M12.315 2.086a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm0 5.369a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.236 1.236 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.236 1.236 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zm-7.79 5.254a1 1 0 1 0 2 0 6.603 6.603 0 0 0-1-2 6.603 6.603 0 0 0-1 2zm6.935-.113-.664-.383.658-.38a.35.35 0 0 0-.35-.606l-.658.38v-.768a.35.35 0 1 0-.7 0v.768l-.657-.38a.35.35 0 0 0-.35.606l.657.38-.664.383a.35.35 0 1 0 .35.607l.665-.384v.76a.35.35 0 1 0 .699 0v-.76l.665.384a.35.35 0 0 0 .35-.607z"/>
</svg>

Sleet fill #

和风天气图标代码: 404

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M12.315 2.086a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm-7.79 10.623a1 1 0 1 0 2 0 6.603 6.603 0 0 0-1-2 6.603 6.603 0 0 0-1 2zm6.935-.113-.664-.383.658-.38a.35.35 0 0 0-.35-.606l-.658.38v-.768a.35.35 0 1 0-.7 0v.768l-.657-.38a.35.35 0 0 0-.35.606l.657.38-.664.383a.35.35 0 1 0 .35.607l.665-.384v.76a.35.35 0 1 0 .699 0v-.76l.665.384a.35.35 0 0 0 .35-.607z"/>
</svg>

Rain and snow #

和风天气图标代码: 405

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-rain-and-snow"></i>
<i class="qi-405"></i>

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-405" viewBox="0 0 16 16">
  <path d="M8.407 9.998a.499.499 0 0 0-.626.33l-1.085 3.478a.5.5 0 0 0 .33.626.489.489 0 0 0 .148.022.5.5 0 0 0 .477-.351l1.085-3.479a.5.5 0 0 0-.329-.626zm3.908-7.912a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.185 3.185 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm0 5.369a2.172 2.172 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.22 1.22 0 0 1 .168.018l.104.014a1 1 0 0 0 .96-.444 3.675 3.675 0 0 1 6.165 0 1 1 0 0 0 .961.444l.104-.014a1.22 1.22 0 0 1 .168-.018 2.185 2.185 0 1 1 0 4.369zm-8.79 5.254a1 1 0 0 0 2 0 6.603 6.603 0 0 0-1-2 6.603 6.603 0 0 0-1 2zm8.935-.112-.665-.384.658-.38a.35.35 0 0 0-.35-.605l-.657.379v-.768a.35.35 0 0 0-.699 0v.768l-.658-.38a.35.35 0 0 0-.35.606l.658.38-.666.384a.35.35 0 0 0 .175.652.343.343 0 0 0 .175-.047l.666-.384v.76a.35.35 0 0 0 .7 0v-.76l.664.384a.343.343 0 0 0 .175.047.35.35 0 0 0 .175-.652z"/>
</svg>

Rain and snow fill #

和风天气图标代码: 405

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-rain-and-snow-fill"></i>
<i class="qi-405-fill"></i>

HTML

复制下列代码到你的项目中

<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="M8.407 9.998a.499.499 0 0 0-.626.33l-1.085 3.478a.5.5 0 0 0 .33.626.489.489 0 0 0 .148.022.5.5 0 0 0 .477-.351l1.085-3.479a.5.5 0 0 0-.329-.626zm3.908-7.912a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.185 3.185 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm-8.79 10.623a1 1 0 0 0 2 0 6.603 6.603 0 0 0-1-2 6.603 6.603 0 0 0-1 2zm8.935-.112-.665-.384.658-.38a.35.35 0 0 0-.35-.605l-.657.379v-.768a.35.35 0 0 0-.699 0v.768l-.658-.38a.35.35 0 0 0-.35.606l.658.38-.666.384a.35.35 0 0 0 .175.652.343.343 0 0 0 .175-.047l.666-.384v.76a.35.35 0 0 0 .7 0v-.76l.664.384a.343.343 0 0 0 .175.047.35.35 0 0 0 .175-.652z"/>
</svg>

Shower snow #

和风天气图标代码: 406

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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.436 14.968a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm6.827-.272-.557-.322.551-.318a.35.35 0 0 0-.35-.606l-.55.319v-.645a.35.35 0 1 0-.7 0v.645l-.552-.319a.35.35 0 0 0-.35.606l.552.319-.557.321a.35.35 0 1 0 .35.607l.557-.322v.636a.35.35 0 1 0 .7 0v-.636l.557.322a.35.35 0 0 0 .35-.607zM5.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.715zm-.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.85zm4.254 2.646a2.938 2.938 0 0 0-.37.037 4.364 4.364 0 0 0-7.315 0 2.937 2.937 0 0 0-.37-.037 2.972 2.972 0 1 0 1.16 5.709 4.302 4.302 0 0 0 5.734 0 2.972 2.972 0 1 0 1.161-5.71zm0 4.944a1.959 1.959 0 0 1-.77-.156 1 1 0 0 0-1.049.168 3.302 3.302 0 0 1-4.418 0 1 1 0 0 0-1.049-.168 1.972 1.972 0 1 1-.77-3.788 1.077 1.077 0 0 1 .15.017l.096.012a1 1 0 0 0 .961-.444 3.364 3.364 0 0 1 5.642 0 1 1 0 0 0 .962.444l.096-.012a1.08 1.08 0 0 1 .149-.017 1.972 1.972 0 1 1 0 3.944zM2.47 5.315a3.53 3.53 0 0 1 1.018-.288 1.831 1.831 0 0 1 1.811-1.603 1.809 1.809 0 0 1 .553.095 4.926 4.926 0 0 1 1.282-.405 2.82 2.82 0 0 0-4.67 2.145c0 .02.006.037.006.056z"/>
</svg>

Shower snow fill #

和风天气图标代码: 406

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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.436 14.968a1 1 0 0 0 2 0 6.604 6.604 0 0 0-1-2 6.604 6.604 0 0 0-1 2zm6.827-.272-.557-.322.551-.318a.35.35 0 0 0-.35-.606l-.55.319v-.645a.35.35 0 1 0-.7 0v.645l-.552-.319a.35.35 0 0 0-.35.606l.552.319-.557.321a.35.35 0 1 0 .35.607l.557-.322v.636a.35.35 0 1 0 .7 0v-.636l.557.322a.35.35 0 0 0 .35-.607zM5.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.715zm-.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.85zm4.254 2.646a2.938 2.938 0 0 0-.37.037 4.364 4.364 0 0 0-7.315 0 2.937 2.937 0 0 0-.37-.037 2.972 2.972 0 1 0 1.16 5.709 4.302 4.302 0 0 0 5.734 0 2.972 2.972 0 1 0 1.161-5.71zM2.47 5.315a3.53 3.53 0 0 1 1.018-.288 1.831 1.831 0 0 1 1.811-1.603 1.809 1.809 0 0 1 .553.095 4.926 4.926 0 0 1 1.282-.405 2.82 2.82 0 0 0-4.67 2.145c0 .02.006.037.006.056z"/>
</svg>

Snow flurry #

和风天气图标代码: 407

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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.241 1.904h.007a.5.5 0 0 0 .493-.506L5.73.494A.5.5 0 0 0 5.23 0h-.007a.5.5 0 0 0-.493.506l.011.905a.5.5 0 0 0 .5.493zM2.35 2.85a.5.5 0 1 0 .697-.716l-.647-.63a.5.5 0 1 0-.698.715zm-.18 2.203a.5.5 0 0 0-.5-.493h-.007l-.903.01a.5.5 0 0 0 .007 1h.007l.904-.011a.5.5 0 0 0 .493-.507zm5.639-2.12a.5.5 0 0 0 .358-.151l.631-.648a.5.5 0 0 0-.717-.698l-.63.647a.5.5 0 0 0 .358.85zm4.253 2.646a2.938 2.938 0 0 0-.37.037 4.364 4.364 0 0 0-7.315 0 2.937 2.937 0 0 0-.37-.037 2.972 2.972 0 1 0 1.16 5.709 4.302 4.302 0 0 0 5.735 0 2.972 2.972 0 1 0 1.16-5.71zm0 4.944a1.959 1.959 0 0 1-.77-.156 1 1 0 0 0-1.049.168 3.302 3.302 0 0 1-4.417 0 1 1 0 0 0-1.05-.168 1.972 1.972 0 1 1-.77-3.788 1.077 1.077 0 0 1 .15.017l.096.012a1 1 0 0 0 .961-.444 3.364 3.364 0 0 1 5.643 0 1 1 0 0 0 .961.444l.096-.012a1.08 1.08 0 0 1 .15-.017 1.972 1.972 0 0 1 0 3.944zm-.802 4.273-.44-.254.434-.251a.35.35 0 0 0-.35-.606l-.435.25v-.508a.35.35 0 1 0-.699 0v.509l-.435-.251a.35.35 0 0 0-.35.606l.434.25-.44.255a.35.35 0 1 0 .35.606l.441-.255v.503a.35.35 0 1 0 .7 0v-.502l.44.254a.35.35 0 0 0 .35-.606zm-4.739 0-.44-.254.434-.251a.35.35 0 0 0-.35-.606l-.434.25v-.508a.35.35 0 1 0-.699 0v.509l-.436-.251a.35.35 0 0 0-.35.606l.435.25-.44.255a.35.35 0 1 0 .35.606l.441-.255v.503a.35.35 0 1 0 .7 0v-.502l.44.254a.35.35 0 0 0 .35-.606zM2.516 5.315a3.53 3.53 0 0 1 1.018-.288 1.831 1.831 0 0 1 1.812-1.603 1.809 1.809 0 0 1 .552.095 4.926 4.926 0 0 1 1.282-.405A2.82 2.82 0 0 0 2.51 5.26c0 .02.006.037.006.056z"/>
</svg>

Snow flurry fill #

和风天气图标代码: 407

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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.241 1.904h.007a.5.5 0 0 0 .493-.506L5.73.494A.5.5 0 0 0 5.23 0h-.007a.5.5 0 0 0-.493.506l.011.905a.5.5 0 0 0 .5.493zM2.35 2.85a.5.5 0 1 0 .697-.716l-.647-.63a.5.5 0 1 0-.698.715zm-.18 2.203a.5.5 0 0 0-.5-.493h-.007l-.903.01a.5.5 0 0 0 .007 1h.007l.904-.011a.5.5 0 0 0 .493-.507zm5.639-2.12a.5.5 0 0 0 .358-.151l.631-.648a.5.5 0 0 0-.717-.698l-.63.647a.5.5 0 0 0 .358.85zm4.253 2.646a2.938 2.938 0 0 0-.37.037 4.364 4.364 0 0 0-7.315 0 2.937 2.937 0 0 0-.37-.037 2.972 2.972 0 1 0 1.16 5.709 4.302 4.302 0 0 0 5.735 0 2.972 2.972 0 1 0 1.16-5.71zm-9.546-.264a3.53 3.53 0 0 1 1.018-.288 1.831 1.831 0 0 1 1.812-1.603 1.809 1.809 0 0 1 .552.095 4.926 4.926 0 0 1 1.282-.405A2.82 2.82 0 0 0 2.51 5.26c0 .02.006.037.006.056zm8.738 9.481-.44-.254.434-.251a.35.35 0 0 0-.35-.606l-.435.25v-.508a.35.35 0 1 0-.699 0v.509l-.435-.251a.35.35 0 0 0-.35.606l.434.25-.44.255a.35.35 0 1 0 .35.606l.441-.255v.503a.35.35 0 1 0 .7 0v-.502l.44.254a.35.35 0 0 0 .35-.606zm-4.739 0-.44-.254.435-.251a.35.35 0 0 0-.35-.606l-.435.25v-.508a.35.35 0 1 0-.699 0v.509l-.435-.251a.35.35 0 0 0-.35.606l.434.25-.44.255a.35.35 0 1 0 .35.606l.441-.255v.503a.35.35 0 1 0 .7 0v-.502l.44.254a.35.35 0 0 0 .35-.606z"/>
</svg>

Light to moderate snow #

和风天气图标代码: 408

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-light-to-moderate-snow"></i>
<i class="qi-408"></i>

HTML

复制下列代码到你的项目中

<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.035 11.946.51-.294a.3.3 0 0 0-.301-.52l-.509.295v-.595a.3.3 0 1 0-.6 0v.595l-.51-.294a.3.3 0 0 0-.3.52l.51.293-.516.298a.3.3 0 0 0 .3.52l.516-.298v.588a.3.3 0 0 0 .6 0v-.588l.515.298a.3.3 0 0 0 .3-.52zm-7.25 0 .306-.177a.3.3 0 0 0-.3-.52l-.307.177v-.359a.3.3 0 0 0-.6 0v.359l-.305-.177a.3.3 0 0 0-.301.52l.306.177-.31.179a.3.3 0 0 0 .15.56.303.303 0 0 0 .15-.04l.31-.18v.354a.3.3 0 0 0 .6 0v-.354l.31.18a.3.3 0 0 0 .41-.11.3.3 0 0 0-.109-.41zm7.53-9.86a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm0 5.369a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.236 1.236 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.236 1.236 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zM8.441 10.15a.501.501 0 0 0-.626.329L6.73 13.957a.5.5 0 0 0 .955.298l1.085-3.478a.5.5 0 0 0-.329-.627z"/>
</svg>

Light to moderate snow fill #

和风天气图标代码: 408

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-light-to-moderate-snow-fill"></i>
<i class="qi-408-fill"></i>

HTML

复制下列代码到你的项目中

<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.035 11.946.51-.294a.3.3 0 0 0-.301-.52l-.509.295v-.595a.3.3 0 1 0-.6 0v.595l-.51-.294a.3.3 0 0 0-.3.52l.51.293-.516.298a.3.3 0 0 0 .3.52l.516-.298v.588a.3.3 0 0 0 .6 0v-.588l.515.298a.3.3 0 0 0 .3-.52zm-7.25 0 .306-.177a.3.3 0 0 0-.3-.52l-.307.177v-.359a.3.3 0 0 0-.6 0v.359l-.305-.177a.3.3 0 0 0-.301.52l.306.177-.31.179a.3.3 0 0 0 .15.56.303.303 0 0 0 .15-.04l.31-.18v.354a.3.3 0 0 0 .6 0v-.354l.31.18a.3.3 0 0 0 .41-.11.3.3 0 0 0-.109-.41zm7.53-9.86a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zM8.441 10.15a.501.501 0 0 0-.626.329L6.73 13.957a.5.5 0 0 0 .955.298l1.085-3.478a.5.5 0 0 0-.329-.627z"/>
</svg>

Moderate to heavy snow #

和风天气图标代码: 409

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-moderate-to-heavy-snow"></i>
<i class="qi-409"></i>

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-409" viewBox="0 0 16 16">
  <path d="m11.035 11.946.51-.294a.3.3 0 0 0-.301-.52l-.509.295v-.595a.3.3 0 1 0-.6 0v.595l-.51-.294a.3.3 0 0 0-.3.52l.51.293-.516.298a.3.3 0 0 0 .3.52l.516-.298v.588a.3.3 0 0 0 .6 0v-.588l.515.298a.3.3 0 0 0 .3-.52zm-7.25 0 .306-.177a.3.3 0 0 0-.3-.52l-.307.177v-.359a.3.3 0 0 0-.6 0v.359l-.305-.177a.3.3 0 0 0-.301.52l.306.177-.31.179a.3.3 0 0 0 .15.56.303.303 0 0 0 .15-.04l.31-.18v.354a.3.3 0 0 0 .6 0v-.354l.31.18a.3.3 0 0 0 .41-.11.3.3 0 0 0-.109-.41zM14.29 10.63l.306-.176a.3.3 0 0 0-.3-.52l-.306.177v-.359a.3.3 0 1 0-.6 0v.36l-.306-.178a.3.3 0 0 0-.301.52l.306.177-.31.179a.3.3 0 0 0 .15.56.303.303 0 0 0 .15-.04l.311-.18v.353a.3.3 0 0 0 .6 0v-.353l.31.18a.3.3 0 0 0 .301-.52zm1.21-5.36a3.184 3.184 0 0 0-3.185-3.184 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0A3.185 3.185 0 0 0 15.5 5.27zm-3.185 2.185a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.236 1.236 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.236 1.236 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zM7.441 10.15a.502.502 0 0 0-.626.329L5.73 13.957a.5.5 0 0 0 .955.298l1.085-3.478a.5.5 0 0 0-.329-.627z"/>
</svg>

Moderate to heavy snow fill #

和风天气图标代码: 409

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-moderate-to-heavy-snow-fill"></i>
<i class="qi-409-fill"></i>

HTML

复制下列代码到你的项目中

<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="m11.035 11.946.51-.294a.3.3 0 0 0-.301-.52l-.509.295v-.595a.3.3 0 1 0-.6 0v.595l-.51-.294a.3.3 0 0 0-.3.52l.51.293-.516.298a.3.3 0 0 0 .3.52l.516-.298v.588a.3.3 0 0 0 .6 0v-.588l.515.298a.3.3 0 0 0 .3-.52zm-7.25 0 .306-.177a.3.3 0 0 0-.3-.52l-.307.177v-.359a.3.3 0 0 0-.6 0v.359l-.305-.177a.3.3 0 0 0-.301.52l.306.177-.31.179a.3.3 0 0 0 .15.56.303.303 0 0 0 .15-.04l.31-.18v.354a.3.3 0 0 0 .6 0v-.354l.31.18a.3.3 0 0 0 .41-.11.3.3 0 0 0-.109-.41zM14.29 10.63l.306-.176a.3.3 0 0 0-.3-.52l-.306.177v-.359a.3.3 0 1 0-.6 0v.36l-.306-.178a.3.3 0 0 0-.301.52l.306.177-.31.179a.3.3 0 0 0 .15.56.303.303 0 0 0 .15-.04l.311-.18v.353a.3.3 0 0 0 .6 0v-.353l.31.18a.3.3 0 0 0 .301-.52zm1.21-5.36a3.184 3.184 0 0 0-3.185-3.184 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0A3.185 3.185 0 0 0 15.5 5.27zm-8.059 4.88a.502.502 0 0 0-.626.329L5.73 13.957a.5.5 0 0 0 .955.298l1.085-3.478a.5.5 0 0 0-.329-.627z"/>
</svg>

Heavy snow to snowstorm #

和风天气图标代码: 410

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-heavy-snow-to-snowstorm"></i>
<i class="qi-410"></i>

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-410" viewBox="0 0 16 16">
  <path d="m11.144 11.71.51-.294a.3.3 0 0 0-.3-.52l-.51.295v-.595a.3.3 0 1 0-.6 0v.595l-.509-.294a.3.3 0 0 0-.3.52l.509.294-.516.297a.3.3 0 0 0 .301.52l.516-.298v.589a.3.3 0 0 0 .6 0v-.588l.514.297a.3.3 0 0 0 .3-.52zm3.44-1.309.51-.294a.3.3 0 0 0-.301-.52l-.51.295v-.595a.3.3 0 1 0-.6 0v.595l-.509-.294a.3.3 0 0 0-.3.52l.51.293-.516.298a.3.3 0 0 0 .3.52l.515-.297v.587a.3.3 0 0 0 .6 0v-.588l.516.298a.3.3 0 0 0 .3-.52zm-11.861.433.306-.176a.3.3 0 0 0-.3-.52l-.306.177v-.36a.3.3 0 0 0-.6 0v.36l-.306-.177a.3.3 0 0 0-.3.52l.306.176-.311.18a.3.3 0 0 0 .15.56.303.303 0 0 0 .15-.04l.31-.18v.353a.3.3 0 0 0 .6 0v-.353l.311.18a.3.3 0 0 0 .41-.11.3.3 0 0 0-.11-.41zm2.615 1.536.306-.177a.3.3 0 0 0-.3-.52l-.307.178v-.36a.3.3 0 1 0-.6 0v.36l-.305-.177a.3.3 0 0 0-.301.52l.306.176-.31.18a.3.3 0 0 0 .15.56.303.303 0 0 0 .15-.041l.31-.179v.353a.3.3 0 1 0 .6 0v-.354l.31.18a.3.3 0 0 0 .41-.11.3.3 0 0 0-.109-.41zM15.5 5.27a3.184 3.184 0 0 0-3.185-3.184 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0A3.185 3.185 0 0 0 15.5 5.27zm-3.185 2.185a2.17 2.17 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.236 1.236 0 0 1 .17.018l.101.014a1 1 0 0 0 .962-.444 3.675 3.675 0 0 1 6.164 0 1 1 0 0 0 .962.444l.102-.014a1.236 1.236 0 0 1 .17-.018 2.184 2.184 0 1 1 0 4.369zM8.027 10.15a.501.501 0 0 0-.626.329l-1.085 3.478a.5.5 0 0 0 .955.298l1.085-3.478a.5.5 0 0 0-.329-.627z"/>
</svg>

Heavy snow to snowstorm fill #

和风天气图标代码: 410

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-heavy-snow-to-snowstorm-fill"></i>
<i class="qi-410-fill"></i>

HTML

复制下列代码到你的项目中

<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="m11.144 11.71.51-.294a.3.3 0 0 0-.3-.52l-.51.295v-.595a.3.3 0 1 0-.6 0v.595l-.509-.294a.3.3 0 0 0-.3.52l.509.294-.516.297a.3.3 0 0 0 .301.52l.516-.298v.589a.3.3 0 0 0 .6 0v-.588l.514.297a.3.3 0 0 0 .3-.52zm3.44-1.309.51-.294a.3.3 0 0 0-.301-.52l-.51.295v-.595a.3.3 0 1 0-.6 0v.595l-.509-.294a.3.3 0 0 0-.3.52l.51.293-.516.298a.3.3 0 0 0 .3.52l.515-.297v.587a.3.3 0 0 0 .6 0v-.588l.516.298a.3.3 0 0 0 .3-.52zm-11.861.433.306-.176a.3.3 0 0 0-.3-.52l-.306.177v-.36a.3.3 0 0 0-.6 0v.36l-.306-.177a.3.3 0 0 0-.3.52l.306.176-.311.18a.3.3 0 0 0 .15.56.303.303 0 0 0 .15-.04l.31-.18v.353a.3.3 0 0 0 .6 0v-.353l.311.18a.3.3 0 0 0 .41-.11.3.3 0 0 0-.11-.41zm2.615 1.536.306-.177a.3.3 0 0 0-.3-.52l-.307.178v-.36a.3.3 0 1 0-.6 0v.36l-.305-.177a.3.3 0 0 0-.301.52l.306.176-.31.18a.3.3 0 0 0 .15.56.303.303 0 0 0 .15-.041l.31-.179v.353a.3.3 0 1 0 .6 0v-.354l.31.18a.3.3 0 0 0 .41-.11.3.3 0 0 0-.109-.41zM15.5 5.27a3.184 3.184 0 0 0-3.185-3.184 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0A3.185 3.185 0 0 0 15.5 5.27zm-7.473 4.88a.501.501 0 0 0-.626.329l-1.085 3.478a.5.5 0 0 0 .955.298l1.085-3.478a.5.5 0 0 0-.329-.627z"/>
</svg>

Shower snow night #

和风天气图标代码: 456

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-shower-snow-night"></i>
<i class="qi-456"></i>

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-456" viewBox="0 0 16 16">
  <path d="M4.436 14.941a1 1 0 0 0 2 0 6.605 6.605 0 0 0-1-2 6.605 6.605 0 0 0-1 2zm6.827-.245-.557-.322.551-.318a.35.35 0 0 0-.35-.606l-.55.319v-.645a.35.35 0 1 0-.7 0v.645l-.552-.319a.35.35 0 0 0-.35.606l.552.319-.557.321a.35.35 0 1 0 .35.607l.557-.322v.636a.35.35 0 1 0 .7 0v-.636l.557.322a.35.35 0 0 0 .35-.607zm4.209-10.481a.31.31 0 0 0-.08.01 3.066 3.066 0 0 1-.807.109 3.201 3.201 0 0 1-1.06-.185A3.183 3.183 0 0 1 11.498.364.289.289 0 0 0 11.226 0a.279.279 0 0 0-.104.02A3.546 3.546 0 0 0 8.91 3.117a4.928 4.928 0 0 1 .991.293 2.56 2.56 0 0 1 .54-1.671 4.42 4.42 0 0 0 .164.707 4.166 4.166 0 0 0 2.59 2.649 4.328 4.328 0 0 0 .846.203 2.606 2.606 0 0 1-.238.163 3.573 3.573 0 0 1 .822.643 3.553 3.553 0 0 0 1.12-1.504.286.286 0 0 0-.274-.384zm-3.439 1.357a2.937 2.937 0 0 0-.37.037 4.364 4.364 0 0 0-7.315 0 2.938 2.938 0 0 0-.37-.037 2.972 2.972 0 1 0 1.16 5.708 4.302 4.302 0 0 0 5.735 0 2.972 2.972 0 1 0 1.16-5.708zm0 4.944a1.958 1.958 0 0 1-.77-.156 1 1 0 0 0-1.049.168 3.302 3.302 0 0 1-4.417 0 1 1 0 0 0-1.05-.168 1.972 1.972 0 1 1-.77-3.788 1.078 1.078 0 0 1 .15.016l.096.013a1 1 0 0 0 .961-.444 3.364 3.364 0 0 1 5.643 0 1 1 0 0 0 .961.444l.096-.013a1.075 1.075 0 0 1 .15-.016 1.972 1.972 0 1 1 0 3.944z"/>
</svg>

Shower snow night fill #

和风天气图标代码: 456

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-shower-snow-night-fill"></i>
<i class="qi-456-fill"></i>

HTML

复制下列代码到你的项目中

<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="M4.436 14.941a1 1 0 0 0 2 0 6.605 6.605 0 0 0-1-2 6.605 6.605 0 0 0-1 2zm6.827-.245-.557-.322.551-.318a.35.35 0 0 0-.35-.606l-.55.319v-.645a.35.35 0 1 0-.7 0v.645l-.552-.319a.35.35 0 0 0-.35.606l.552.319-.557.321a.35.35 0 1 0 .35.607l.557-.322v.636a.35.35 0 1 0 .7 0v-.636l.557.322a.35.35 0 0 0 .35-.607zm4.209-10.481a.31.31 0 0 0-.08.01 3.066 3.066 0 0 1-.807.109 3.201 3.201 0 0 1-1.06-.185A3.183 3.183 0 0 1 11.498.364.289.289 0 0 0 11.226 0a.279.279 0 0 0-.104.02A3.546 3.546 0 0 0 8.91 3.117a4.928 4.928 0 0 1 .991.293 2.56 2.56 0 0 1 .54-1.671 4.42 4.42 0 0 0 .164.707 4.166 4.166 0 0 0 2.59 2.649 4.328 4.328 0 0 0 .846.203 2.606 2.606 0 0 1-.238.163 3.573 3.573 0 0 1 .822.643 3.553 3.553 0 0 0 1.12-1.504.286.286 0 0 0-.274-.384zm-3.439 1.357a2.937 2.937 0 0 0-.37.037 4.364 4.364 0 0 0-7.315 0 2.938 2.938 0 0 0-.37-.037 2.972 2.972 0 1 0 1.16 5.708 4.302 4.302 0 0 0 5.735 0 2.972 2.972 0 1 0 1.16-5.708z"/>
</svg>

Snow flurry night #

和风天气图标代码: 457

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-snow-flurry-night"></i>
<i class="qi-457"></i>

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-457" viewBox="0 0 16 16">
  <path d="M15.497 4.207a.306.306 0 0 0-.08.01 3.072 3.072 0 0 1-.806.109 3.201 3.201 0 0 1-1.06-.185A3.183 3.183 0 0 1 11.523.355a.289.289 0 0 0-.272-.363.28.28 0 0 0-.104.02 3.546 3.546 0 0 0-2.211 3.096 4.936 4.936 0 0 1 .991.293 2.561 2.561 0 0 1 .54-1.672 4.415 4.415 0 0 0 .164.707 4.166 4.166 0 0 0 2.59 2.65 4.311 4.311 0 0 0 .847.203 2.61 2.61 0 0 1-.24.163 3.572 3.572 0 0 1 .824.642 3.553 3.553 0 0 0 1.12-1.503.286.286 0 0 0-.275-.384zm-3.439 1.357a2.937 2.937 0 0 0-.37.037 4.364 4.364 0 0 0-7.315 0 2.938 2.938 0 0 0-.37-.037 2.972 2.972 0 1 0 1.16 5.708 4.303 4.303 0 0 0 5.735 0 2.972 2.972 0 1 0 1.16-5.708zm0 4.944a1.96 1.96 0 0 1-.77-.156 1 1 0 0 0-1.049.168 3.303 3.303 0 0 1-4.417 0 1 1 0 0 0-1.05-.168 1.972 1.972 0 1 1-.77-3.788 1.08 1.08 0 0 1 .15.016l.096.013a.983.983 0 0 0 .125.008 1 1 0 0 0 .836-.452 3.364 3.364 0 0 1 5.643 0 1 1 0 0 0 .836.452.984.984 0 0 0 .125-.008l.096-.013a1.077 1.077 0 0 1 .15-.016 1.972 1.972 0 1 1 0 3.944zm-.798 4.288-.44-.254.434-.251a.35.35 0 0 0-.35-.606l-.435.25v-.508a.35.35 0 1 0-.699 0v.509l-.435-.251a.35.35 0 0 0-.35.606l.434.25-.44.255a.35.35 0 1 0 .35.606l.441-.255v.503a.35.35 0 1 0 .7 0v-.502l.44.254a.35.35 0 0 0 .35-.606zm-4.739 0-.44-.254.434-.251a.35.35 0 0 0-.35-.606l-.434.25v-.508a.35.35 0 1 0-.699 0v.509l-.436-.251a.35.35 0 0 0-.35.606l.435.25-.44.255a.35.35 0 1 0 .35.606l.441-.255v.503a.35.35 0 1 0 .7 0v-.502l.44.254a.35.35 0 0 0 .35-.606z"/>
</svg>

Snow flurry night fill #

和风天气图标代码: 457

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-snow-flurry-night-fill"></i>
<i class="qi-457-fill"></i>

HTML

复制下列代码到你的项目中

<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="M15.497 4.207a.306.306 0 0 0-.08.01 3.072 3.072 0 0 1-.806.109 3.201 3.201 0 0 1-1.06-.185A3.183 3.183 0 0 1 11.523.355a.289.289 0 0 0-.272-.363.28.28 0 0 0-.104.02 3.546 3.546 0 0 0-2.211 3.096 4.936 4.936 0 0 1 .991.293 2.561 2.561 0 0 1 .54-1.672 4.415 4.415 0 0 0 .164.707 4.166 4.166 0 0 0 2.59 2.65 4.311 4.311 0 0 0 .847.203 2.61 2.61 0 0 1-.24.163 3.572 3.572 0 0 1 .824.642 3.553 3.553 0 0 0 1.12-1.503.286.286 0 0 0-.275-.384zm-3.439 1.357a2.937 2.937 0 0 0-.37.037 4.364 4.364 0 0 0-7.315 0 2.938 2.938 0 0 0-.37-.037 2.972 2.972 0 1 0 1.16 5.708 4.303 4.303 0 0 0 5.735 0 2.972 2.972 0 1 0 1.16-5.708zm-.798 9.228-.44-.254.434-.251a.35.35 0 0 0-.35-.606l-.435.25v-.508a.35.35 0 1 0-.699 0v.509l-.435-.251a.35.35 0 0 0-.35.606l.434.25-.44.255a.35.35 0 1 0 .35.606l.441-.255v.503a.35.35 0 1 0 .7 0v-.502l.44.254a.35.35 0 0 0 .35-.606zm-4.739 0-.44-.254.434-.251a.35.35 0 0 0-.35-.606l-.434.25v-.508a.35.35 0 1 0-.699 0v.509l-.436-.251a.35.35 0 0 0-.35.606l.435.25-.44.255a.35.35 0 1 0 .35.606l.441-.255v.503a.35.35 0 1 0 .7 0v-.502l.44.254a.35.35 0 0 0 .35-.606z"/>
</svg>

Snow #

和风天气图标代码: 499

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-499" viewBox="0 0 16 16">
  <path d="M14.483 9.172a.504.504 0 0 0-.612-.354l-2.233.599-.996-.576a2.626 2.626 0 0 0-.057-1.864l1.039-.6 2.108.565a.542.542 0 0 0 .13.017.5.5 0 0 0 .13-.983l-1.143-.306.809-.467a.5.5 0 1 0-.5-.865l-.886.512.338-1.265a.501.501 0 0 0-.353-.613.508.508 0 0 0-.612.353l-.598 2.232-.996.574a2.768 2.768 0 0 0-1.644-.875V4.049l1.542-1.542a.5.5 0 0 0-.707-.707l-.835.835v-.933a.5.5 0 1 0-1 0v1.023L6.48 1.8a.5.5 0 1 0-.707.707l1.633 1.632v1.143a2.777 2.777 0 0 0-1.578.995l-1.047-.605-.565-2.108a.5.5 0 1 0-.966.26l.306 1.141L2.75 4.5a.5.5 0 1 0-.5.865l.886.512-1.265.339A.5.5 0 0 0 2 7.198a.541.541 0 0 0 .13-.016l2.232-.599.996.576a2.626 2.626 0 0 0 .057 1.864l-1.039.6-2.108-.565a.507.507 0 0 0-.613.353.501.501 0 0 0 .354.613l1.142.306-.809.467a.5.5 0 0 0 .25.932.493.493 0 0 0 .25-.067l.886-.512-.338 1.265a.501.501 0 0 0 .353.613.542.542 0 0 0 .13.017.5.5 0 0 0 .482-.37l.598-2.232.996-.574a2.768 2.768 0 0 0 1.644.875v1.207l-1.542 1.542a.5.5 0 0 0 .707.707l.835-.835v.933a.5.5 0 0 0 1 0v-1.023l.926.925a.5.5 0 0 0 .707-.707l-1.633-1.632v-1.143a2.777 2.777 0 0 0 1.578-.995l1.047.605.565 2.107a.5.5 0 0 0 .482.37.541.541 0 0 0 .13-.016.501.501 0 0 0 .354-.613l-.306-1.141.807.466a.493.493 0 0 0 .25.067.5.5 0 0 0 .25-.932l-.886-.512 1.265-.339a.501.501 0 0 0 .354-.613zM8 9.785A1.785 1.785 0 1 1 9.786 8 1.788 1.788 0 0 1 8 9.785z"/>
</svg>

Snow fill #

和风天气图标代码: 499

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M14.483 9.172a.504.504 0 0 0-.612-.354l-2.233.599-.98-.566a2.655 2.655 0 0 0-.056-1.884l1.022-.59 2.108.565a.542.542 0 0 0 .13.017.5.5 0 0 0 .13-.983l-1.143-.306.809-.467a.5.5 0 1 0-.5-.865l-.886.512.338-1.265a.501.501 0 0 0-.353-.613.508.508 0 0 0-.612.353l-.598 2.232-.979.564a2.782 2.782 0 0 0-1.661-.884V4.05l1.542-1.542a.5.5 0 0 0-.707-.707l-.835.835v-.933a.5.5 0 1 0-1 0v1.023L6.48 1.8a.5.5 0 1 0-.707.707l1.633 1.632v1.123a2.791 2.791 0 0 0-1.595 1.005l-1.03-.595-.565-2.108a.5.5 0 1 0-.966.26l.306 1.141L2.75 4.5a.5.5 0 1 0-.5.865l.886.512-1.265.339A.5.5 0 0 0 2 7.198a.541.541 0 0 0 .13-.016l2.232-.599.98.566a2.655 2.655 0 0 0 .056 1.884l-1.022.59-2.108-.565a.507.507 0 0 0-.613.353.501.501 0 0 0 .354.613l1.142.306-.809.467a.5.5 0 0 0 .25.932.493.493 0 0 0 .25-.067l.886-.512-.338 1.265a.501.501 0 0 0 .353.613.542.542 0 0 0 .13.017.5.5 0 0 0 .482-.37l.598-2.232.979-.564a2.782 2.782 0 0 0 1.661.884v1.188l-1.542 1.542a.5.5 0 0 0 .707.707l.835-.835v.933a.5.5 0 0 0 1 0v-1.023l.926.925a.5.5 0 0 0 .707-.707l-1.633-1.632v-1.123a2.791 2.791 0 0 0 1.595-1.005l1.03.595.565 2.108a.5.5 0 0 0 .482.37.541.541 0 0 0 .13-.017.501.501 0 0 0 .354-.613l-.306-1.141.807.466a.493.493 0 0 0 .25.067.5.5 0 0 0 .25-.932l-.886-.512 1.265-.339a.501.501 0 0 0 .354-.613z"/>
</svg>

Mist #

和风天气图标代码: 500

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-500" viewBox="0 0 16 16">
  <path d="M15.488 8.208h-.526a3.174 3.174 0 0 0-3.147-2.81 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.185 3.185 0 1 0 1.243 6.117 4.61 4.61 0 0 0 6.144 0 3.184 3.184 0 0 0 4.365-2.307h.551a.5.5 0 0 0 0-1zm-3.673 2.56a2.172 2.172 0 0 1-.852-.174 1 1 0 0 0-1.05.168 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.168 2.185 2.185 0 1 1-.852-4.196 1.22 1.22 0 0 1 .168.018l.104.014a1 1 0 0 0 .96-.444 3.675 3.675 0 0 1 6.165 0 1 1 0 0 0 .961.444l.104-.014a1.22 1.22 0 0 1 .168-.018 2.184 2.184 0 0 1 2.147 1.81h-7.45a.5.5 0 0 0 0 1h7.386a2.18 2.18 0 0 1-2.083 1.56z"/>
</svg>

Mist fill #

和风天气图标代码: 500

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M7.031 9.208a.5.5 0 0 1 0-1h8.45a3.05 3.05 0 0 0-3.543-2.77 4.675 4.675 0 0 0-7.838 0 3.149 3.149 0 0 0-.397-.04 3.184 3.184 0 1 0 1.244 6.117 4.61 4.61 0 0 0 6.144 0 3.184 3.184 0 0 0 4.365-2.307z"/>
</svg>

Foggy #

和风天气图标代码: 501

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-501" viewBox="0 0 16 16">
  <path d="M12.815 3.075a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.185 3.185 0 1 0 1.243 6.117 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.117zm0 5.369a2.171 2.171 0 0 1-.852-.173 1 1 0 0 0-1.05.168 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.168 2.185 2.185 0 1 1-.852-4.196 1.22 1.22 0 0 1 .168.018l.104.014a1 1 0 0 0 .96-.444 3.675 3.675 0 0 1 6.165 0 1 1 0 0 0 .961.444l.104-.014a1.22 1.22 0 0 1 .168-.018 2.185 2.185 0 1 1 0 4.369zm.187 2.846H4.025a.5.5 0 0 0 0 1h8.977a.5.5 0 0 0 0-1zm-3.019 1.813H1.008a.5.5 0 0 0 0 1h8.975a.5.5 0 0 0 0-1z"/>
</svg>

Foggy fill #

和风天气图标代码: 501

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M12.315 3.086a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm1.187 8.214H4.525a.5.5 0 0 0 0 1h8.977a.5.5 0 0 0 0-1zm-2.518 2.313a.5.5 0 0 0-.5-.5H1.508a.5.5 0 0 0 0 1h8.976a.5.5 0 0 0 .5-.5z"/>
</svg>

Haze #

和风天气图标代码: 502

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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.97zm-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 #

和风天气图标代码: 502

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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.97z"/>
</svg>

Sand #

和风天气图标代码: 503

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-503" viewBox="0 0 16 16">
  <circle cx="5.332" cy="7.142" r=".581"/>
  <path d="M4.156 3.654a.581.581 0 1 0-.581-.582.58.58 0 0 0 .58.582zm6.081 2.674a.581.581 0 1 0-.581-.581.581.581 0 0 0 .581.58zM8.97 3.654a.581.581 0 1 0-.582-.582.582.582 0 0 0 .581.582z"/>
  <circle cx="2.412" cy="5.398" r=".581"/>
  <path d="M9.507 10.61a.581.581 0 1 0-.76.317.581.581 0 0 0 .76-.316zm-3.637.218a.581.581 0 1 0-.76.317.581.581 0 0 0 .76-.317zm.845 2.564a.581.581 0 1 0 .316.759.581.581 0 0 0-.316-.76zm.36-7.878a.582.582 0 1 0-.581-.581.582.582 0 0 0 .581.581z"/>
  <path d="M14.438 6.226a2.869 2.869 0 0 0 .239-.984c.13-2.698-3.196-3.84-3.337-3.888a.45.45 0 0 0-.286.854c.028.009 2.821.974 2.724 2.99a2.26 2.26 0 0 1-.863 1.612C11.232 8.268 7.249 8.932 2.77 8.505a.458.458 0 0 0-.492.404.45.45 0 0 0 .406.491c.943.09 1.86.134 2.74.134 3.59 0 6.563-.73 8.08-2.044.01-.008.016-.018.026-.026a5.517 5.517 0 0 1-.168 1.159c-.571 1.837-3.716 3.541-8.41 3.097a.458.458 0 0 0-.491.405.45.45 0 0 0 .405.49c.55.054 1.078.079 1.587.079 3.117 0 5.432-.943 6.727-2.211a3.823 3.823 0 0 1-.176 1.013c-.25.708-1.35 2.996-4.901 2.723a.432.432 0 0 0-.483.415.45.45 0 0 0 .414.483q.321.024.622.024a5.2 5.2 0 0 0 5.196-3.345 6.914 6.914 0 0 0 .205-2.53l-.003-.007a3.356 3.356 0 0 0 .168-.369 10.64 10.64 0 0 0 .234-2.57.52.52 0 0 0-.018-.094z"/>
</svg>

Sand fill #

和风天气图标代码: 503

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg id="&#x56FE;&#x5C42;_1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-503-fill" viewBox="0 0 16 16">
  <defs>
    <style>
      .cls-1{fill-rule:evenodd}
    </style>
  </defs>
  <path d="M15.511 5.497c0-1.69-2.342-3.136-5.654-3.724 1.786.733 2.906 1.785 2.906 2.954 0 2.212-4.008 4.006-8.953 4.006A18.977 18.977 0 0 1 .511 8.45 16.37 16.37 0 0 0 6.56 9.503a16.766 16.766 0 0 0 5.718-.924 1.363 1.363 0 0 1 .01.16c0 1.659-3.006 3.004-6.714 3.004a14.17 14.17 0 0 1-2.474-.212 12.265 12.265 0 0 0 4.535.79 12.914 12.914 0 0 0 4-.592c.001.018.006.035.006.052 0 1.245-2.255 2.253-5.036 2.253a10.654 10.654 0 0 1-1.856-.158 9.206 9.206 0 0 0 3.402.592c2.78 0 5.036-1.009 5.036-2.254a1.325 1.325 0 0 0-.463-.94c1.012-.525 1.626-1.21 1.626-1.958a1.843 1.843 0 0 0-.73-1.357 3.109 3.109 0 0 0 1.892-2.462z" class="cls-1"/>
  <circle cx="4.748" cy="7.207" r=".581"/>
  <path d="M3.572 3.719a.581.581 0 1 0-.58-.581.58.58 0 0 0 .58.581zm6.082 2.674a.581.581 0 1 0-.582-.581.581.581 0 0 0 .582.581zM8.386 3.719a.581.581 0 1 0-.582-.581.582.582 0 0 0 .582.581z" class="cls-1"/>
  <circle cx="1.828" cy="5.463" r=".581"/>
  <path d="M8.923 10.676a.581.581 0 1 0-.759.316.581.581 0 0 0 .76-.316zm-3.637 0a.581.581 0 1 0-.76.316.581.581 0 0 0 .76-.316zm1.51 2.769a.581.581 0 1 0-.758.317.58.58 0 0 0 .758-.317zM6.492 5.58a.582.582 0 1 0-.581-.582.582.582 0 0 0 .58.582z" class="cls-1"/>
</svg>

Dust #

和风天气图标代码: 504

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg id="&#x56FE;&#x5C42;_1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-504" viewBox="0 0 16 16">
  <defs>
    <style>
      .cls-1{fill-rule:evenodd}
    </style>
  </defs>
  <path d="M13.232 5.448a.5.5 0 0 0-.93-.368c-.082.205-2.128 5.042-10.69 5.233a.5.5 0 0 0 .011 1h.01c9.266-.207 11.509-5.634 11.6-5.865zM4.998 7.686a.988.988 0 1 0-.988-.988.988.988 0 0 0 .988.988zM8.854 6.23a.988.988 0 1 0-.988-.987.988.988 0 0 0 .988.988zm2.321 3.933a.988.988 0 1 0 .988.988.987.987 0 0 0-.988-.988zm-2.541 1.241a.597.597 0 1 0 .597.597.597.597 0 0 0-.597-.597zm4.349-2.994a.597.597 0 1 0 .597.597.597.597 0 0 0-.597-.597zm-9.737.373a.637.637 0 1 0-.636-.637.637.637 0 0 0 .636.637zm3.791-4.528a.541.541 0 1 0-.54-.542.541.541 0 0 0 .54.542z" class="cls-1"/>
  <path d="M6.998 7.328a.637.637 0 1 0 .636-.637.636.636 0 0 0-.636.637z" class="cls-1"/>
</svg>

Dust fill #

和风天气图标代码: 504

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg id="&#x56FE;&#x5C42;_1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-504-fill" viewBox="0 0 16 16">
  <defs>
    <style>
      .cls-1{fill-rule:evenodd}
    </style>
  </defs>
  <path d="M9.712 2.908c1.786.733 2.906 1.784 2.906 2.953 0 2.213-4.008 4.007-8.953 4.007a18.977 18.977 0 0 1-3.299-.282 16.37 16.37 0 0 0 6.048 1.052 16.768 16.768 0 0 0 5.719-.924 5.344 5.344 0 0 0 1.341-.62c1.164-.716 1.892-1.534 1.892-2.462 0-1.69-2.342-3.136-5.654-3.724z" class="cls-1"/>
  <path d="M5.285 7.363a.988.988 0 1 0-.987-.988.988.988 0 0 0 .987.988zm3.856-1.455a.988.988 0 1 0-.987-.988.988.988 0 0 0 .987.988zm1.156 5.462a.988.988 0 1 0 .988.987.987.987 0 0 0-.988-.988zm-2.54 1.24a.597.597 0 1 0 .597.597.597.597 0 0 0-.597-.597zm4.743-1.902a.597.597 0 1 0 .598.597.597.597 0 0 0-.597-.597zM3.533 8.46a.637.637 0 1 0-.636-.637.637.637 0 0 0 .636.637zm3.792-4.528a.541.541 0 1 0-.541-.542.541.541 0 0 0 .541.542zm-.04 3.073a.636.636 0 1 0 .637-.637.636.636 0 0 0-.637.637z" class="cls-1"/>
</svg>

Duststorm #

和风天气图标代码: 507

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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.719 7.343-1.167-.976a.81.81 0 0 0-.109-.076.873.873 0 0 0-.423-.115.863.863 0 0 0-.592.245.816.816 0 0 0-.17.255H5.734a2.822 2.822 0 0 1-1.588-2.298c.035-1.085 1.127-1.992 2.717-2.259a3.623 3.623 0 0 1 3.878 1.514.5.5 0 0 0 .826-.563 4.62 4.62 0 0 0-4.87-1.937c-2.072.347-3.5 1.638-3.551 3.212a3.176 3.176 0 0 0 1.017 2.33H2.678a1.333 1.333 0 0 0-1.333 1.333 1.333 1.333 0 0 0 1.333 1.333h7.355c1.138.514 1.818 1.23 1.872 2.033a2.26 2.26 0 0 1-1.695 2.055 5.6 5.6 0 0 1-5.707-.786.5.5 0 1 0-.662.748 6.474 6.474 0 0 0 4.128 1.473 7.212 7.212 0 0 0 2.6-.502 3.219 3.219 0 0 0 2.334-3.055 2.928 2.928 0 0 0-1.047-1.966h.477a.845.845 0 0 0 .7.389.88.88 0 0 0 .425-.116.79.79 0 0 0 .108-.076l1.154-.968a.8.8 0 0 0-.001-1.227zM13.2 8.8l-.148.125h-.004l-.014.005h-.002c-.014 0-.028-.007-.028-.016v-.012l-.398-.36h-1.948l-.001-.001H2.145V7.476h10.449l.4-.405v-.08c0-.009.012-.015.026-.015a.036.036 0 0 1 .018.005l.004.003.001-.002.876.736.286.239.001.001z"/>
</svg>

Duststorm fill #

和风天气图标代码: 507

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M12.565 8.867a.028.028 0 0 0 .048.018l1.593-1.462a.074.074 0 0 0 0-.11L12.599 5.84a.027.027 0 0 0-.045.017l.003.654H5.863c-1.106-.706-1.54-1.5-1.52-2.126.034-.988 1.058-1.819 2.552-2.069a3.433 3.433 0 0 1 3.68 1.43.7.7 0 0 0 1.157-.788A4.818 4.818 0 0 0 6.664.936C4.494 1.299 3 2.667 2.945 4.339a3.231 3.231 0 0 0 .782 2.172H2.72a.888.888 0 1 0 0 1.775h3.506a13.08 13.08 0 0 0 2.313.766c2.255.532 3.115 1.555 3.168 2.336.05.742-.565 1.47-1.567 1.854a5.479 5.479 0 0 1-5.503-.75.7.7 0 1 0-.928 1.049 6.697 6.697 0 0 0 4.263 1.523 7.402 7.402 0 0 0 2.67-.515 3.413 3.413 0 0 0 2.462-3.255 3.798 3.798 0 0 0-2.497-3.008h1.957z"/>
</svg>

Sandstorm #

和风天气图标代码: 508

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-508" viewBox="0 0 16 16">
  <path d="M13.62 8.714a.798.798 0 0 0-.107-.076.872.872 0 0 0-.424-.115.862.862 0 0 0-.591.245.814.814 0 0 0-.17.254h-.599a7.172 7.172 0 0 0-2.845-1.285 13.809 13.809 0 0 1-1.192-.336h4.71a.845.845 0 0 0 .7.389.878.878 0 0 0 .425-.116.809.809 0 0 0 .109-.077l1.153-.968a.8.8 0 0 0-.001-1.226l-1.167-.976a.788.788 0 0 0-.108-.076.87.87 0 0 0-.424-.115.862.862 0 0 0-.591.245.812.812 0 0 0-.17.254H4.28a1.745 1.745 0 0 1-.067-.504c.035-1.085 1.128-1.992 2.718-2.259a3.623 3.623 0 0 1 3.877 1.514.5.5 0 1 0 .827-.562A4.62 4.62 0 0 0 6.766.986c-2.073.348-3.5 1.639-3.552 3.212a2.793 2.793 0 0 0 .053.537h-.52a1.333 1.333 0 0 0 0 2.666h2.57A11.19 11.19 0 0 0 8.653 8.71a8.5 8.5 0 0 1 1.02.312H2.746a1.333 1.333 0 0 0 0 2.666h9.177a2.52 2.52 0 0 1-1.645 1.594 5.6 5.6 0 0 1-5.707-.786.5.5 0 0 0-.662.748 6.474 6.474 0 0 0 4.128 1.474 7.213 7.213 0 0 0 2.6-.502 3.542 3.542 0 0 0 2.23-2.177.792.792 0 0 0 .233.038.88.88 0 0 0 .426-.116.799.799 0 0 0 .109-.077l1.153-.968a.8.8 0 0 0-.001-1.226zM5.918 6.6H2.214V5.535h10.449l.4-.405v-.078c0-.01.013-.016.026-.016a.036.036 0 0 1 .019.004l.003.003.001-.001.93.78.233.195-.9.754-.254.214-.008.002-.01.002h-.002c-.014 0-.028-.006-.028-.016v-.011l-.398-.36H5.918zm7.423 4.487-.219.184-.007.002-.01.003H13.1c-.014 0-.028-.007-.028-.017v-.01l-.398-.362h-.77.001-9.692V9.822h10.449l.4-.405V9.34c0-.01.013-.016.026-.016a.036.036 0 0 1 .019.005l.003.003.001-.002.915.768.248.207z"/>
</svg>

Sandstorm fill #

和风天气图标代码: 508

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M12.495 7.754a.029.029 0 0 0 .048.018l1.593-1.461a.074.074 0 0 0 0-.11l-1.607-1.474a.027.027 0 0 0-.045.018l.003.654H4.499a1.795 1.795 0 0 1-.323-.996c.032-.987 1.057-1.818 2.55-2.068a3.45 3.45 0 0 1 3.68 1.43.7.7 0 0 0 1.158-.79A4.825 4.825 0 0 0 6.495.956c-2.169.362-3.663 1.73-3.718 3.402A3.006 3.006 0 0 0 2.949 5.4h-.3a.888.888 0 0 0 0 1.775h1.544A10.022 10.022 0 0 0 8.37 9.07c.187.044.35.096.517.146H2.649a.888.888 0 0 0 0 1.776h8.78a1.372 1.372 0 0 1 .108.413c.05.742-.565 1.47-1.567 1.856a5.48 5.48 0 0 1-5.502-.75.7.7 0 0 0-.928 1.049 6.696 6.696 0 0 0 4.262 1.523 7.396 7.396 0 0 0 2.67-.516 3.413 3.413 0 0 0 2.462-3.256c-.001-.024-.01-.045-.012-.068l1.214-1.114a.074.074 0 0 0 0-.11l-1.607-1.474a.027.027 0 0 0-.045.017l.003.654h-.659a7.045 7.045 0 0 0-3.137-1.509A11.943 11.943 0 0 1 7 7.174h5.493z"/>
</svg>

Dense fog #

和风天气图标代码: 509

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-509" viewBox="0 0 16 16">
  <path d="M12.316 2.086a3.146 3.146 0 0 0-.397.04 4.675 4.675 0 0 0-7.838 0 3.148 3.148 0 0 0-.396-.04 3.185 3.185 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.244-6.116zm0 5.369a2.17 2.17 0 0 1-.853-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.22 1.22 0 0 1 .168.018l.104.014a1 1 0 0 0 .96-.444 3.675 3.675 0 0 1 6.165 0 1 1 0 0 0 .961.444l.104-.014a1.219 1.219 0 0 1 .169-.018 2.185 2.185 0 0 1 0 4.369zm1.185 2.845H4.525a.5.5 0 0 0 0 1h8.976a.5.5 0 0 0 0-1zm-2.517 2.313a.5.5 0 0 0-.5-.5H1.508a.5.5 0 1 0 0 1h8.976a.5.5 0 0 0 .5-.5zm1.11 1.344H3.118a.5.5 0 0 0 0 1h8.976a.5.5 0 0 0 0-1z"/>
</svg>

Dense fog fill #

和风天气图标代码: 509

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M12.315 2.086a3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.149 3.149 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.185 3.185 0 1 0 1.243-6.116zm1.186 8.214H4.525a.5.5 0 0 0 0 1h8.976a.5.5 0 0 0 0-1zm-2.517 2.313a.5.5 0 0 0-.5-.5H1.508a.5.5 0 1 0 0 1h8.976a.5.5 0 0 0 .5-.5zm1.11 1.344H3.118a.5.5 0 0 0 0 1h8.976a.5.5 0 0 0 0-1z"/>
</svg>

Strong fog #

和风天气图标代码: 510

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-510" viewBox="0 0 16 16">
  <path d="M13.501 10.3H4.525a.5.5 0 0 0 0 1h8.976a.5.5 0 0 0 0-1zM15.5 4.817h-.546a3.175 3.175 0 0 0-3.139-2.731 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.396-.04 3.185 3.185 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.178 3.178 0 0 0 4.373-2.385h.555a.5.5 0 0 0 0-1zm-3.685 2.638a2.172 2.172 0 0 1-.852-.173 1 1 0 0 0-1.05.167 3.61 3.61 0 0 1-4.827 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.22 1.22 0 0 1 .168.018l.104.014a1 1 0 0 0 .96-.444 3.675 3.675 0 0 1 6.165 0 1 1 0 0 0 .961.444l.104-.014a1.22 1.22 0 0 1 .168-.018 2.187 2.187 0 0 1 2.136 1.731H6.524a.5.5 0 0 0 0 1h7.398a2.182 2.182 0 0 1-2.107 1.638zm-.831 5.158a.5.5 0 0 0-.5-.5H1.508a.5.5 0 1 0 0 1h8.976a.5.5 0 0 0 .5-.5zm1.11 1.344H3.118a.5.5 0 0 0 0 1h8.976a.5.5 0 0 0 0-1z"/>
</svg>

Strong fog fill #

和风天气图标代码: 510

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M6.47 5.396a.5.5 0 0 1 .5-.5h8.45a3.05 3.05 0 0 0-3.544-2.77 4.675 4.675 0 0 0-7.838 0 3.149 3.149 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.184 3.184 0 0 0 4.365-2.306H6.97a.5.5 0 0 1-.5-.5zm7.031 4.904H4.525a.5.5 0 0 0 0 1h8.976a.5.5 0 0 0 0-1zm-2.517 2.313a.5.5 0 0 0-.5-.5H1.508a.5.5 0 1 0 0 1h8.976a.5.5 0 0 0 .5-.5zm1.11 1.344H3.118a.5.5 0 0 0 0 1h8.976a.5.5 0 0 0 0-1z"/>
</svg>

Moderate haze #

和风天气图标代码: 511

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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.97zm-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"/>
  <circle cx="2.989" cy="2.481" r="1"/>
  <circle cx="13" cy="2.481" r="1"/>
  <circle cx="2.989" cy="13.457" r="1"/>
  <circle cx="13" cy="13.457" r="1"/>
</svg>

Moderate haze fill #

和风天气图标代码: 511

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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.97z"/>
  <circle cx="2.989" cy="2.481" r="1"/>
  <circle cx="13" cy="2.481" r="1"/>
  <circle cx="2.989" cy="13.457" r="1"/>
  <circle cx="13" cy="13.457" r="1"/>
</svg>

Heavy haze #

和风天气图标代码: 512

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-512" viewBox="0 0 16 16">
  <circle cx="2.989" cy="2.481" r="1"/>
  <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.97zm-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"/>
  <circle cx="8.031" cy="2.958" r="1"/>
  <circle cx="8.031" cy="12.98" r="1"/>
  <circle cx="13" cy="2.481" r="1"/>
  <circle cx="2.989" cy="13.457" r="1"/>
  <circle cx="13" cy="13.457" r="1"/>
</svg>

Heavy haze fill #

和风天气图标代码: 512

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-512-fill" viewBox="0 0 16 16">
  <circle cx="2.989" cy="2.481" r="1"/>
  <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.97z"/>
  <circle cx="8.031" cy="2.958" r="1"/>
  <circle cx="8.031" cy="12.98" r="1"/>
  <circle cx="13" cy="2.481" r="1"/>
  <circle cx="2.989" cy="13.457" r="1"/>
  <circle cx="13" cy="13.457" r="1"/>
</svg>

Severe haze #

和风天气图标代码: 513

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-513" viewBox="0 0 16 16">
  <circle cx="1.989" cy="2.481" r="1"/>
  <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.485zM3.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.97z"/>
  <circle cx="6.031" cy="2.958" r="1"/>
  <circle cx="10.076" cy="2.958" r="1"/>
  <circle cx="6.031" cy="12.987" r="1"/>
  <circle cx="10.076" cy="12.987" r="1"/>
  <circle cx="14" cy="2.481" r="1"/>
  <circle cx="1.989" cy="13.457" r="1"/>
  <circle cx="14" cy="13.457" r="1"/>
</svg>

Severe haze fill #

和风天气图标代码: 513

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-513-fill" viewBox="0 0 16 16">
  <circle cx="1.989" cy="2.481" r="1"/>
  <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.485z"/>
  <circle cx="6.031" cy="2.958" r="1"/>
  <circle cx="10.076" cy="2.958" r="1"/>
  <circle cx="6.031" cy="12.987" r="1"/>
  <circle cx="10.076" cy="12.987" r="1"/>
  <circle cx="14" cy="2.481" r="1"/>
  <circle cx="1.989" cy="13.457" r="1"/>
  <circle cx="14" cy="13.457" r="1"/>
</svg>

Heavy fog #

和风天气图标代码: 514

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-514" viewBox="0 0 16 16">
  <path d="M13.502 10.3H4.525a.5.5 0 0 0 0 1h8.977a.5.5 0 0 0 0-1zM15.5 4.188h-.702a3.176 3.176 0 0 0-2.983-2.102 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.397-.04 3.185 3.185 0 1 0 1.244 6.116 4.61 4.61 0 0 0 6.144 0A3.185 3.185 0 0 0 15 5.27c0-.028-.008-.054-.008-.082h.508a.5.5 0 0 0 0-1zM14 5.27a2.162 2.162 0 0 1-.068.516H5.996a.5.5 0 1 0 0 1h7.386a2.177 2.177 0 0 1-2.42.496 1 1 0 0 0-1.048.167 3.61 3.61 0 0 1-4.828 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.22 1.22 0 0 1 .168.018l.104.014a1 1 0 0 0 .96-.444 3.675 3.675 0 0 1 6.165 0 1 1 0 0 0 .961.444l.104-.014a1.22 1.22 0 0 1 .168-.018 2.177 2.177 0 0 1 1.886 1.102H8.47a.5.5 0 0 0 0 1h5.523c0 .028.008.054.008.082zm-3.017 7.343a.5.5 0 0 0-.5-.5H1.508a.5.5 0 1 0 0 1h8.975a.5.5 0 0 0 .5-.5zm1.111 1.344H3.118a.5.5 0 1 0 0 1h8.976a.5.5 0 0 0 0-1z"/>
</svg>

Heavy fog fill #

和风天气图标代码: 514

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M13.502 11.3H4.525a.5.5 0 0 1 0-1h8.977a.5.5 0 0 1 0 1zm-3.019 1.813H1.508a.5.5 0 1 1 0-1h8.975a.5.5 0 0 1 0 1zm1.611 1.844H3.118a.5.5 0 1 1 0-1h8.976a.5.5 0 0 1 0 1zM6.047 7.173a.502.502 0 1 1 0-1h8.807A3.15 3.15 0 0 0 15 5.27a3.187 3.187 0 0 0-.059-.583H8.394a.5.5 0 0 1 0-1h6.17a3.17 3.17 0 0 0-2.748-1.601 3.146 3.146 0 0 0-.397.04 4.675 4.675 0 0 0-7.838 0 3.149 3.149 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116 4.61 4.61 0 0 0 6.144 0 3.166 3.166 0 0 0 3.783-1.029z"/>
</svg>

Extra heavy fog #

和风天气图标代码: 515

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-extra-heavy-fog"></i>
<i class="qi-515"></i>

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-515" viewBox="0 0 16 16">
  <path d="M14.502 10.3H7.525a.5.5 0 0 0 0 1h6.977a.5.5 0 0 0 0-1zm-8.506 1a.5.5 0 1 0 0-1h-1.99a.5.5 0 0 0 0 1zm6.817 1.813a.5.5 0 1 0 0-1h-1.989a.5.5 0 0 0 0 1zm-8.316.813h-1.99a.5.5 0 1 0 0 1h1.99a.5.5 0 1 0 0-1zM15.5 4.188h-.702a3.176 3.176 0 0 0-2.983-2.102 3.146 3.146 0 0 0-.396.04 4.675 4.675 0 0 0-7.838 0 3.146 3.146 0 0 0-.397-.04 3.185 3.185 0 1 0 1.244 6.116 4.61 4.61 0 0 0 6.144 0A3.185 3.185 0 0 0 15 5.27c0-.028-.008-.054-.008-.082h.508a.5.5 0 0 0 0-1zM14 5.27a2.162 2.162 0 0 1-.068.516H5.996a.5.5 0 1 0 0 1h7.386a2.177 2.177 0 0 1-2.42.496 1 1 0 0 0-1.048.167 3.61 3.61 0 0 1-4.828 0 1 1 0 0 0-1.049-.167 2.185 2.185 0 1 1-.852-4.196 1.22 1.22 0 0 1 .168.018l.104.014a1 1 0 0 0 .96-.444 3.675 3.675 0 0 1 6.165 0 1 1 0 0 0 .961.444l.104-.014a1.22 1.22 0 0 1 .168-.018 2.177 2.177 0 0 1 1.886 1.102H8.47a.5.5 0 0 0 0 1h5.523c0 .028.008.054.008.082zm-4.017 7.343a.5.5 0 0 0-.5-.5H1.508a.5.5 0 1 0 0 1h7.975a.5.5 0 0 0 .5-.5zm3.111 1.344H6.118a.5.5 0 0 0 0 1h6.976a.5.5 0 0 0 0-1z"/>
</svg>

Extra heavy fog fill #

和风天气图标代码: 515

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-extra-heavy-fog-fill"></i>
<i class="qi-515-fill"></i>

HTML

复制下列代码到你的项目中

<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="M4.428 8.202a4.61 4.61 0 0 0 6.144 0 3.166 3.166 0 0 0 3.783-1.029H6.047a.502.502 0 1 1 0-1h8.807A3.15 3.15 0 0 0 15 5.27a3.187 3.187 0 0 0-.059-.583H8.394a.5.5 0 0 1 0-1h6.17a3.17 3.17 0 0 0-2.748-1.601 3.146 3.146 0 0 0-.397.04 4.675 4.675 0 0 0-7.838 0 3.149 3.149 0 0 0-.396-.04 3.184 3.184 0 1 0 1.243 6.116zM14.502 10.3H7.525a.5.5 0 0 0 0 1h6.977a.5.5 0 0 0 0-1zm-10.496 0a.5.5 0 0 0 0 1h1.99a.5.5 0 1 0 0-1zm8.807 2.813a.5.5 0 1 0 0-1h-1.989a.5.5 0 0 0 0 1zm-8.316.813h-1.99a.5.5 0 1 0 0 1h1.99a.5.5 0 1 0 0-1zm5.486-1.313a.5.5 0 0 0-.5-.5H1.508a.5.5 0 1 0 0 1h7.975a.5.5 0 0 0 .5-.5zm3.111 1.344H6.118a.5.5 0 0 0 0 1h6.976a.5.5 0 0 0 0-1z"/>
</svg>

New moon #

和风天气图标代码: 800

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-800" viewBox="0 0 16 16">
  <circle cx="8" cy="8" r="8"/>
</svg>

Waxing crescent #

和风天气图标代码: 801

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-801" viewBox="0 0 16 16">
  <path d="M8 0a7.955 7.955 0 0 0-.795.04 7.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 8 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 8 15.5z"/>
</svg>

First quarter #

和风天气图标代码: 802

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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 0a8.031 8.031 0 0 0-1.065.079 7.992 7.992 0 0 0-.354 15.788h.001A7.952 7.952 0 0 0 8 16 8 8 0 0 0 8 0zm0 15.5a6.836 6.836 0 0 1-.725-.04A24.01 24.01 0 0 0 8.5 7.5 25.697 25.697 0 0 0 7.593.514C7.734.504 7.868.5 8 .5a7.5 7.5 0 0 1 0 15z"/>
</svg>

Waxing gibbous #

和风天气图标代码: 803

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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 8 8 8 8 0 0 0-8-8zm0 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-.157A6.613 6.613 0 0 1 8 1a7 7 0 0 1 0 14z"/>
</svg>

Full moon #

和风天气图标代码: 804

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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 8 8 8 8 0 0 0-8-8z"/>
</svg>

Waning gibbous #

和风天气图标代码: 805

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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 8-8 8 8 0 0 0-8 8zm1 0a7.008 7.008 0 0 1 7-7 6.613 6.613 0 0 1 .881.063.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 #

和风天气图标代码: 806

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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.031 8.031 0 0 0-1.065.079 7.992 7.992 0 0 0-.354 15.788h.001A7.952 7.952 0 0 0 8 16 8 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.5a24.131 24.131 0 0 1-1.067 7.41A7.005 7.005 0 0 1 1 8z"/>
</svg>

Waning crescent #

和风天气图标代码: 807

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-807" viewBox="0 0 16 16">
  <path d="M9.555.154C9.513.145 9.47.142 9.426.134A7.983 7.983 0 0 0 8.795.04 8 8 0 1 0 8 16a7.955 7.955 0 0 0 .795-.04c.214-.021.423-.057.631-.094.043-.008.087-.011.13-.02a7.998 7.998 0 0 0 0-15.692zm.113 15.158A7.5 7.5 0 1 1 8 .5a7.44 7.44 0 0 1 1.668.189 8.497 8.497 0 0 0 0 14.623z"/>
</svg>

Hot #

和风天气图标代码: 900

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-900" viewBox="0 0 16 16">
  <path d="M7.808 10.995v-6.47a.5.5 0 0 0-1 0v6.47a1.075 1.075 0 0 0-.586.948 1.086 1.086 0 1 0 2.172 0 1.075 1.075 0 0 0-.586-.948z"/>
  <path d="M9.338 9.092V2.201a2.05 2.05 0 0 0-4.1 0v6.891a3.747 3.747 0 1 0 4.1 0zm-2.05 5.866a2.736 2.736 0 0 1-1.31-5.145l.26-.142v-7.47a1.05 1.05 0 0 1 2.1 0v7.47l.26.142a2.736 2.736 0 0 1-1.31 5.145zM13.437 1.92h-.5v-.5a.5.5 0 1 0-1 0v.5h-.5a.5.5 0 0 0 0 1h.5v.5a.5.5 0 0 0 1 0v-.5h.5a.5.5 0 0 0 0-1z"/>
</svg>

Hot fill #

和风天气图标代码: 900

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M13.437 1.92h-.5v-.5a.5.5 0 1 0-1 0v.5h-.5a.5.5 0 0 0 0 1h.5v.5a.5.5 0 0 0 1 0v-.5h.5a.5.5 0 0 0 0-1zM9.338 9.092V2.201a2.05 2.05 0 0 0-4.1 0v6.891a3.747 3.747 0 1 0 4.1 0zm-2.03 3.937a1.086 1.086 0 0 1-1.086-1.086 1.075 1.075 0 0 1 .586-.948v-6.47a.5.5 0 0 1 1 0v6.47a1.075 1.075 0 0 1 .586.948 1.086 1.086 0 0 1-1.086 1.086z"/>
</svg>

Cold #

和风天气图标代码: 901

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-901" viewBox="0 0 16 16">
  <path d="M7.808 10.995V9.221a.5.5 0 0 0-1 0v1.774a1.075 1.075 0 0 0-.586.948 1.086 1.086 0 1 0 2.172 0 1.075 1.075 0 0 0-.586-.948z"/>
  <path d="M9.338 9.092V2.201a2.05 2.05 0 0 0-4.1 0v6.891a3.747 3.747 0 1 0 4.1 0zm-2.05 5.866a2.736 2.736 0 0 1-1.31-5.145l.26-.142v-7.47a1.05 1.05 0 0 1 2.1 0v7.47l.26.142a2.736 2.736 0 0 1-1.31 5.145zM13.437 1.92h-2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1z"/>
</svg>

Cold fill #

和风天气图标代码: 901

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M13.437 1.92h-2a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1zM9.338 9.092V2.201a2.05 2.05 0 0 0-4.1 0v6.891a3.747 3.747 0 1 0 4.1 0zm-2.03 3.937a1.086 1.086 0 0 1-1.086-1.086 1.075 1.075 0 0 1 .586-.948V9.22a.5.5 0 0 1 1 0v1.774a1.075 1.075 0 0 1 .586.948 1.086 1.086 0 0 1-1.086 1.086z"/>
</svg>

Unknown #

和风天气图标代码: 999

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-999" viewBox="0 0 16 16">
  <path d="M4.669 9 2.08 5.171H.991v6.05h1.202V7.41l2.584 3.811h1.095v-6.05H4.669V9zm8.219-3.829H11.66l-2.125 6.05h1.281l.396-1.247h2.107l.37 1.247h1.308zm-1.352 3.793.746-2.37.711 2.37zM9.29 4.98a.5.5 0 0 0-.631.317L6.88 10.661a.5.5 0 1 0 .949.315l1.778-5.364a.5.5 0 0 0-.317-.632z"/>
</svg>

Unknown fill #

和风天气图标代码: 999

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<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="M11.314 8.707h1.254l-.612-2.091-.642 2.091z"/>
  <path d="M13.289 3H2.71A1.711 1.711 0 0 0 1 4.711v6.578A1.711 1.711 0 0 0 2.711 13H13.29A1.711 1.711 0 0 0 15 11.289V4.71A1.711 1.711 0 0 0 13.289 3zm-6.845 7.697h-.942L3.28 7.337v3.36H2.247V5.362h.936L5.41 8.738V5.362h1.034zm1.275.085a.422.422 0 0 1-.135-.022.443.443 0 0 1-.273-.557l1.53-4.73a.428.428 0 0 1 .542-.28.443.443 0 0 1 .273.558l-1.529 4.73a.43.43 0 0 1-.408.301zm5.445-.085-.317-1.1h-1.812l-.34 1.1H9.592l1.828-5.335h1.057l1.812 5.335z"/>
</svg>

Typhoon #

和风天气图标代码: 1001

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1001" viewBox="0 0 16 16">
  <path d="M9.208 1.492c-3.757-.066-6.613 2.536-6.879 5.704-.293 3.494 2.106 4.947 2.427 5.232C2.851 12.399.583 10.28.202 8.295a.104.104 0 0 0-.1-.085.103.103 0 0 0-.103.114c.403 3.526 3.405 6.2 6.789 6.185 3.604-.016 6.518-2.147 6.89-5.645.35-3.295-2.108-5.007-2.424-5.291 2.023.019 4.162 2.15 4.539 4.132.009.048.05.084.099.085a.103.103 0 0 0 .104-.114c-.406-3.521-3.405-6.125-6.788-6.184zm-1.21 8.011a1.502 1.502 0 1 1 0-3.004 1.502 1.502 0 0 1 0 3.004z"/>
</svg>

Tornado #

和风天气图标代码: 1002

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1002" viewBox="0 0 16 16">
  <path d="M2.978 4.923c-.093-.28-.093-.509.013-.702.47-.858 1.943-1.779 4.115-2.168 2.435-.437 4.067.05 4.526.662a.63.63 0 0 1 .03.743c.796-.469 1.027-.96.9-1.403-.253-.889-2.7-1.435-5.646-.891-3.032.561-4.842 1.971-4.759 2.866.028.299.338.714.821.893z"/>
  <path d="M10.89 3.659c-.158-.551-1.487-1.323-3.541-.929-2.096.401-2.971 1.601-2.919 2.156.017.185.21.443.51.554-.059-.174-.058-.316.008-.436.291-.533 1.206-1.104 2.554-1.346 1.512-.271 2.525.031 2.81.411a.39.39 0 0 1 .019.461c.494-.291.638-.596.559-.871z"/>
  <path d="M13.534 4.84c.68-.791.975-1.604.92-2.202-.079-.847-1.663-1.324-1.663-1.324.302.285.425.517.478.863.183 1.188-1.908 3.002-5.115 3.521-2.878.466-5.562-.217-6.41-1.12-.284-.302-.253-.91-.253-.91-.338.39-.557.845-.492 1.224.141.808.967 1.743 2.572 2.251.002.155.015.302.044.407.16.563.724 1.161 1.574 1.605a.994.994 0 0 0-.123.481c-.049.654.723 1.395.856 1.517.114.104.549.348.511.61-.015.104-.069.254-.132.435-.095.272-.145.352-.183.494-.074.278-.024.515.016.702.18.848.942 1.759 1.036 1.753.168-.011.085-.393.263-.698.086-.147.306-.182.511-.358.227-.195.293-.555.442-.704.312-.312.533-.141.844-.372.321-.238.332-.563.807-.911.289-.212.757-.009 1.303-.516.163-.151.415-.471.501-.647.48-.979 1.25-.978 1.352-1.652a1.133 1.133 0 0 0-.302-.924c-.015-.016-.032-.022-.047-.036 1.043-.794 1.523-1.765 1.425-2.621-.044-.381-.411-.677-.735-.868zm-1.356 4.502c-.754 1.002-2.002 1.502-3.005 1.591-1.796.161-3.072-.806-3.552-1.36a.789.789 0 0 1-.126-.255c1.029.449 2.422.665 4.066.362 1.194-.22 2.145-.602 2.882-1.064a1.484 1.484 0 0 1-.265.726zM9.346 8.243c-2.331.37-4.066-.067-5.064-.755a.813.813 0 0 1-.195-.202c1.118.262 2.549.332 4.327.064 2.372-.358 3.984-1.302 4.945-2.316.061.113.115.229.133.351.146.984-1.548 2.446-4.146 2.858z"/>
</svg>

Rainstorm #

和风天气图标代码: 1003

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1003" viewBox="0 0 16 16">
  <path d="M4.883 12.621c0 .63.553 1.277 1.236 1.277.683 0 1.236-.647 1.236-1.277 0-.838-1.236-2.141-1.236-2.141s-1.236 1.291-1.236 2.141zm-3.86 0c0 .63.553 1.277 1.236 1.277.683 0 1.236-.647 1.236-1.277 0-.838-1.236-2.141-1.236-2.141s-1.236 1.291-1.236 2.141zm7.717 0c0 .63.553 1.277 1.236 1.277.683 0 1.236-.647 1.236-1.277 0-.838-1.236-2.141-1.236-2.141S8.74 11.771 8.74 12.621zm3.857 0c0 .63.553 1.277 1.236 1.277s1.236-.647 1.236-1.277c0-.838-1.236-2.141-1.236-2.141s-1.236 1.291-1.236 2.141zm1.378-7.475a2.928 2.928 0 0 0-1.75-1.13c-.178-1.577-1.452-2.741-2.859-2.762-1.123-.017-2.192.697-2.695 1.804a2.89 2.89 0 0 0-1.362.553 2.887 2.887 0 0 0-.878 1.082c-1.165-.155-1.991.455-2.353 1.182a1.705 1.705 0 0 0-1.207.13c-.49.259-.873.79-.873 1.414-.001.709.491 1.289 1.08 1.51.73.274 1.378-.09 1.468-.143.169.144.792.638 1.717.639a2.667 2.667 0 0 0 1.473-.45 3.9 3.9 0 0 0 2.195.368 3.861 3.861 0 0 0 1.665-.63 3.48 3.48 0 0 0 2.071.63 3.42 3.42 0 0 0 1.597-.449c.122.057.826.374 1.582.056.768-.323 1.194-1.135 1.156-1.874-.05-.969-.898-1.831-2.027-1.93z"/>
</svg>

Snow storm #

和风天气图标代码: 1004

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1004" viewBox="0 0 16 16">
  <path d="M3.139 11.904H2.89l.125-.216a.5.5 0 0 0-.866-.5l-.124.215-.125-.215a.5.5 0 0 0-.866.5l.125.216h-.25a.5.5 0 0 0 0 1h.249l-.124.216a.5.5 0 1 0 .867.5l.124-.215.124.215a.502.502 0 0 0 .867-.5l-.126-.216h.249a.5.5 0 0 0 0-1zm3.984 0h-.249l.125-.216a.5.5 0 0 0-.866-.5l-.124.215-.124-.215a.5.5 0 0 0-.866.5l.125.216h-.251a.5.5 0 0 0 0 1h.249l-.124.216a.5.5 0 1 0 .867.5l.124-.215.124.215a.502.502 0 0 0 .867-.5l-.125-.216h.249a.5.5 0 1 0-.001-1zm3.984 0h-.249l.125-.216a.5.5 0 0 0-.866-.5l-.124.215-.124-.215a.5.5 0 0 0-.866.5l.125.216h-.251a.5.5 0 0 0 0 1h.249l-.125.216a.5.5 0 1 0 .867.5l.124-.215.124.215a.502.502 0 0 0 .867-.5l-.125-.216h.249a.5.5 0 0 0 0-1zm3.984 0h-.249l.125-.216a.5.5 0 0 0-.866-.5l-.124.215-.124-.215a.5.5 0 0 0-.866.5l.125.216h-.249a.5.5 0 0 0 0 1h.249l-.125.216a.5.5 0 1 0 .867.5l.124-.215.122.215a.502.502 0 0 0 .867-.5l-.125-.216h.249a.5.5 0 0 0 0-1zm-.245-2.954c.768-.323 1.194-1.135 1.156-1.874-.05-.969-.898-1.831-2.027-1.93a2.928 2.928 0 0 0-1.75-1.13c-.178-1.577-1.452-2.741-2.859-2.762-1.123-.017-2.192.697-2.695 1.804a2.89 2.89 0 0 0-1.362.553 2.887 2.887 0 0 0-.878 1.082c-1.165-.155-1.991.455-2.353 1.182a1.705 1.705 0 0 0-1.207.13c-.49.259-.873.79-.873 1.414-.001.709.491 1.289 1.08 1.51.73.274 1.378-.09 1.468-.143.169.144.792.638 1.717.639a2.667 2.667 0 0 0 1.473-.45 3.9 3.9 0 0 0 2.195.368 3.861 3.861 0 0 0 1.665-.63 3.48 3.48 0 0 0 2.071.63 3.42 3.42 0 0 0 1.597-.449c.123.057.826.374 1.582.056z"/>
</svg>

Cold wave #

和风天气图标代码: 1005

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1005" viewBox="0 0 16 16">
  <path d="M4.419 5.109c.971 0 2.115-.167 3.418-.631 4.59-1.634 6.684-.039 6.766.025a.699.699 0 1 0 .892-1.078c-.109-.091-2.728-2.186-8.127-.266-3.798 1.352-5.857-.191-5.946-.26a.7.7 0 0 0-.87 1.096c.078.063 1.431 1.114 3.867 1.114zm2.95 2.197c-3.798 1.351-5.857-.19-5.946-.26a.7.7 0 0 0-.871 1.096c.078.063 1.431 1.114 3.867 1.114.971 0 2.115-.167 3.418-.631 4.59-1.634 6.684-.039 6.766.025a.699.699 0 1 0 .892-1.078c-.108-.09-2.726-2.185-8.126-.266zm-.879 4.136c-3.223 1.106-4.975-.246-5.057-.312a.7.7 0 0 0-.892 1.079c.07.059 1.313 1.065 3.544 1.065.822 0 1.778-.137 2.858-.508a.7.7 0 0 0-.453-1.324zm8.035-.073h-1.26l.63-1.091a.702.702 0 0 0-.256-.957.704.704 0 0 0-.957.256l-.63 1.091-.63-1.091a.702.702 0 0 0-1.213.701l.63 1.091H9.58a.7.7 0 1 0 0 1.4h1.26l-.63 1.091a.702.702 0 0 0 .606 1.051.7.7 0 0 0 .607-.35l.63-1.091.63 1.091a.7.7 0 0 0 .957.256.702.702 0 0 0 .256-.957l-.63-1.091h1.26a.7.7 0 1 0-.001-1.4z"/>
</svg>

Gale #

和风天气图标代码: 1006

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1006" viewBox="0 0 16 16">
  <path d="M14.57 3.689s-6.977-2.06-9.323-2.672a.695.695 0 0 0-.836.497L1.028 14.121a.708.708 0 0 0 .476.847.71.71 0 0 0 .876-.485l1.462-5.45 10.829-4.214a.608.608 0 0 0-.101-1.13z"/>
</svg>

Sandstorm warning #

和风天气图标代码: 1007

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1007" viewBox="0 0 16 16">
  <path d="m14.957 7.85-1.464-1.449c-.123-.122-.333-.036-.333.136v.881h-2.883a9.575 9.575 0 0 1-2.551-.64C6.57 6.315 4.87 5.631 5.145 4.355c.279-1.298 2.246-1.793 3.519-1.331.937.328 1.129 1.074 1.274 1.486.09.254.276.366.455.366h1.386c.267 0 .509-.253.452-.517-.128-.593-.48-1.588-1.438-2.361-1.231-.995-3.955-1.46-6.033-.103-.351.23-.82.641-1.213 1.305-1.252 2.118.644 4.063.76 4.219H1.716a.698.698 0 0 0-.701.695c0 .384.314.695.701.695 0 0 4.583-.185 6.096 0 .768.093 1.422.368 1.838.652 1.243.848 1.973 3.31-.587 3.72-.666.107-1.235.043-1.718-.121-1.205-.412-2.131-1.879-2.265-2.18-.017-.038-.075-.18-.218-.262-.122-.07-.247-.064-.301-.062-.258.011-.684.012-1.241.012a.415.415 0 0 0-.393.543c.285.892 1.174 2.571 2.869 3.421 1.8.902 4.336.625 5.799-.782a3.861 3.861 0 0 0 1.087-1.808c.048-.184.338-1.36-.248-2.583a3.664 3.664 0 0 0-.327-.551h1.053v.628c0 .172.211.259.334.137l1.464-1.449a.194.194 0 0 0-.001-.274z"/>
</svg>

Low temperature freeze #

和风天气图标代码: 1008

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-low-temperature-freeze"></i>
<i class="qi-1008"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1008" viewBox="0 0 16 16">
  <path d="M14.292 9.297a.7.7 0 0 0-.7.7v3.155H2.398v-3.087c0-.384-.316-.7-.7-.7s-.7.316-.7.7v3.787a.7.7 0 0 0 .7.7h12.594a.7.7 0 0 0 .7-.7V9.997a.7.7 0 0 0-.7-.7z"/>
  <path d="M3.807 7.043h2.981l-1.49 2.582a.701.701 0 0 0 1.213.701L8 7.744l1.49 2.581a.7.7 0 0 0 .956.256.701.701 0 0 0 .257-.957l-1.49-2.582h2.981a.7.7 0 1 0 0-1.4h-2.98l1.49-2.581a.701.701 0 0 0-1.214-.7L8 4.943 6.51 2.361a.701.701 0 0 0-1.213.701l1.49 2.581h-2.98a.7.7 0 1 0 0 1.4z"/>
</svg>

High temperature #

和风天气图标代码: 1009

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1009" viewBox="0 0 16 16">
  <path d="M6.065 4.663H4.576v-1.49a.7.7 0 1 0-1.4 0v1.49H1.687a.7.7 0 1 0 0 1.4h1.489v1.489a.7.7 0 1 0 1.4 0V6.064h1.489a.7.7 0 1 0 0-1.401zm7.68 3.364V3.749c0-1.626-1.323-2.95-2.95-2.95s-2.95 1.324-2.95 2.95v4.278a4.178 4.178 0 0 0-1.25 2.968c0 2.316 1.885 4.2 4.2 4.2s4.2-1.884 4.2-4.2a4.176 4.176 0 0 0-1.25-2.968zm-2.95 5.768a2.803 2.803 0 0 1-2.8-2.8 2.79 2.79 0 0 1 1.002-2.126.701.701 0 0 0 .248-.534V3.749c0-.854.695-1.55 1.55-1.55s1.55.695 1.55 1.55v4.586a.7.7 0 0 0 .248.534 2.788 2.788 0 0 1 1.002 2.126c0 1.544-1.256 2.8-2.8 2.8z"/>
  <path d="M11.245 9.403V5.275a.5.5 0 0 0-1 0v4.141a1.754 1.754 0 0 0 .522 3.431 1.76 1.76 0 0 0 1.759-1.759c0-.805-.543-1.476-1.281-1.685z"/>
</svg>

Heat wave #

和风天气图标代码: 1010

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1010" viewBox="0 0 16 16">
  <path d="M8.389 6.411a.674.674 0 0 0-.264 1.319c.113.022.755.144 1.512.144.531 0 1.118-.06 1.62-.255 1.61-.63 2.663.011 2.7.034a.673.673 0 0 0 .741-1.121c-.067-.045-1.644-1.059-3.93-.166-.722.281-1.962.128-2.379.045zm6.309 2.903c-.067-.044-1.644-1.06-3.93-.166-.723.281-1.962.127-2.38.045a.673.673 0 0 0-.263 1.318c.113.023.755.144 1.511.144.531 0 1.118-.06 1.62-.255 1.61-.63 2.663.011 2.7.034a.671.671 0 0 0 .742-1.12z"/>
  <path d="M13.736 11.764a.699.699 0 0 0-.273.951.23.23 0 0 1-.004.234c-.033.056-.077.084-.132.084H2.673c-.055 0-.099-.028-.132-.084a.23.23 0 0 1-.005-.231l5.329-9.562c.066-.119.203-.12.27 0l.514.931a.7.7 0 1 0 1.226-.676l-.514-.93c-.281-.51-.79-.815-1.361-.815s-1.08.305-1.359.812l-5.328 9.561a1.642 1.642 0 0 0 .022 1.623c.286.484.786.773 1.338.773h10.654c.552 0 1.052-.289 1.338-.773a1.64 1.64 0 0 0 .022-1.623.7.7 0 0 0-.951-.275z"/>
</svg>

Dry hot air #

和风天气图标代码: 1011

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-dry-hot-air"></i>
<i class="qi-1011"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1011" viewBox="0 0 16 16">
  <path d="M11.11 10.763c-.735-.891-.788-1.919-.705-3.394-2.358.917-1.809 3.561-1.88 4.364-.593-.501-.705-1.697-.705-1.697-.626.332-.94 1.22-.94 1.94 0 1.741 1.403 3.01 3.091 3.01 1.687 0 3.019-1.269 3.019-3.01 0-1.035-.713-1.377-.626-2.932-1.03.303-1.32 1.173-1.254 1.719z"/>
  <path d="M14.57 3.689s-6.977-2.06-9.323-2.672a.695.695 0 0 0-.836.497L1.028 14.12a.708.708 0 0 0 .476.847.71.71 0 0 0 .876-.485l1.462-5.45 10.829-4.214a.607.607 0 0 0-.101-1.129z"/>
</svg>

Downburst #

和风天气图标代码: 1012

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1012" viewBox="0 0 16 16">
  <path d="M11.296 8.089a3.074 3.074 0 0 0 1.436-.404c.11.052.742.336 1.422.05.691-.291 1.073-1.022 1.039-1.686-.045-.872-.807-1.648-1.822-1.737a2.638 2.638 0 0 0-1.573-1.017c-.16-1.419-1.305-2.466-2.57-2.486-1.01-.015-1.97.627-2.422 1.624a2.595 2.595 0 0 0-2.014 1.473c-1.047-.14-1.789.409-2.115 1.063a1.527 1.527 0 0 0-1.084.117c-.44.233-.784.711-.785 1.273-.001.638.441 1.16.97 1.359.656.247 1.238-.081 1.32-.129.152.129.712.574 1.543.575.502.001.895-.161 1.137-.292v2.656c0 1.608-1.31 2.662-2.912 2.547-.573-.041-.98.367-.98.746s.408.736.98.695c2.393-.172 4.351-1.585 4.351-3.987V8.101c.223.019.462.021.721-.012.342-.044.636-.136.881-.238v2.676c0 2.402 1.808 3.862 4.351 3.987.573.028 1.012-.341 1.012-.72 0-.379-.439-.761-1.012-.72-1.602.115-2.912-.939-2.912-2.547V7.924c.293.098.635.176 1.038.165z"/>
</svg>

Avalanche #

和风天气图标代码: 1013

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1013" viewBox="0 0 16 16">
  <path d="M5.534 11.701h-.651l.325-.563a.682.682 0 0 0-1.18-.682l-.325.563-.325-.563a.682.682 0 0 0-1.18.682l.325.563h-.651a.681.681 0 0 0 0 1.362h.651l-.325.564a.685.685 0 0 0 .249.931.685.685 0 0 0 .931-.249l.325-.563.325.563a.684.684 0 0 0 .931.249.684.684 0 0 0 .249-.931l-.325-.564h.651a.681.681 0 0 0 0-1.362zm7.747.405h-.299l.15-.259a.682.682 0 0 0-1.18-.682l-.149.259-.149-.259a.682.682 0 0 0-1.18.682l.15.259h-.299a.681.681 0 0 0 0 1.362h.299l-.15.259a.685.685 0 0 0 .249.931.685.685 0 0 0 .931-.249l.149-.259.149.259a.684.684 0 0 0 .931.249.684.684 0 0 0 .249-.931l-.15-.259h.299a.681.681 0 0 0 0-1.362zm1.216-6.041h-.419l.21-.363a.682.682 0 0 0-1.18-.682l-.209.363-.211-.363a.682.682 0 0 0-1.18.682l.21.363h-.419a.681.681 0 0 0 0 1.362h.419l-.21.363a.685.685 0 0 0 .249.931.685.685 0 0 0 .931-.249l.209-.363.209.363a.684.684 0 0 0 .931.249.684.684 0 0 0 .249-.931l-.209-.363h.419a.681.681 0 0 0 .001-1.362zM1.86 5.287h.563l-.282.487a.683.683 0 0 0 .249.93.683.683 0 0 0 .93-.249l.282-.488.282.488a.683.683 0 0 0 .93.249.683.683 0 0 0 .249-.93l-.28-.487h.563a.681.681 0 0 0 0-1.362h-.563l.281-.487a.68.68 0 0 0-1.179-.683l-.282.488-.282-.488a.681.681 0 0 0-1.179.681l.281.487H1.86a.681.681 0 0 0 0 1.364zm7.766 4.769-.512-.676.841-.105a.682.682 0 0 0-.169-1.353l-.841.105.33-.781a.68.68 0 1 0-1.256-.529l-.329.781-.512-.676a.68.68 0 1 0-1.086.822l.512.676-.842.105a.686.686 0 0 0-.592.761c.046.371.39.638.761.592l.841-.105-.33.781a.685.685 0 0 0 .363.892.685.685 0 0 0 .892-.363l.33-.781.512.676a.684.684 0 0 0 .954.132.683.683 0 0 0 .133-.954zM7.472 4.098c.16 0 .391-.035.493-.056l-.16.377a.7.7 0 0 0-.003.522.702.702 0 0 0 .367.371c.249.104.54.048.717-.116a.751.751 0 0 0 .175-.247l.16-.378.248.327a.684.684 0 0 0 .954.132.684.684 0 0 0 .132-.954l-.247-.327.407-.051a.683.683 0 0 0-.169-1.353l-.407.051.16-.378a.68.68 0 1 0-1.257-.529l-.16.378-.247-.327a.68.68 0 1 0-1.087.821l.248.327-.407.052a.682.682 0 0 0 .083 1.358z"/>
</svg>

Lightning #

和风天气图标代码: 1014

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1014" viewBox="0 0 16 16">
  <path d="M6.932.993h5.411c.264 0 .423.292.279.514L9.643 5.118a.155.155 0 0 0 .13.24h3.134c.417 0 .632.498.346.802L3.99 16.001 6.196 8.42a.156.156 0 0 0-.149-.199H2.844a.475.475 0 0 1-.416-.706l4.007-6.23c.1-.18.29-.292.497-.292z"/>
</svg>

Hail #

和风天气图标代码: 1015

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1015" viewBox="0 0 16 16">
  <path d="m1.19 11.716 1.338 2.816 1.391-2.816-1.391-1.498zm3.666 0 1.338 2.816 1.391-2.816-1.391-1.498zm3.666 0 1.337 2.816 1.392-2.816-1.392-1.498zm3.666 0 1.337 2.816 1.392-2.816-1.392-1.498zm1.787-6.67a2.933 2.933 0 0 0-1.75-1.13c-.178-1.577-1.452-2.741-2.859-2.762-1.123-.017-2.192.696-2.695 1.804a2.89 2.89 0 0 0-1.362.553 2.887 2.887 0 0 0-.878 1.082c-1.165-.155-1.991.454-2.353 1.181a1.713 1.713 0 0 0-1.207.131c-.49.259-.873.79-.873 1.414-.001.709.491 1.289 1.08 1.51.73.274 1.378-.09 1.468-.143.169.144.792.638 1.717.639a2.667 2.667 0 0 0 1.473-.45 3.9 3.9 0 0 0 2.195.368 3.865 3.865 0 0 0 1.665-.631 3.48 3.48 0 0 0 2.071.63 3.42 3.42 0 0 0 1.597-.449c.122.057.826.374 1.582.056.768-.323 1.194-1.135 1.156-1.874-.05-.968-.898-1.83-2.027-1.929z"/>
</svg>

Frost #

和风天气图标代码: 1016

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1016" viewBox="0 0 16 16">
  <path d="M14.297 2.05a.7.7 0 0 0-.7.702v10.596H2.403V2.752a.704.704 0 0 0-.7-.702c-.384 0-.7.317-.7.702V14.05a.7.7 0 0 0 .7.702h12.594a.7.7 0 0 0 .7-.702V2.752a.7.7 0 0 0-.7-.702z"/>
  <path d="M4.133 8.073h2.648l-1.324 2.293a.701.701 0 0 0 1.213.701l1.324-2.293 1.324 2.293a.7.7 0 0 0 .956.256.701.701 0 0 0 .257-.957L9.206 8.073h2.648a.7.7 0 1 0 0-1.4H9.207l1.324-2.293a.701.701 0 0 0-1.214-.701L7.994 5.972 6.67 3.679a.701.701 0 0 0-1.213.701l1.324 2.293H4.133a.7.7 0 1 0 0 1.4z"/>
</svg>

Heavy fog warning #

和风天气图标代码: 1017

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-heavy-fog-warning"></i>
<i class="qi-1017"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1017" viewBox="0 0 16 16">
  <path d="M.694 4.759h14.601a.7.7 0 1 0 0-1.4H.694a.7.7 0 1 0 0 1.4zM15.295 7.16H.694a.7.7 0 1 0 0 1.4h14.601a.7.7 0 1 0 0-1.4zm0 3.801H.694a.7.7 0 1 0 0 1.4h14.601a.7.7 0 1 0 0-1.4z"/>
</svg>

Low level wind shearl #

和风天气图标代码: 1018

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-low-level-wind-shearl"></i>
<i class="qi-1018"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1018" viewBox="0 0 16 16">
  <circle cx="7.86" cy="9.64" r="2.807"/>
  <path d="M7.86 5.676c.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.765 8.765 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.013 9.013 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 #

和风天气图标代码: 1019

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1019" viewBox="0 0 16 16">
  <path d="M15.513 6.16c-.115-.198-.721-1.202-1.963-1.611 0 0-.507-.172-1.08-.172-1.56 0-3.659 1.565-4.47 2.673-.248-.287-2.378-2.687-4.47-2.673-.561.004-1.06.165-1.06.165C1.219 4.947.609 5.949.487 6.16a3.715 3.715 0 0 0 0 3.68c.115.199.72 1.199 1.959 1.61 0 0 .509.173 1.085.173 1.541 0 3.646-1.578 4.47-2.694.825 1.116 2.931 2.694 4.471 2.694.597 0 1.121-.185 1.121-.185 1.208-.415 1.8-1.388 1.922-1.598.122-.215.485-.893.485-1.84 0-.948-.363-1.627-.487-1.84z"/>
</svg>

Thunder gust #

和风天气图标代码: 1020

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1020" viewBox="0 0 16 16">
  <path d="M11.863 10.27h-1.431a.071.071 0 0 1-.06-.109l1.36-2.103a.152.152 0 0 0-.128-.235H9.157a.297.297 0 0 0-.261.154l-1.819 3.278a.217.217 0 0 0 .19.323H8.73c.047 0 .081.045.068.091L7.79 15.13l4.231-4.495a.216.216 0 0 0-.158-.365z"/>
  <path d="M14.57 3.689s-6.977-2.06-9.323-2.672a.695.695 0 0 0-.836.497L1.028 14.12a.708.708 0 0 0 .476.847.71.71 0 0 0 .876-.485l1.462-5.45 10.829-4.214a.607.607 0 0 0-.101-1.129z"/>
</svg>

Road icing #

和风天气图标代码: 1021

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1021" viewBox="0 0 16 16">
  <path d="m8.608 12.47 6.353-1.631-3.664-.783 1.619-2.578a.792.792 0 0 0 .122-.444l-.088-3.132a.79.79 0 0 0-.371-.649L8.506.691A.794.794 0 0 0 7.76.638L4.898 1.916a.802.802 0 0 0-.347.3L2.649 5.215a.793.793 0 1 0 1.342.847l.12-.19 5.692 3.58-.143.254-5.885-1.257 2.459 2.078L0 12.189l9.089 3.481L16 14.371 8.608 12.47zM5.76 5.475a.779.779 0 1 1 .043-1.557.779.779 0 0 1-.043 1.557zm3.576 1.942a.779.779 0 1 1 1.557.043.779.779 0 0 1-1.557-.043z"/>
</svg>

Drought #

和风天气图标代码: 1022

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1022" viewBox="0 0 16 16">
  <path d="M14.165 13.399h-.551l-1.47-3.375 2.224-2.982a.807.807 0 0 0 .029-.921l-2.202-4.429a.792.792 0 0 0-1.101-.229.805.805 0 0 0-.228 1.109l1.895 3.958-2.167 2.906a.805.805 0 0 0-.092.803l1.376 3.16H9.286l-1.47-3.375 2.224-2.982a.807.807 0 0 0 .029-.921L7.867 1.692a.792.792 0 0 0-1.101-.229.805.805 0 0 0-.228 1.109L8.433 6.53 6.266 9.436a.805.805 0 0 0-.092.803l1.376 3.16H5.176l-1.47-3.375L5.93 7.042a.807.807 0 0 0 .029-.921L3.757 1.692c-.24-.369-.734-.472-1.101-.229s-.469.74-.228 1.109L4.324 6.53 2.156 9.436a.805.805 0 0 0-.092.803l1.376 3.16H1.829a.798.798 0 0 0-.795.801c.001.442.356.8.795.8h12.336a.798.798 0 0 0 .795-.801c0-.442-.355-.8-.795-.8z"/>
</svg>

Gale at sea #

和风天气图标代码: 1023

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-gale-at-sea"></i>
<i class="qi-1023"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1023" viewBox="0 0 16 16">
  <path d="M14.649 9.861c-.089-.052-2.212-1.265-5.34-.185-1.339.465-3.578.077-3.601.072a.7.7 0 0 0-.245 1.378c.064.012 1.003.175 2.108.175.727 0 1.526-.071 2.195-.302 2.487-.861 4.11.033 4.174.07a.702.702 0 0 0 .958-.25.698.698 0 0 0-.249-.958zm0 2.663c-.089-.052-2.212-1.265-5.34-.185-1.339.463-3.578.076-3.601.072a.7.7 0 0 0-.245 1.378c.064.012 1.002.175 2.107.175.727 0 1.527-.071 2.196-.302 2.487-.86 4.11.033 4.174.07a.703.703 0 0 0 .958-.25.698.698 0 0 0-.249-.958z"/>
  <path d="M14.57 3.689s-6.977-2.06-9.323-2.672a.695.695 0 0 0-.836.497L1.028 14.12a.708.708 0 0 0 .476.847.71.71 0 0 0 .876-.485l1.462-5.45 10.829-4.214a.607.607 0 0 0-.101-1.129z"/>
</svg>

Heat stroke #

和风天气图标代码: 1024

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1024" viewBox="0 0 16 16">
  <path d="M11.245 8.952V5.076a.5.5 0 0 0-1 0v3.89a1.995 1.995 0 0 0 .522 3.922 1.997 1.997 0 0 0 .478-3.936z"/>
  <path d="M13.937 7.825V3.823C13.922 2.142 12.543.779 10.899.779c-1.684 0-3.083 1.43-3.038 3.153a3.204 3.204 0 0 0-1.48-.176 3.291 3.291 0 0 0-2.844 3.683 3.284 3.284 0 0 0 3.097 2.866c-.027.193-.059.385-.059.583a4.335 4.335 0 0 0 4.325 4.334 4.335 4.335 0 0 0 4.325-4.334c0-1.15-.466-2.248-1.288-3.063zm-3.038 5.952a2.89 2.89 0 0 1-2.883-2.889c0-.837.376-1.637 1.032-2.194a.724.724 0 0 0 .256-.551v-4.32A1.6 1.6 0 0 1 10.9 2.224a1.6 1.6 0 0 1 1.596 1.599v4.319c0 .213.094.414.255.551a2.88 2.88 0 0 1 1.032 2.194 2.89 2.89 0 0 1-2.884 2.89z"/>
  <path d="M6.227 3.136a.658.658 0 0 0 .651-.74l-.136-1.077A.669.669 0 0 0 6.008.75a.658.658 0 0 0-.568.734l.137 1.077a.658.658 0 0 0 .65.575zM2.893 4.669a.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.665zM2.97 7.31a.664.664 0 0 0-.732-.569l-1.077.137a.657.657 0 0 0 .166 1.304l1.075-.138a.658.658 0 0 0 .568-.734zm.37 2.84-.664.859a.66.66 0 0 0 .117.922.65.65 0 0 0 .92-.118l.664-.859a.657.657 0 1 0-1.037-.804z"/>
</svg>

Wildfire #

和风天气图标代码: 1025

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1025" viewBox="0 0 16 16">
  <path d="M10.491 9.369C8.9 9.022 7.742 7.659 7.742 5.976c0-1.682 1.473-2.579 1.473-2.579L7.249.76a.298.298 0 0 0-.464 0L4.286 4.11c-.125.167.008.391.232.391h1.151L3.065 7.994c-.179.24.012.563.334.563h.718l-2.75 3.54c-.256.33.018.774.478.774h4.409v1.757a.736.736 0 1 0 1.47 0v-1.757h4.409c.46 0 .734-.444.478-.774l-2.12-2.728z"/>
  <path d="M14.243 3.147c-.925.272-1.185 1.055-1.126 1.546-.66-.801-.708-1.725-.633-3.051-2.117.824-1.624 3.201-1.688 3.923-.532-.45-.633-1.525-.633-1.525-.561.297-.843 1.095-.843 1.742 0 1.565 1.26 2.705 2.775 2.705s2.711-1.141 2.711-2.705c-.001-.93-.641-1.237-.563-2.635z"/>
</svg>

Grassland fire #

和风天气图标代码: 1026

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1026" viewBox="0 0 16 16">
  <path d="M12.981 9.862c-.834 0-1.348-.109-2.007-.469-.654 1.09-1.218 2.437-1.394 3.678a21.805 21.805 0 0 0-.812-5.437c-.686-2.458-2.405-4.851-5.651-6.559 1.517 2.211 2.092 4.531 2.41 6.967.263 2.015.228 4.263-.219 5.856a7.76 7.76 0 0 0-.812-3.186c-.679-1.367-1.775-2.644-3.412-3.64.742 1.675 1.209 3.13 1.402 4.369.172 1.112.079 2.125-.278 3.04H9.46v.002h4.769c-.956-1.821-.021-4.675.007-4.81a4.649 4.649 0 0 1-1.255.189z"/>
  <path d="M15.038 3.967c-.872.156-1.188.845-1.183 1.299-.522-.798-.473-1.646-.272-2.849-2.015.541-1.804 2.76-1.934 3.413-.441-.464-.425-1.456-.425-1.456-.543.216-.88.917-.945 1.508-.157 1.429.879 2.597 2.263 2.749 1.383.152 2.589-.77 2.746-2.199.092-.851-.461-1.196-.25-2.465z"/>
</svg>

Freeze #

和风天气图标代码: 1027

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1027" viewBox="0 0 16 16">
  <path d="M6.998 4.863a.701.701 0 0 0-1.213.701L6.787 7.3H4.782a.7.7 0 1 0 0 1.4h2.005l-1.002 1.736a.701.701 0 0 0 1.213.701L8 9.401l1.002 1.736a.7.7 0 0 0 .956.256.701.701 0 0 0 .257-.957L9.213 8.7h2.005a.7.7 0 1 0 0-1.4H9.213l1.002-1.736a.701.701 0 0 0-1.213-.701L8 6.599 6.998 4.863z"/>
  <path d="M14.649 3.743 8.35.095a.693.693 0 0 0-.701 0L1.351 3.743A.705.705 0 0 0 1 4.352v7.296c0 .251.134.483.351.609l6.298 3.648a.688.688 0 0 0 .701 0l6.298-3.648a.703.703 0 0 0 .352-.609V4.352a.705.705 0 0 0-.351-.609zm-1.052 7.499L8 14.484l-5.597-3.242V4.759L8 1.516l5.597 3.242v6.484z"/>
</svg>

Space weather #

和风天气图标代码: 1028

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1028" viewBox="0 0 16 16">
  <path d="M14.796 4.463c.28-.34.455-.77.455-1.244a1.97 1.97 0 0 0-3.078-1.626A6.848 6.848 0 0 0 8.61.592a6.89 6.89 0 0 0-6.891 6.891c0 .823.152 1.609.417 2.341A2.943 2.943 0 0 0 .5 12.454a2.953 2.953 0 0 0 2.953 2.953 2.939 2.939 0 0 0 2.576-1.537 6.87 6.87 0 0 0 2.579.504 6.89 6.89 0 0 0 6.891-6.891 6.847 6.847 0 0 0-.703-3.02zM3.453 14.029a1.577 1.577 0 0 1-1.575-1.575c0-.869.707-1.575 1.575-1.575s1.575.707 1.575 1.575c0 .869-.706 1.575-1.575 1.575zM2.73 9.6l.047-.014-.047.014zm5.879 3.397a5.472 5.472 0 0 1-2.21-.466v.001c.001-.026.008-.051.008-.077a2.952 2.952 0 0 0-2.922-2.95 5.473 5.473 0 0 1-.389-2.02 5.52 5.52 0 0 1 5.513-5.513c1.012 0 1.957.279 2.773.756-.041.158-.07.321-.07.492 0 1.087.881 1.969 1.969 1.969.109 0 .214-.015.318-.032.332.708.523 1.495.523 2.328a5.52 5.52 0 0 1-5.513 5.512zm-2.328.264.014-.045-.014.045z"/>
  <path d="M8.57 4.685a2.688 2.688 0 1 0 0 5.376 2.688 2.688 0 0 0 0-5.376z"/>
</svg>

Heavy air pollution #

和风天气图标代码: 1029

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-heavy-air-pollution"></i>
<i class="qi-1029"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1029" viewBox="0 0 16 16">
  <path d="M3.038 10.942h.152l.046.145c.032.106.076.2.111.302l1.385.495-.165-2.127-2.512-1.405c-.038.169-.069.35-.069.54 0 1.135.473 2.05 1.052 2.05zM4.657 9.12a.967.967 0 0 1 .758-.433c.87-.065 2.156-.154 2.726-.153.544.001 1.763.087 2.602.151a.972.972 0 0 1 .751.423l2.61-1.461c.053-.317.09-.639.09-.971a6.115 6.115 0 0 0-12.229 0c0 .339.039.667.094.991L4.657 9.12zm6.4 3.523a1.046 1.046 0 0 1-.487.183c-.857.083-1.936.197-2.503.197-.561 0-1.627-.113-2.478-.196a1.048 1.048 0 0 1-.45-.16l-1.506-.539c.933 2.04 2.593 3.311 4.443 3.311 1.854 0 3.517-1.275 4.448-3.321l-1.467.525zm.537-2.903-.165 2.134 1.38-.493c.034-.099.077-.191.108-.293l.046-.145h.152c.579 0 1.059-.922 1.059-2.043 0-.199-.034-.387-.075-.562L11.594 9.74z"/>
</svg>

Low temperature rain and snow #

和风天气图标代码: 1030

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-low-temperature-rain-and-snow"></i>
<i class="qi-1030"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1030" viewBox="0 0 16 16">
  <path d="M14.649 3.743 8.35.095a.693.693 0 0 0-.701 0L1.351 3.743A.705.705 0 0 0 1 4.352v7.296c0 .251.134.483.351.609l6.298 3.648a.688.688 0 0 0 .701 0l6.298-3.648a.703.703 0 0 0 .352-.609V4.352a.705.705 0 0 0-.351-.609zm-1.052 7.499L8 14.484l-5.597-3.242V4.759L8 1.516l5.597 3.242v6.484z"/>
  <path d="M7.772 5.29a.704.704 0 0 0-.956.256L6.208 6.6 5.6 5.546a.704.704 0 0 0-.956-.256.703.703 0 0 0-.257.956L4.995 7.3H3.778a.7.7 0 1 0 0 1.4h1.217l-.608 1.054a.704.704 0 0 0 .257.957.704.704 0 0 0 .956-.256L6.208 9.4l.608 1.054a.704.704 0 0 0 .956.256.704.704 0 0 0 .257-.957L7.421 8.7h1.216a.7.7 0 1 0 0-1.4H7.421l.608-1.054a.703.703 0 0 0-.257-.956zm2.615 2.221a.7.7 0 0 0 .849-.509l.221-.881a.7.7 0 1 0-1.358-.34l-.221.881a.7.7 0 0 0 .509.849zm1.46 1.796a.7.7 0 0 0 .848-.51l.22-.881a.7.7 0 1 0-1.358-.339l-.22.881a.7.7 0 0 0 .51.849zM9.912 11.22a.7.7 0 0 0 .849-.509l.221-.881a.7.7 0 1 0-1.358-.34l-.221.881a.7.7 0 0 0 .509.849z"/>
</svg>

Strong convection #

和风天气图标代码: 1031

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1031" viewBox="0 0 16 16">
  <path d="M1.983 8.635 5.408 6.47a.287.287 0 0 0-.068-.516l-1.849-.578a5.18 5.18 0 0 1 .806-1.079 5.244 5.244 0 0 1 1.665-1.123 5.288 5.288 0 0 1 4.077 0 5.211 5.211 0 0 1 1.665 1.123 5.233 5.233 0 0 1 1.123 1.665.7.7 0 0 0 1.289-.545 6.6 6.6 0 0 0-1.422-2.11 6.623 6.623 0 0 0-2.11-1.422 6.688 6.688 0 0 0-5.168 0 6.606 6.606 0 0 0-2.11 1.422c-.484.484-.859 1.046-1.17 1.645L.4 4.409a.287.287 0 0 0-.351.382l1.515 3.71a.288.288 0 0 0 .419.134zm13.995 2.398-1.515-3.71a.286.286 0 0 0-.418-.134L10.62 9.354a.287.287 0 0 0 .068.516l1.907.597a5.228 5.228 0 0 1-.891 1.238 5.211 5.211 0 0 1-1.665 1.123 5.288 5.288 0 0 1-4.077 0 5.233 5.233 0 0 1-1.665-1.123 5.232 5.232 0 0 1-1.123-1.666.7.7 0 0 0-1.289.545c.333.79.812 1.5 1.422 2.11A6.617 6.617 0 0 0 8 14.638a6.603 6.603 0 0 0 4.693-1.944 6.617 6.617 0 0 0 1.256-1.804l1.678.525a.287.287 0 0 0 .351-.382z"/>
</svg>

Ozone #

和风天气图标代码: 1032

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1032" viewBox="0 0 16 16">
  <path d="M6.268 1.046c-2.901 0-5.257 2.518-5.257 5.661 0 3.142 2.356 5.621 5.257 5.621s5.266-2.478 5.266-5.621c0-3.142-2.365-5.661-5.266-5.661zm0 9.847c-2.11 0-3.821-1.834-3.821-4.185 0-2.352 1.712-4.226 3.821-4.226s3.83 1.874 3.83 4.226c.001 2.351-1.72 4.185-3.83 4.185zm8.045 1.021c.594-.445.719-1.25.499-1.842a1.642 1.642 0 0 0-1.602-1.031 1.726 1.726 0 0 0-1.423.901 1.653 1.653 0 0 0-.186.644h.838c.01-.038.128-.499.568-.643a.828.828 0 0 1 .676.044.778.778 0 0 1 .403.759c-.038.432-.646.852-1.534.808v.743c.93-.089 1.59.439 1.614.927.019.389-.359.922-.887.926-.379.003-.736-.263-.871-.662h-.838c.015.127.094.698.597 1.117.438.364.92.382 1.059.385.144.003.768 0 1.268-.494.078-.077.532-.554.509-1.296-.026-.83-.612-1.228-.69-1.286z"/>
</svg>

Heavy snow warning #

和风天气图标代码: 1033

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-heavy-snow-warning"></i>
<i class="qi-1033"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1033" viewBox="0 0 16 16">
  <path d="M3.439 11.904H3.19l.125-.216a.5.5 0 0 0-.866-.5l-.125.216-.124-.216a.5.5 0 0 0-.866.5l.125.216h-.25a.5.5 0 0 0 0 1h.249l-.125.216a.5.5 0 1 0 .867.5l.125-.216.125.216a.5.5 0 1 0 .867-.5l-.127-.216h.249a.5.5 0 0 0 0-1zm5.676 0h-.249l.125-.216a.5.5 0 0 0-.866-.5L8 11.404l-.125-.216a.5.5 0 1 0-.866.5l.125.216h-.249a.5.5 0 0 0 0 1h.249l-.125.216a.5.5 0 1 0 .867.5L8 13.404l.125.216a.5.5 0 1 0 .867-.5l-.125-.216h.249a.5.5 0 1 0-.001-1zm5.676 0h-.249l.125-.216a.5.5 0 0 0-.866-.5l-.125.216-.125-.216a.5.5 0 1 0-.866.5l.125.216h-.249a.5.5 0 0 0 0 1h.249l-.125.216a.5.5 0 1 0 .867.5l.125-.216.123.216a.5.5 0 1 0 .867-.5l-.125-.216h.249a.5.5 0 0 0 0-1zm-.816-6.758a2.928 2.928 0 0 0-1.75-1.13c-.178-1.577-1.452-2.741-2.859-2.762-1.123-.017-2.192.697-2.695 1.804a2.89 2.89 0 0 0-1.362.553 2.887 2.887 0 0 0-.878 1.082c-1.165-.155-1.991.455-2.353 1.182a1.705 1.705 0 0 0-1.207.13c-.49.259-.873.79-.873 1.414-.001.709.491 1.289 1.08 1.51.73.274 1.378-.09 1.468-.143.169.144.792.638 1.717.639a2.667 2.667 0 0 0 1.473-.45 3.9 3.9 0 0 0 2.195.368 3.861 3.861 0 0 0 1.665-.63 3.48 3.48 0 0 0 2.071.63 3.42 3.42 0 0 0 1.597-.449c.122.057.826.374 1.582.056.768-.323 1.194-1.135 1.156-1.874-.05-.969-.898-1.831-2.027-1.93z"/>
</svg>

Cold warning #

和风天气图标代码: 1034

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1034" viewBox="0 0 16 16">
  <path d="M13.745 7.927V3.649c0-1.626-1.323-2.95-2.95-2.95s-2.95 1.324-2.95 2.95v4.278a4.178 4.178 0 0 0-1.25 2.968c0 2.316 1.885 4.2 4.2 4.2s4.2-1.884 4.2-4.2a4.176 4.176 0 0 0-1.25-2.968zm-2.95 5.768a2.803 2.803 0 0 1-2.8-2.8 2.79 2.79 0 0 1 1.002-2.126.701.701 0 0 0 .248-.534V3.649c0-.854.695-1.55 1.55-1.55s1.55.695 1.55 1.55v4.586a.7.7 0 0 0 .248.534 2.788 2.788 0 0 1 1.002 2.126c0 1.544-1.256 2.8-2.8 2.8zM7.22 5.327a.7.7 0 0 0-.7-.7H5.322l.599-1.038a.702.702 0 0 0-.256-.957.703.703 0 0 0-.957.257l-.599 1.037-.599-1.037a.702.702 0 0 0-.957-.257.702.702 0 0 0-.256.957l.599 1.038H1.698a.7.7 0 1 0 0 1.4h1.198l-.599 1.038a.7.7 0 0 0 1.213.7l.599-1.038.599 1.038a.7.7 0 1 0 1.213-.7l-.599-1.038H6.52a.7.7 0 0 0 .7-.7z"/>
  <path d="M11.245 9.303V7.175a.5.5 0 0 0-1 0v2.141a1.755 1.755 0 0 0 .522 3.431 1.754 1.754 0 0 0 .478-3.444z"/>
</svg>

Continuous rain #

和风天气图标代码: 1035

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1035" viewBox="0 0 16 16">
  <path d="M13.975 5.113a2.933 2.933 0 0 0-1.75-1.13c-.178-1.577-1.452-2.741-2.859-2.762-1.123-.018-2.192.696-2.695 1.804a2.89 2.89 0 0 0-1.362.553 2.887 2.887 0 0 0-.878 1.082c-1.165-.156-1.991.454-2.353 1.181a1.707 1.707 0 0 0-1.207.131c-.49.259-.873.79-.873 1.414-.001.709.491 1.289 1.08 1.51.73.274 1.378-.09 1.468-.143.169.144.792.638 1.717.639a2.667 2.667 0 0 0 1.473-.45 3.9 3.9 0 0 0 2.195.368 3.891 3.891 0 0 0 1.665-.631 3.48 3.48 0 0 0 2.071.63 3.42 3.42 0 0 0 1.597-.449c.122.057.826.374 1.582.056.768-.323 1.194-1.135 1.156-1.874-.05-.968-.898-1.831-2.027-1.929zm-8.359 5.282a.699.699 0 0 0-.937.319l-1.321 2.683a.7.7 0 1 0 1.256.618l1.321-2.683a.7.7 0 0 0-.319-.937zm-2.901.001a.7.7 0 0 0-.938.314l-.723 1.452a.699.699 0 1 0 1.253.624l.723-1.452a.7.7 0 0 0-.315-.938zm8.764-.001a.698.698 0 0 0-.937.319L9.22 13.397a.7.7 0 1 0 1.256.618l1.321-2.683a.7.7 0 0 0-.318-.937zm-2.901.001a.7.7 0 0 0-.938.314l-.723 1.452a.699.699 0 1 0 1.253.624l.723-1.452a.7.7 0 0 0-.315-.938zm5.862 0a.7.7 0 0 0-.938.314l-.723 1.452a.699.699 0 1 0 1.253.624l.723-1.452a.7.7 0 0 0-.315-.938z"/>
</svg>

Waterlogging #

和风天气图标代码: 1036

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1036" viewBox="0 0 16 16">
  <path d="M13.005 9.125c.089.007.177.01.264.01 1.236 0 2.209-.665 2.253-.695a.699.699 0 0 0 .176-.97.703.703 0 0 0-.972-.182c-.007.005-.769.506-1.611.441-.546-.043-.75-.105-1.008-.185a7.812 7.812 0 0 0-.33-.093V5.824c.279.084.59.168 1.229.218.089.007.177.01.264.01 1.236 0 2.209-.665 2.253-.695a.699.699 0 0 0 .176-.97.703.703 0 0 0-.972-.182c-.007.005-.769.505-1.611.441-.546-.043-.76-.109-1.008-.185a8.24 8.24 0 0 0-.368-.103C11.547 2.455 9.954.958 8 .958c-1.759 0-3.228 1.214-3.646 2.844-.183-.037-.363-.075-.578-.107-1.882-.283-3.135.535-3.188.571a.696.696 0 0 0-.195.963c.21.322.642.414.966.206.035-.023.888-.556 2.208-.355.243.036.456.078.657.122v1.659c-.147-.029-.282-.059-.448-.084-1.882-.281-3.135.536-3.188.571a.696.696 0 0 0-.195.963c.21.322.642.414.966.206.035-.022.889-.557 2.209-.354.242.036.455.078.656.121v1.659c-.147-.028-.282-.058-.448-.083-1.883-.283-3.136.536-3.188.571a.696.696 0 0 0-.195.963c.21.322.642.413.966.206.035-.023.889-.557 2.209-.354.246.037.462.08.667.124A3.774 3.774 0 0 0 8 15.042a3.778 3.778 0 0 0 3.705-3.073c.297.091.608.185 1.3.239.089.007.177.01.264.01 1.236 0 2.209-.665 2.253-.695a.699.699 0 0 0 .176-.97.703.703 0 0 0-.972-.182c-.007.005-.769.508-1.611.441-.546-.043-.75-.105-1.008-.185a7.812 7.812 0 0 0-.33-.093V8.907c.277.084.589.168 1.228.218zm-3.229 2.141c0 .979-.797 1.776-1.776 1.776a1.772 1.772 0 0 1-1.688-1.251 6.437 6.437 0 0 0 .95.012.7.7 0 0 0 .659-.738.696.696 0 0 0-.739-.659 5.08 5.08 0 0 1-.958-.034V8.698a6.327 6.327 0 0 0 1.038.021.702.702 0 0 0 .659-.739.697.697 0 0 0-.739-.659 4.997 4.997 0 0 1-.958-.033V5.616a6.06 6.06 0 0 0 1.038.021.7.7 0 0 0 .659-.738.698.698 0 0 0-.739-.66 5.034 5.034 0 0 1-.871-.025A1.773 1.773 0 0 1 8 2.958c.979 0 1.776.797 1.776 1.776v6.532z"/>
</svg>

Geological hazard #

和风天气图标代码: 1037

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1037" viewBox="0 0 16 16">
  <path d="m5.857 9.48 2.906-4.37-1.85-3.78a.203.203 0 0 0-.367.006L.145 13.726a.202.202 0 0 0 .182.292l4.508-.013 1.69-3.142-.668-1.383zm9.969 3.219-2.011-4.204-4.739 4.467 6.566.028c.15 0 .248-.156.184-.291z"/>
  <path d="m11.288 7.096 1.182-4.429-5.232 6.296 1.619.047-2.621 4.874 6.755-6.366z"/>
</svg>

Heavy rainfall #

和风天气图标代码: 1038

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1038" viewBox="0 0 16 16">
  <path d="M3.677 12.866c0 .566.459 1.13 1.026 1.13s1.026-.564 1.026-1.13-1.026-1.943-1.026-1.943-1.026 1.377-1.026 1.943zm2.968-1.003c0 .566.459 1.13 1.026 1.13s1.026-.564 1.026-1.13S7.671 9.92 7.671 9.92s-1.026 1.377-1.026 1.943zm2.969 1.003c0 .566.459 1.13 1.026 1.13s1.026-.564 1.026-1.13-1.026-1.943-1.026-1.943-1.026 1.377-1.026 1.943zm-6.899-2.474a.7.7 0 0 0-.938.314l-.936 1.87a.698.698 0 0 0 .626 1.011.7.7 0 0 0 .627-.388l.936-1.87a.697.697 0 0 0-.315-.937zm11.725 0a.7.7 0 0 0-.938.314l-.936 1.87a.698.698 0 0 0 .626 1.011.7.7 0 0 0 .627-.388l.936-1.87a.698.698 0 0 0-.315-.937zm-.465-5.279a2.933 2.933 0 0 0-1.75-1.13c-.178-1.577-1.452-2.741-2.859-2.762-1.123-.018-2.192.696-2.695 1.804a2.89 2.89 0 0 0-1.362.553 2.887 2.887 0 0 0-.878 1.082c-1.165-.156-1.991.454-2.353 1.181a1.707 1.707 0 0 0-1.207.131c-.49.259-.873.79-.873 1.414-.001.709.491 1.289 1.08 1.51.73.274 1.378-.09 1.468-.143.169.144.792.638 1.717.639a2.667 2.667 0 0 0 1.473-.45 3.9 3.9 0 0 0 2.195.368 3.877 3.877 0 0 0 1.665-.632 3.48 3.48 0 0 0 2.071.63 3.42 3.42 0 0 0 1.597-.449c.122.057.826.374 1.582.056.768-.323 1.194-1.135 1.156-1.874-.05-.967-.898-1.83-2.027-1.928z"/>
</svg>

Severely falling temperature #

和风天气图标代码: 1039

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-severely-falling-temperature"></i>
<i class="qi-1039"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1039" viewBox="0 0 16 16">
  <path d="M14.505 9.164h-1.221a.491.491 0 0 0-.325.122l-4.966 4.349-4.967-4.349a.491.491 0 0 0-.325-.122H1.48a.102.102 0 0 0-.067.178l6.376 5.583a.309.309 0 0 0 .407 0l6.376-5.583a.102.102 0 0 0-.067-.178zM5.652 4.022c.126 0 .23-.044.315-.133a.46.46 0 0 0 .127-.332.45.45 0 0 0-.126-.329c-.085-.087-.189-.13-.315-.13s-.232.044-.316.133-.126.198-.126.329.042.24.126.329.189.133.315.133z"/>
  <path d="M7.836 12.376a.237.237 0 0 0 .312 0l6.253-5.475a.304.304 0 0 0-.2-.532h-2.272V1.456a.475.475 0 0 0-.475-.475H4.403a.475.475 0 0 0-.475.475v4.913H1.784a.303.303 0 0 0-.2.532l6.252 5.475zm-.001-8.541c.607-.28 1.17-.18 1.327-.15.145.028.572.125.994.465.244.197.461.464.555.611l-.484.521c-.11-.183-.487-.632-1.042-.774-.779-.199-1.932.258-1.943 1.548-.01 1.27 1.103 1.824 2.033 1.579.506-.133.823-.512.958-.706l.474.505a2.611 2.611 0 0 1-.867.758c-.473.259-.911.246-1.092.242-.194-.005-1.03-.024-1.65-.664-.626-.647-.653-1.455-.653-1.744 0-.648.24-1.205.668-1.67.097-.106.357-.353.722-.521zm-2.81-.894a.868.868 0 0 1 .628-.253.88.88 0 0 1 .64.243.819.819 0 0 1 .249.616.836.836 0 0 1-.249.62.87.87 0 0 1-.629.243.893.893 0 0 1-.64-.249.81.81 0 0 1-.26-.608c0-.239.087-.442.261-.612z"/>
</svg>

Snow disaster #

和风天气图标代码: 1040

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1040" viewBox="0 0 16 16">
  <path d="M6.635 11.467H5.379l.628-1.087a.7.7 0 0 0-1.213-.701l-.627 1.087-.628-1.087a.701.701 0 0 0-1.213.701l.628 1.087H1.698a.7.7 0 1 0 0 1.4h1.256l-.628 1.087a.701.701 0 0 0 1.213.701l.627-1.087.627 1.087a.7.7 0 0 0 .956.256.701.701 0 0 0 .257-.957l-.628-1.087h1.256a.7.7 0 1 0 .001-1.4zm7.668 0h-1.256l.628-1.087a.701.701 0 0 0-1.213-.701l-.627 1.087-.627-1.087a.7.7 0 1 0-1.213.701l.628 1.087H9.366a.7.7 0 1 0 0 1.4h1.256l-.628 1.087a.701.701 0 0 0 1.213.701l.627-1.087.627 1.087a.7.7 0 0 0 .956.256.701.701 0 0 0 .257-.957l-.628-1.087h1.256a.7.7 0 1 0 .001-1.4zM9.738 8.586a.701.701 0 0 0 .606-1.051L9.156 5.479h2.376a.7.7 0 1 0 0-1.4H9.156l1.188-2.057a.701.701 0 0 0-1.213-.701L7.943 3.378 6.756 1.321a.7.7 0 0 0-1.213.7l1.188 2.057H4.355a.7.7 0 1 0 0 1.4H6.73L5.543 7.536a.701.701 0 0 0 1.213.701L7.944 6.18l1.188 2.057a.698.698 0 0 0 .606.349z"/>
</svg>

Wildfire grassland #

和风天气图标代码: 1041

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1041" viewBox="0 0 16 16">
  <path d="M12.615 3.946c-1.958.576-2.509 2.23-2.383 3.268C8.835 5.52 8.734 3.567 8.893.764c-4.48 1.743-3.438 6.767-3.572 8.293-1.127-.951-1.34-3.225-1.34-3.225-1.19.631-1.786 2.318-1.786 3.686 0 3.308 2.667 5.719 5.872 5.719s5.737-2.412 5.737-5.719c.001-1.967-1.354-2.617-1.189-5.572z"/>
</svg>

Medical meteorology #

和风天气图标代码: 1042

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1042" viewBox="0 0 16 16">
  <path d="M14.5 8.678c-.58 0-1.126.369-1.389.94h-.674l-1.432-3.536a.695.695 0 0 0-.674-.438.702.702 0 0 0-.641.485l-1.517 4.694-.834-9.185a.702.702 0 0 0-.593-.631.706.706 0 0 0-.751.428L2.69 9.508H.704c-.387 0-.7.314-.7.702s.313.702.7.702H3.16c.284 0 .54-.172.647-.436l2.398-5.858.886 9.743c.029.331.29.597.62.634a.702.702 0 0 0 .744-.481l1.977-6.12.887 2.19a.7.7 0 0 0 .648.438h1.29c.053.072.512.67 1.244.664.747-.006 1.5-.637 1.5-1.504-.001-.853-.73-1.504-1.501-1.504z"/>
</svg>

Thunderstorm #

和风天气图标代码: 1043

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1043" viewBox="0 0 16 16">
  <path d="M13.975 4.9a2.933 2.933 0 0 0-1.75-1.13c-.178-1.577-1.452-2.741-2.859-2.762-1.123-.018-2.192.696-2.695 1.804a2.89 2.89 0 0 0-1.362.553 2.887 2.887 0 0 0-.878 1.082c-1.165-.155-1.991.454-2.353 1.181a1.707 1.707 0 0 0-1.207.131c-.49.259-.873.79-.873 1.414-.001.709.491 1.289 1.08 1.51.73.274 1.378-.09 1.468-.143.169.144.792.638 1.717.639a2.667 2.667 0 0 0 1.473-.45c.177.086.507.221.932.31l-1.183 1.839a.232.232 0 0 0 .203.344h1.56c.05 0 .087.048.073.097L6.246 15.01l4.511-4.793a.231.231 0 0 0-.169-.39H9.062a.075.075 0 0 1-.063-.117l.88-1.067c.372.21.995.474 1.788.453a3.42 3.42 0 0 0 1.597-.449c.122.057.826.374 1.582.056.768-.323 1.194-1.135 1.156-1.874-.05-.968-.898-1.831-2.027-1.929z"/>
</svg>

School closure #

和风天气图标代码: 1044

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1044" viewBox="0 0 16 16">
  <path d="M14.305 2.801h-2.378V1.687a.697.697 0 1 0-1.394 0v1.114H5.738V1.687a.697.697 0 1 0-1.395 0v1.114H1.699a.698.698 0 0 0-.697.698v10.762c0 .386.312.698.697.698h5.36a.698.698 0 0 0 0-1.396H2.396V6.932h11.211v.658a.697.697 0 1 0 1.394 0V3.5a.697.697 0 0 0-.696-.699zM2.396 5.535V4.198h11.211v1.337H2.396z"/>
  <path d="M11.675 8.401a3.291 3.291 0 0 0-3.288 3.294c0 1.819 1.472 3.294 3.288 3.294s3.288-1.475 3.288-3.294a3.291 3.291 0 0 0-3.288-3.294zm0 1.397c.252-.006.459.054.589.103l-2.248 2.691a1.74 1.74 0 0 1-.236-.897c.026-.983.975-1.875 1.895-1.897zm0 3.794a1.573 1.573 0 0 1-.589-.103l2.247-2.691c.218.391.24.719.236.897-.025.983-.973 1.875-1.894 1.897z"/>
</svg>

Factory closure #

和风天气图标代码: 1045

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1045" viewBox="0 0 16 16">
  <path d="M8 .5a7.5 7.5 0 1 0 0 15 7.5 7.5 0 0 0 0-15zM1.9 8c0-3.364 2.736-6.1 6.1-6.1 1.385 0 2.659.469 3.684 1.249L8.19 7.325l-.476-.438c.28-.362.488-.653.488-.713a2.542 2.542 0 0 0-2.539-2.55c-.183 0-.626.077-.671.089a.236.236 0 0 0-.104.395l1.276 1.275a.9.9 0 0 1 .263.641.902.902 0 0 1-.903.903.902.902 0 0 1-.641-.263L3.608 5.388a.236.236 0 0 0-.394.104c-.013.045-.09.488-.09.671a2.543 2.543 0 0 0 3.063 2.485c.039-.008.184-.156.381-.376l.47.431-3.158 3.773-.004.007A6.082 6.082 0 0 1 1.9 8zM8 14.1a6.062 6.062 0 0 1-2.992-.79L8.07 9.65l2.385 2.189a.893.893 0 0 0 1.268-.058.897.897 0 0 0-.058-1.267L9.222 8.272 12.7 4.116A6.073 6.073 0 0 1 14.1 8c0 3.364-2.736 6.1-6.1 6.1z"/>
</svg>

Maritime risk #

和风天气图标代码: 1046

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1046" viewBox="0 0 16 16">
  <path d="M1.586 12.321c.091.016 1.427.24 2.99.24 1.019 0 2.134-.095 3.062-.405 3.753-1.253 6.211.066 6.312.123a.7.7 0 1 0 .689-1.219c-.123-.069-3.069-1.692-7.444-.232-2.021.677-5.34.119-5.373.113a.71.71 0 0 0-.808.572.7.7 0 0 0 .572.808zm13.054 1.182c-.123-.069-3.069-1.692-7.444-.232-2.02.676-5.34.119-5.373.113a.708.708 0 0 0-.808.572.7.7 0 0 0 .571.808c.091.016 1.427.24 2.99.24 1.019 0 2.134-.095 3.062-.405 3.753-1.253 6.211.067 6.312.123a.698.698 0 0 0 .954-.265.699.699 0 0 0-.264-.954zM2.714 9.419h10.581a.591.591 0 0 0 .478-.94l-5.29-7.253a.592.592 0 0 0-.956 0l-5.29 7.253a.591.591 0 0 0 .477.94zM8.005 7.68a.433.433 0 1 1 0-.866.433.433 0 0 1 0 .866zm0-3.585c.327 0 .578.289.533.612l-.24 1.713h-.587l-.239-1.712a.538.538 0 0 1 .533-.613z"/>
</svg>

Spring dust #

和风天气图标代码: 1047

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1047" viewBox="0 0 16 16">
  <path d="M2.446 4.676a.613.613 0 0 0 0-1.225.613.613 0 0 0 0 1.225zM.975 8.831a.415.415 0 0 0-.408.418c0 .234.188.418.408.418s.408-.192.408-.418a.415.415 0 0 0-.408-.418zm2.143-2.542c0-.477-.39-.867-.868-.867s-.868.39-.868.867.39.868.868.868.868-.391.868-.868zm-.408 5.562a.41.41 0 0 0-.408.408c0 .229.188.408.408.408s.408-.188.408-.408a.41.41 0 0 0-.408-.408zm3.538-5.102a.58.58 0 0 0 .578-.578.58.58 0 0 0-.578-.578.572.572 0 0 0-.578.578.58.58 0 0 0 .578.578zm1.746-2.552a.59.59 0 0 0 .589-.589c0-.33-.271-.589-.589-.589s-.589.259-.589.589c0 .33.27.589.589.589z"/>
  <circle cx="13.655" cy="3.991" r=".496"/>
  <circle cx="4.394" cy="9.249" r="1.276"/>
  <path d="M4.183 3.544c.477 0 .867-.39.867-.867s-.39-.868-.867-.868-.868.39-.868.868.39.867.868.867zm6.998 5.348a.4.4 0 0 0-.408.408.41.41 0 0 0 .408.408.41.41 0 0 0 .408-.408.41.41 0 0 0-.408-.408zm1.684-1.735a.87.87 0 0 0 .868-.868.869.869 0 0 0-1.736 0c0 .477.391.868.868.868zm.139 4.171c-.477 0-.868.39-.868.867s.39.868.868.868a.869.869 0 0 0 0-1.735zm1.499-3.287a.878.878 0 0 0-.875.875c0 .481.394.875.875.875a.878.878 0 0 0 .875-.875.877.877 0 0 0-.875-.875zm-3.118-4.809c.477 0 .867-.39.867-.868s-.39-.868-.867-.868-.868.39-.868.868.391.868.868.868zM9.497 5.014A1.28 1.28 0 0 0 8.221 6.29c0 .706.57 1.276 1.276 1.276.706 0 1.276-.57 1.276-1.276 0-.707-.57-1.276-1.276-1.276zm-3.785 7.591c-.649 0-1.18.531-1.18 1.18s.531 1.18 1.18 1.18c.649 0 1.18-.531 1.18-1.18s-.531-1.18-1.18-1.18z"/>
  <circle cx="7.762" cy="9.249" r=".868"/>
  <circle cx="9.243" cy="12.195" r=".958"/>
</svg>

Falling temperature #

和风天气图标代码: 1048

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1048" viewBox="0 0 16 16">
  <path d="M5.652 3.698c-.126 0-.231.044-.315.133s-.126.198-.126.329.042.24.126.329.189.133.315.133.23-.044.315-.133a.46.46 0 0 0 .127-.332.45.45 0 0 0-.126-.329.423.423 0 0 0-.316-.13z"/>
  <path d="M14.201 8.917h-2.272V1.456a.475.475 0 0 0-.475-.475H4.403a.475.475 0 0 0-.475.475v7.461H1.784a.303.303 0 0 0-.2.532l6.253 5.475a.237.237 0 0 0 .312 0l6.253-5.475a.304.304 0 0 0-.201-.532zM5.664 5.01a.893.893 0 0 1-.64-.249.81.81 0 0 1-.26-.608c0-.239.087-.443.261-.612a.868.868 0 0 1 .628-.253c.26 0 .473.08.64.242a.819.819 0 0 1 .249.616.836.836 0 0 1-.249.62.868.868 0 0 1-.629.244zm3.612 3.225c.506-.133.823-.512.958-.706l.474.505a2.624 2.624 0 0 1-.868.758c-.473.259-.911.246-1.092.242-.194-.005-1.03-.024-1.65-.664-.626-.647-.653-1.455-.653-1.744 0-.648.24-1.205.668-1.67.097-.106.357-.353.722-.521.607-.28 1.17-.18 1.327-.15.145.028.572.125.994.465.244.197.461.464.555.611l-.484.521c-.11-.183-.487-.632-1.042-.774-.779-.199-1.932.258-1.943 1.548-.01 1.269 1.104 1.824 2.034 1.579z"/>
</svg>

Typhoon and rainstorm #

和风天气图标代码: 1049

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-typhoon-and-rainstorm"></i>
<i class="qi-1049"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1049" viewBox="0 0 16 16">
  <path d="m13.964 7.065.153.033c.288-2.849-1.592-5.412-4.186-5.949-2.547-.527-5.323.994-6.018 3.428-.766 2.684.738 4.169.937 4.44-1.462-.316-2.874-2.365-2.814-3.983L1.884 5c-.291 2.851 1.591 5.415 4.186 5.949 2.528.519 5.218-1 5.992-3.399.809-2.51-.704-4.196-.9-4.465 1.554.325 2.863 2.364 2.802 3.98zm-6.202.18a1.22 1.22 0 1 1 .476-2.392 1.22 1.22 0 0 1-.476 2.392zM.993 13.759a1.22 1.22 0 1 0 2.44 0c0-.674-1.22-2.44-1.22-2.44s-1.22 1.765-1.22 2.44zm3.849 0a1.22 1.22 0 1 0 2.44 0c0-.674-1.22-2.44-1.22-2.44s-1.22 1.765-1.22 2.44zm3.849 0a1.22 1.22 0 1 0 2.44 0c0-.674-1.22-2.44-1.22-2.44s-1.22 1.765-1.22 2.44zm5.069-2.441s-1.22 1.766-1.22 2.44a1.22 1.22 0 1 0 2.44 0c0-.674-1.22-2.44-1.22-2.44z" style="fill-rule:evenodd;clip-rule:evenodd"/>
</svg>

Severe cold #

和风天气图标代码: 1050

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1050" viewBox="0 0 16 16">
  <path d="M5.321 10.798h-.602l.301-.521a.7.7 0 1 0-1.212-.701l-.3.52-.3-.52a.701.701 0 0 0-1.214.7l.301.521h-.602a.7.7 0 1 0 0 1.4h.601l-.3.521a.7.7 0 1 0 1.213.699l.3-.52.3.52a.7.7 0 1 0 1.213-.699l-.3-.521h.601a.7.7 0 1 0 0-1.399zm8.424-2.971V3.949c0-1.626-1.323-2.95-2.95-2.95s-2.95 1.324-2.95 2.95v3.878a4.178 4.178 0 0 0-1.25 2.968c0 2.316 1.885 4.2 4.2 4.2s4.2-1.884 4.2-4.2a4.176 4.176 0 0 0-1.25-2.968zm-2.95 5.768a2.803 2.803 0 0 1-2.8-2.8 2.79 2.79 0 0 1 1.002-2.126.701.701 0 0 0 .248-.534V3.949c0-.854.695-1.55 1.55-1.55s1.55.695 1.55 1.55v4.186a.7.7 0 0 0 .248.534 2.788 2.788 0 0 1 1.002 2.126c0 1.544-1.256 2.8-2.8 2.8zM7.22 5.227a.7.7 0 0 0-.7-.7H5.322l.599-1.038a.702.702 0 0 0-.256-.957.703.703 0 0 0-.957.257l-.599 1.037-.599-1.037a.702.702 0 0 0-.957-.257.702.702 0 0 0-.256.957l.599 1.038H1.698a.7.7 0 1 0 0 1.4h1.198l-.599 1.038a.7.7 0 0 0 1.213.7l.599-1.038.599 1.038a.7.7 0 1 0 1.213-.7l-.599-1.038H6.52a.7.7 0 0 0 .7-.7z"/>
  <path d="M11.245 9.203V7.076a.5.5 0 0 0-1 0v2.141a1.752 1.752 0 0 0-1.237 1.671 1.759 1.759 0 1 0 3.518 0c0-.805-.543-1.476-1.281-1.685z"/>
</svg>

Sand dust #

和风天气图标代码: 1051

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1051" viewBox="0 0 16 16">
  <path d="M3.356 10.625h1.38c.159 0 .299.086.418.322.374.737 1.524 2.786 4.07 2.374 2.615-.423 1.87-2.964.6-3.839C8.69 8.7 5.695 8.665 4.25 7.288c-1.444-1.376-1.589-4.183.578-5.613 2.123-1.401 4.907-.92 6.165.106.979.799 1.338 1.825 1.469 2.437.058.272-.19.533-.462.533h-1.416c-.183 0-.374-.115-.465-.378-.149-.425-.345-1.195-1.302-1.533-1.3-.477-3.346.01-3.65 1.346-.291 1.419 1.569 1.99 2.793 2.33 1.321.367 3.696 1.01 4.53 2.504.915 1.642.778 3.507-.678 4.888-1.46 1.384-4.26 1.65-5.925.807-1.733-.877-2.641-2.61-2.932-3.53a.426.426 0 0 1 .401-.56z" style="fill-rule:evenodd;clip-rule:evenodd"/>
</svg>

Sea thunderstorms #

和风天气图标代码: 1052

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1052" viewBox="0 0 16 16">
  <path d="M1.586 12.321c.091.016 1.427.24 2.99.24 1.019 0 2.134-.095 3.062-.405 3.753-1.253 6.211.066 6.312.123a.7.7 0 1 0 .689-1.219c-.094-.053-1.819-.999-4.561-.812l2.806-2.981a.194.194 0 0 0-.141-.327h-1.28a.063.063 0 0 1-.053-.098l1.217-1.475a.136.136 0 0 0-.114-.21h-2.21a.234.234 0 0 0-.203.119L8.463 7.822a.194.194 0 0 0 .17.288h1.308c.042 0 .073.041.061.081l-.619 2.128c-.68.091-1.409.249-2.187.509-.876.293-1.996.354-2.986.329l1.308-4.461 6.731-3.314a.377.377 0 0 0-.062-.7L6.381 1.031a.693.693 0 0 0-.804.48l-2.8 9.552a16.187 16.187 0 0 1-.955-.123.71.71 0 0 0-.808.572.7.7 0 0 0 .572.809zm13.054 1.182c-.123-.069-3.069-1.692-7.444-.232-2.02.676-5.34.119-5.373.113a.708.708 0 0 0-.808.572.7.7 0 0 0 .571.808c.091.016 1.427.24 2.99.24 1.019 0 2.134-.095 3.062-.405 3.753-1.253 6.211.067 6.312.123a.698.698 0 0 0 .954-.265.699.699 0 0 0-.264-.954z"/>
</svg>

Sea fog #

和风天气图标代码: 1053

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1053" viewBox="0 0 16 16">
  <path d="M1.568 5.11c.092.018 1.436.274 3.01.274 1.027 0 2.151-.11 3.09-.466 3.717-1.409 6.153.074 6.251.136a.704.704 0 0 0 .76-1.182c-.124-.079-3.099-1.941-7.509-.268-2.003.759-5.3.134-5.333.126a.703.703 0 0 0-.269 1.38zm13.109 2.616c-.124-.079-3.101-1.941-7.509-.268-2.002.76-5.299.132-5.331.125a.703.703 0 0 0-.269 1.38c.091.018 1.435.273 3.008.273 1.027 0 2.152-.109 3.091-.466 3.721-1.41 6.153.074 6.251.136a.7.7 0 1 0 .759-1.18zm0 3.853c-.124-.079-3.099-1.942-7.509-.268-2.002.758-5.299.132-5.332.124a.703.703 0 0 0-.269 1.38c.092.018 1.436.274 3.01.274 1.027 0 2.151-.11 3.089-.466 3.721-1.41 6.153.074 6.251.136.325.208.76.116.971-.211a.7.7 0 0 0-.211-.969z"/>
</svg>

Sea thunder #

和风天气图标代码: 1054

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1054" viewBox="0 0 16 16">
  <path d="M1.586 12.321c.091.016 1.427.24 2.99.24 1.019 0 2.134-.095 3.062-.405 3.753-1.253 6.211.066 6.312.123a.7.7 0 1 0 .689-1.219c-.123-.069-3.069-1.692-7.444-.232-.31.104-.653.176-1.007.228l5.776-6.136a.361.361 0 0 0-.263-.609H9.318a.118.118 0 0 1-.099-.182l2.264-2.745a.253.253 0 0 0-.212-.39H7.158a.434.434 0 0 0-.378.222L3.735 5.951a.362.362 0 0 0 .316.537h2.435c.079 0 .135.076.113.151l-1.311 4.505c-1.718.09-3.442-.198-3.466-.202a.71.71 0 0 0-.808.572.7.7 0 0 0 .572.807zm13.054 1.182c-.123-.069-3.069-1.692-7.444-.232-2.02.676-5.34.119-5.373.113a.708.708 0 0 0-.808.572.7.7 0 0 0 .571.808c.091.016 1.427.24 2.99.24 1.019 0 2.134-.095 3.062-.405 3.753-1.253 6.211.067 6.312.123a.698.698 0 0 0 .954-.265.699.699 0 0 0-.264-.954z"/>
</svg>

Sea typhoon #

和风天气图标代码: 1055

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1055" viewBox="0 0 16 16">
  <path d="M1.586 12.321c.091.016 1.427.24 2.99.24 1.019 0 2.134-.095 3.062-.405 3.753-1.253 6.211.066 6.312.123a.7.7 0 1 0 .689-1.219c-.091-.051-1.717-.942-4.314-.826.85-.627 1.525-1.477 1.854-2.497.833-2.583-.725-4.317-.926-4.594 1.6.334 2.946 2.433 2.884 4.095l.157.034c.296-2.932-1.638-5.569-4.307-6.121C7.366.61 4.509 2.175 3.795 4.679c-.788 2.762.759 4.29.964 4.569-1.505-.324-2.958-2.433-2.896-4.099l-.157-.034c-.285 2.791 1.463 5.293 3.933 6.005-1.826.154-3.791-.174-3.817-.178a.71.71 0 0 0-.808.572.7.7 0 0 0 .572.807zm6.659-7.357a1.255 1.255 0 1 1-.491 2.46 1.255 1.255 0 0 1 .491-2.46zm6.395 8.539c-.123-.069-3.069-1.692-7.444-.232-2.02.676-5.34.119-5.373.113a.708.708 0 0 0-.808.572.7.7 0 0 0 .571.808c.091.016 1.427.24 2.99.24 1.019 0 2.134-.095 3.062-.405 3.753-1.253 6.211.067 6.312.123a.698.698 0 0 0 .954-.265.699.699 0 0 0-.264-.954z"/>
</svg>

Low temperature #

和风天气图标代码: 1056

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1056" viewBox="0 0 16 16">
  <path d="M13.745 7.827V3.949c0-1.626-1.323-2.95-2.95-2.95s-2.95 1.324-2.95 2.95v3.878a4.178 4.178 0 0 0-1.25 2.968c0 2.316 1.885 4.2 4.2 4.2s4.2-1.884 4.2-4.2a4.176 4.176 0 0 0-1.25-2.968zm-2.95 5.768a2.803 2.803 0 0 1-2.8-2.8 2.79 2.79 0 0 1 1.002-2.126.701.701 0 0 0 .248-.534V3.949c0-.854.695-1.55 1.55-1.55s1.55.695 1.55 1.55v4.186a.7.7 0 0 0 .248.534 2.788 2.788 0 0 1 1.002 2.126c0 1.544-1.256 2.8-2.8 2.8zm-5.32-9.616H1.729a.7.7 0 1 0 0 1.4h3.746a.7.7 0 1 0 0-1.4z"/>
  <path d="M11.245 9.203V7.075a.5.5 0 0 0-1 0v2.141a1.754 1.754 0 0 0 .522 3.431 1.76 1.76 0 0 0 1.759-1.759c0-.805-.543-1.476-1.281-1.685z"/>
</svg>

Road ice and snow #

和风天气图标代码: 1057

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-road-ice-and-snow"></i>
<i class="qi-1057"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1057" viewBox="0 0 16 16">
  <style>
    .st8{fill:#040000}
  </style>
  <g id="&#x56FE;&#x5C42;_1">
    <path d="M10.923 13.394c-2.531-.437-4.678-1.752-6.648-3.258a.164.164 0 0 0-.225.024l-.606.718a.167.167 0 0 0 .036.247c2.154 1.386 4.741 2.077 7.435 2.322l.008-.053zm-5.322-.549a.164.164 0 0 0-.206.071l-.315.562a.166.166 0 0 0 .096.24 29.374 29.374 0 0 0 8.167 1.247l-.003-.069c-2.443-.129-5.185-.99-7.739-2.051zm-1.496-9.2a1.218 1.218 0 1 0 0-2.435 1.218 1.218 0 0 0 0 2.435z" class="st8"/>
    <path d="m14.762 5.552-4.027.324c-.45.036-.888.16-1.291.365l-1.567.798-1.074-2.966c1.355-.921 2.4-1.764 2.817-3.127a.499.499 0 0 0-.331-.624.494.494 0 0 0-.624.331c-.381 1.239-1.459 1.956-3.092 3.04-.56.372-1.172.778-1.824 1.254-2.274 1.66-2.263 3.914-1.938 4.874a.498.498 0 0 0 .63.314.501.501 0 0 0 .318-.631c-.026-.081-.586-1.908 1.252-3.486l1.645 2.929c.274.486.746.828 1.292.937l2.488.496a2.04 2.04 0 0 1 1.163.689l2.161 2.576a.467.467 0 0 0 .47.154l.029-.007a.469.469 0 0 0 .305-.673L11.58 9.298a1.37 1.37 0 0 0-.847-.688l-.82-.229.312-.259c.362-.3.783-.522 1.235-.652l3.469-.998a.47.47 0 0 0-.167-.92z" class="st8"/>
  </g>
</svg>

Thunderstorm and gale #

和风天气图标代码: 1058

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-thunderstorm-and-gale"></i>
<i class="qi-1058"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1058" viewBox="0 0 16 16">
  <path d="M13.382 9.429a1.617 1.617 0 0 0-.965-.623c-.098-.87-.801-1.512-1.577-1.523-.62-.009-1.209.384-1.486.995a1.592 1.592 0 0 0-1.236.901c-.643-.086-1.098.25-1.298.651a.943.943 0 0 0-.665.072.9.9 0 0 0-.482.78c0 .391.271.711.596.833.403.151.76-.05.81-.079.093.079.437.352.947.353.408 0 .7-.173.812-.248.098.048.28.122.514.171L8.7 12.726a.128.128 0 0 0 .112.19h.86c.028 0 .048.027.04.053l-.593 2.036 2.488-2.643a.127.127 0 0 0-.093-.215h-.842a.042.042 0 0 1-.035-.064l.485-.588c.205.116.549.261.986.25.415-.011.725-.159.881-.247.067.032.456.206.872.031.424-.178.659-.626.638-1.033-.026-.537-.494-1.013-1.117-1.067z"/>
  <path d="M14.57 3.689s-6.977-2.06-9.323-2.672a.695.695 0 0 0-.836.497L1.028 14.12a.708.708 0 0 0 .476.847.71.71 0 0 0 .876-.485l1.462-5.45 10.829-4.214a.607.607 0 0 0-.101-1.129z"/>
</svg>

Continuous low temperature #

和风天气图标代码: 1059

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-continuous-low-temperature"></i>
<i class="qi-1059"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1059" viewBox="0 0 16 16">
  <path d="M13.284 9.164a.491.491 0 0 0-.325.122l-4.966 4.349-4.967-4.349a.491.491 0 0 0-.325-.122H1.48a.102.102 0 0 0-.067.178l6.376 5.583a.309.309 0 0 0 .407 0l6.376-5.583a.102.102 0 0 0-.067-.178h-1.221z"/>
  <path d="M7.789 12.42a.309.309 0 0 0 .407 0l6.376-5.583a.102.102 0 0 0-.067-.178h-1.221a.491.491 0 0 0-.325.122L7.992 11.13 3.026 6.781a.491.491 0 0 0-.325-.122H1.48a.102.102 0 0 0-.067.178l6.376 5.583z"/>
  <path d="M7.836 9.883a.237.237 0 0 0 .312 0l6.253-5.475a.304.304 0 0 0-.2-.532h-2.272v-2.42a.475.475 0 0 0-.475-.475H4.403a.475.475 0 0 0-.475.475v2.419H1.784a.303.303 0 0 0-.2.532l6.252 5.476z"/>
</svg>

Strong dust #

和风天气图标代码: 1061

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

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

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1061" viewBox="0 0 16 16">
  <path d="m14.297 12.181-12.59-.038h-.002a.703.703 0 0 0-.705.698.702.702 0 0 0 .703.702l12.59.038h.002a.703.703 0 0 0 .705-.698.702.702 0 0 0-.703-.702z"/>
  <circle cx="1.556" cy="4.929" r="1.5"/>
  <circle cx="8" cy="4.929" r="1.5"/>
  <circle cx="4.531" cy="8.64" r="1.757"/>
  <circle cx="11.469" cy="8.64" r="1.757"/>
  <circle cx="14.5" cy="4.929" r="1.5"/>
</svg>

Short lived heavy shower rain #

和风天气图标代码: 1064

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-short-lived-heavy-shower-rain"></i>
<i class="qi-1064"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1064" viewBox="0 0 16 16">
  <path d="M3.778 13.045c0 .526.426.951.953.951s.953-.425.953-.951-.954-1.902-.954-1.902-.952 1.376-.952 1.902zm-2.601-1.032c0 .526.426.951.953.951s.953-.425.953-.951-.954-1.903-.954-1.903-.952 1.377-.952 1.903zm11.27 0c0 .526.426.951.953.951s.953-.425.953-.951-.953-1.903-.953-1.903-.953 1.377-.953 1.903zm-5.728.1c0 .526.426.951.953.951s.953-.425.953-.951-.953-1.902-.953-1.902-.953 1.377-.953 1.902zm2.941.932c0 .526.426.951.953.951s.953-.425.953-.951-.953-1.902-.953-1.902-.953 1.376-.953 1.902zm4.315-8.132a2.933 2.933 0 0 0-1.75-1.13c-.178-1.577-1.452-2.741-2.859-2.762-1.123-.018-2.192.696-2.695 1.804a2.89 2.89 0 0 0-1.362.553 2.887 2.887 0 0 0-.878 1.082c-1.165-.156-1.991.454-2.353 1.181a1.71 1.71 0 0 0-1.207.13c-.49.259-.873.79-.873 1.414-.001.709.491 1.289 1.08 1.51.73.274 1.378-.09 1.468-.143.169.144.792.638 1.717.639a2.667 2.667 0 0 0 1.473-.45 3.9 3.9 0 0 0 2.195.368 3.865 3.865 0 0 0 1.665-.631 3.48 3.48 0 0 0 2.071.63 3.42 3.42 0 0 0 1.597-.449c.122.057.826.374 1.582.056.768-.323 1.194-1.135 1.156-1.874-.05-.967-.898-1.83-2.027-1.928z"/>
</svg>

Flood #

和风天气图标代码: 1101

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-flood"></i>
<i class="qi-1101"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1101" viewBox="0 0 16 16">
  <path d="M1.646 11.691c.09.016 1.414.24 2.964.24 1.01 0 2.115-.095 3.037-.406 3.709-1.249 6.14.067 6.239.122a.7.7 0 1 0 .694-1.215c-.064-.037-.908-.5-2.32-.722l.427-2.408 1.496.267a.357.357 0 0 0 .33-.588l-4.485-5.059a1.01 1.01 0 0 0-1.224-.223L2.74 4.877a.356.356 0 0 0 .103.667l1.507.27-.813 4.68c-.94-.062-1.636-.179-1.651-.181a.704.704 0 0 0-.809.57.698.698 0 0 0 .569.808zM7.2 10.199a5.901 5.901 0 0 1-1.072.238l.278-1.634a.602.602 0 0 1 .7-.492l2.136.382c.327.058.545.37.487.697l-.046.264c-.761.08-1.59.245-2.483.545zm7.382 2.894c-.123-.07-3.047-1.697-7.381-.233-1.997.674-5.281.117-5.314.112a.7.7 0 0 0-.239 1.379c.09.016 1.416.241 2.967.241 1.009 0 2.113-.096 3.034-.406 3.709-1.25 6.14.067 6.239.122.334.19.763.075.956-.26a.702.702 0 0 0-.262-.955z"/>
</svg>

Mudflow #

和风天气图标代码: 1302

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-mudflow"></i>
<i class="qi-1302"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1302" viewBox="0 0 16 16">
  <path d="M10.378 1.947 7.677 3.769l.059 4.446 1.128.179-3.916 6.617H16zm-1.629.229a.744.744 0 1 0-1.207-.87.744.744 0 0 0 1.207.87zm-2.794 8.063a.744.744 0 1 0-1.207-.87.744.744 0 0 0 1.207.87zm.901-6.323a1.037 1.037 0 1 0-1.681-1.213 1.037 1.037 0 0 0 1.681 1.213zm-.69 3.535a1.417 1.417 0 1 0-2.299-1.659 1.417 1.417 0 0 0 2.299 1.659zm-2.211 3.487a1.87 1.87 0 1 0-2.19 3.033 1.87 1.87 0 0 0 2.19-3.033z"/>
</svg>

Storm surge #

和风天气图标代码: 1402

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-storm-surge"></i>
<i class="qi-1402"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1402" viewBox="0 0 16 16">
  <path d="M13.782 5.158a.562.562 0 0 0-.093-1.044L5.093 1.649l-.006-.003-.008-.001-.05-.015-.002.01a.692.692 0 0 0-.808.48L.944 13.287a.701.701 0 0 0 .672.897.7.7 0 0 0 .671-.503l.981-3.347 10.514-5.176zm1.377 3.777L11.375 7.85c-.011-.004-.018-.012-.029-.015-.012-.003-.023 0-.035-.003l-.042-.012-.002.008a.692.692 0 0 0-.79.482l-1.263 4.294a.7.7 0 1 0 1.342.393l.449-1.528L15.2 9.404a.252.252 0 0 0-.041-.469z"/>
</svg>

Very hot weather #

和风天气图标代码: 1601

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-very-hot-weather"></i>
<i class="qi-1601"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1601" viewBox="0 0 16 16">
  <path d="M13.745 8.027V3.749c0-1.626-1.323-2.95-2.95-2.95s-2.95 1.324-2.95 2.95v4.278a4.178 4.178 0 0 0-1.25 2.968c0 2.316 1.885 4.2 4.2 4.2s4.2-1.884 4.2-4.2a4.176 4.176 0 0 0-1.25-2.968zm-2.95 5.768a2.803 2.803 0 0 1-2.8-2.8 2.79 2.79 0 0 1 1.002-2.126.701.701 0 0 0 .248-.534V3.749c0-.854.695-1.55 1.55-1.55s1.55.695 1.55 1.55v4.586a.7.7 0 0 0 .248.534 2.788 2.788 0 0 1 1.002 2.126c0 1.544-1.256 2.8-2.8 2.8z"/>
  <path d="M11.245 9.403V5.275a.5.5 0 0 0-1 0v4.141a1.754 1.754 0 0 0 .522 3.431 1.76 1.76 0 0 0 1.759-1.759c0-.805-.543-1.476-1.281-1.685zM6.399 3.147c-.925.272-1.185 1.055-1.126 1.545-.66-.801-.707-1.725-.633-3.051-2.116.824-1.624 3.201-1.687 3.923-.533-.45-.633-1.525-.633-1.525-.562.298-.844 1.096-.844 1.743 0 1.565 1.26 2.705 2.775 2.705s2.711-1.141 2.711-2.705c-.001-.93-.641-1.237-.563-2.635z"/>
</svg>

Strong monsoon signal #

和风天气图标代码: 1602

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-strong-monsoon-signal"></i>
<i class="qi-1602"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1602" viewBox="0 0 16 16">
  <path d="M14.846 4.986c-1.84 1.244-5.034 1.205-8.687.428-3.463-.738-5.487.965-5.487.965 3.174-.072 5.856.939 8.208 1.386 5.569 1.059 5.966-2.779 5.966-2.779z"/>
  <path d="M13.194 8.568s-3.258 1.004-5.902-.415c-2.274-1.22-4.832-1.334-5.947-.738 0 0 1.736-.259 4.677 1.678 3.067 2.019 5.52.875 7.172-.525zM2.523 4.175c.021-.005 2.118-.222 3.713.274 1.045.327 1.907.489 2.618.489.567 0 1.039-.104 1.431-.31a2.038 2.038 0 0 0 1.013-1.23c.245-.791.136-1.565-.309-2.181S9.823.227 9.057.212a2.363 2.363 0 0 0-1.722.73.699.699 0 1 0 1.009.968.952.952 0 0 1 .688-.298c.316.006.64.173.822.426.186.256.221.574.105.945a.63.63 0 0 1-.325.407c-.292.154-1.068.321-2.981-.277-1.88-.586-4.186-.343-4.283-.33-.384.042-.66.388-.618.772s.39.644.771.62z"/>
  <path d="M12.759 10.516c-.728-.122-1.496.12-2.312.375-.507.159-1.032.323-1.564.407-2.42.387-4.915-1.957-4.94-1.98a.699.699 0 1 0-.97 1.009c.121.115 3.002 2.846 6.129 2.354.634-.1 1.234-.288 1.765-.454.652-.204 1.272-.394 1.661-.33.194.032.664.172.846.759a1.081 1.081 0 0 1-1.708 1.161.702.702 0 0 0-.984.107.701.701 0 0 0 .107.984 2.48 2.48 0 0 0 3.923-2.665c-.288-.925-1.017-1.57-1.953-1.727z"/>
</svg>

Landslip #

和风天气图标代码: 1603

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-landslip"></i>
<i class="qi-1603"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1603" viewBox="0 0 16 16">
  <path d="m14.183 3.286-1.438.816-6.302 10.909h9.119z"/>
  <path d="M12.232 5.903 9.153 7.186l-4.865 7.825h7.809z"/>
  <path d="M9.149 8.653 4.566 9.809.903 15.011h7.809zm1.956-2.84a.713.713 0 1 0-1.155-.835.713.713 0 0 0 1.155.835z"/>
  <path d="M5.63 9.863a.825.825 0 1 0-1.339-.966.825.825 0 0 0 1.339.966zM3.835 7.438a.913.913 0 1 0-1.481-1.069.913.913 0 0 0 1.481 1.069zm8.678-4.778a1.149 1.149 0 1 0-1.862-1.346 1.149 1.149 0 0 0 1.862 1.346zm-4.239.906A1.149 1.149 0 1 0 6.409 2.22a1.149 1.149 0 1 0 1.865 1.346zm-.084 4.16a1.572 1.572 0 1 0-2.548-1.84 1.572 1.572 0 0 0 2.548 1.84zm-5.784 4.602a1.313 1.313 0 1 0-1.537 2.13 1.313 1.313 0 0 0 1.537-2.13z"/>
</svg>

Tropical cyclone #

和风天气图标代码: 1604

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-tropical-cyclone"></i>
<i class="qi-1604"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1604" viewBox="0 0 16 16">
  <circle cx="8" cy="8" r="4.545"/>
  <circle cx="8" cy="8" r=".085" style="fill:#ea0392"/>
  <path d="M8.085 8.107a3.85 3.85 0 0 1-1.299-2.876 3.876 3.876 0 0 1 3.876-3.876c.413 0 .803.082 1.177.202a6.107 6.107 0 0 0-8.539 5.6c0 .923.211 1.795.577 2.579.994-.731 2.468-1.312 4.208-1.629z"/>
  <path d="M8.135 7.98c-1.01.33-2.147.26-3.141-.313a3.876 3.876 0 0 1-1.419-5.295c.207-.358.473-.655.763-.918a6.106 6.106 0 0 0 .582 10.194 6.08 6.08 0 0 0 2.522.79c-.136-1.225.098-2.792.693-4.458z"/>
  <path d="M8.05 7.873a3.852 3.852 0 0 1-1.841 2.563A3.876 3.876 0 0 1 .914 9.017 3.81 3.81 0 0 1 .5 7.898a6.107 6.107 0 0 0 9.119 4.594 6.076 6.076 0 0 0 1.945-1.789c-1.129-.496-2.369-1.482-3.514-2.83z"/>
  <path d="M7.915 7.893a3.85 3.85 0 0 1 1.299 2.876 3.876 3.876 0 0 1-3.876 3.876 3.83 3.83 0 0 1-1.177-.202 6.107 6.107 0 0 0 8.538-5.601c0-.923-.211-1.795-.577-2.579-.993.732-2.467 1.313-4.207 1.63z"/>
  <path d="M7.865 8.02a3.85 3.85 0 0 1 3.141.313 3.876 3.876 0 0 1 1.419 5.295 3.836 3.836 0 0 1-.763.918 6.107 6.107 0 0 0-.581-10.195 6.08 6.08 0 0 0-2.522-.79c.135 1.226-.099 2.793-.694 4.459z"/>
  <path d="M7.95 8.127a3.852 3.852 0 0 1 1.841-2.563 3.876 3.876 0 0 1 5.295 1.419c.207.358.331.737.414 1.12a6.107 6.107 0 0 0-9.119-4.594 6.065 6.065 0 0 0-1.945 1.789c1.129.495 2.369 1.481 3.514 2.829z"/>
</svg>

Fire danger #

和风天气图标代码: 1605

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-fire-danger"></i>
<i class="qi-1605"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1605" viewBox="0 0 16 16">
  <path d="M15.349 13.263 8.472 2.013a.553.553 0 0 0-.944 0L.651 13.263a.553.553 0 0 0 .472.841h13.754a.553.553 0 0 0 .472-.841zm-7.319-.802c-1.401 0-2.567-1.054-2.567-2.5 0-.598.261-1.335.781-1.611 0 0 .093.994.586 1.41.057-.667-.398-2.863 1.56-3.625-.069 1.225-.025 2.079.586 2.819-.055-.453.186-1.176 1.042-1.428-.072 1.292.52 1.576.52 2.435-.001 1.446-1.107 2.5-2.508 2.5z"/>
</svg>

Flooding in the northern new territories #

和风天气图标代码: 1606

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-flooding-in-the-northern-new-territories"></i>
<i class="qi-1606"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1606" viewBox="0 0 16 16">
  <path d="M10.151 3.319h1.812a.6.6 0 0 1 .599.599v2.046a.7.7 0 1 0 1.4 0V3.918a2 2 0 0 0-1.999-1.999h-1.88c-.229-.319-.586-.541-1.01-.541H6.492c-.424 0-.78.222-1.01.541H3.49a2 2 0 0 0-1.999 1.999v8.17a2 2 0 0 0 1.999 1.999h1.369a.7.7 0 1 0 0-1.4H3.49a.6.6 0 0 1-.599-.599v-8.17a.6.6 0 0 1 .599-.599h1.924c.22.377.611.641 1.078.641h2.581c.467.001.859-.264 1.078-.641z"/>
  <path d="M10.67 8.139c-1.732.616-2.665-.042-2.72-.083a.701.701 0 0 0-.868 1.099c.045.035.825.643 2.201.643.532 0 1.153-.091 1.855-.341 2.137-.758 3.104-.064 3.13-.045a.7.7 0 0 0 .892-1.078c-.154-.128-1.598-1.226-4.49-.195zm0 2.528c-1.732.615-2.665-.042-2.721-.083a.701.701 0 0 0-.868 1.099c.045.035.825.643 2.201.643.532 0 1.153-.091 1.855-.341 2.137-.76 3.104-.064 3.13-.045a.699.699 0 1 0 .892-1.078c-.153-.129-1.597-1.226-4.489-.195zm0 2.528c-1.732.615-2.665-.041-2.721-.083a.701.701 0 0 0-.868 1.099c.045.035.825.643 2.201.643.532 0 1.153-.091 1.855-.341 2.14-.761 3.104-.065 3.13-.046a.7.7 0 0 0 .892-1.078c-.153-.128-1.594-1.225-4.489-.194z"/>
</svg>

Cold weather #

和风天气图标代码: 1607

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-cold-weather"></i>
<i class="qi-1607"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-1607" viewBox="0 0 16 16">
  <path d="M13.745 7.927V3.649c0-1.626-1.323-2.95-2.95-2.95s-2.95 1.324-2.95 2.95v4.278a4.178 4.178 0 0 0-1.25 2.968c0 2.316 1.885 4.2 4.2 4.2s4.2-1.884 4.2-4.2a4.176 4.176 0 0 0-1.25-2.968zm-2.95 5.768a2.803 2.803 0 0 1-2.8-2.8 2.79 2.79 0 0 1 1.002-2.126.701.701 0 0 0 .248-.534V3.649c0-.854.695-1.55 1.55-1.55s1.55.695 1.55 1.55v4.586a.7.7 0 0 0 .248.534 2.788 2.788 0 0 1 1.002 2.126c0 1.544-1.256 2.8-2.8 2.8zM7.22 5.327a.7.7 0 0 0-.7-.7H5.322l.599-1.038a.702.702 0 0 0-.256-.957.703.703 0 0 0-.957.257l-.599 1.037-.599-1.037a.702.702 0 0 0-.957-.257.702.702 0 0 0-.256.957l.599 1.038H1.698a.7.7 0 1 0 0 1.4h1.198l-.599 1.038a.7.7 0 0 0 1.213.7l.599-1.038.599 1.038a.7.7 0 1 0 1.213-.7l-.599-1.038H6.52a.7.7 0 0 0 .7-.7z"/>
  <path d="M11.245 9.303V7.175a.5.5 0 0 0-1 0v2.141a1.755 1.755 0 0 0 .522 3.431 1.754 1.754 0 0 0 .478-3.444z"/>
</svg>

Wind #

和风天气图标代码: 2001

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-wind"></i>
<i class="qi-2001"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2001" viewBox="0 0 16 16">
  <path d="M14.57 3.689s-6.977-2.06-9.323-2.672a.695.695 0 0 0-.836.497L1.028 14.121a.708.708 0 0 0 .476.847.71.71 0 0 0 .876-.485l1.462-5.45 10.829-4.214a.608.608 0 0 0-.101-1.13z"/>
</svg>

Snow ice #

和风天气图标代码: 2002

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-snow-ice"></i>
<i class="qi-2002"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2002" viewBox="0 0 16 16">
  <path d="M3.139 11.904H2.89l.125-.216a.5.5 0 0 0-.866-.5l-.124.215-.125-.215a.5.5 0 0 0-.866.5l.125.216h-.25a.5.5 0 0 0 0 1h.249l-.124.216a.5.5 0 1 0 .867.5l.124-.215.124.215a.502.502 0 0 0 .867-.5l-.126-.216h.249a.5.5 0 0 0 0-1zm11.952 0h-.249l.125-.216a.5.5 0 0 0-.866-.5l-.124.215-.124-.215a.5.5 0 0 0-.866.5l.125.216h-.249a.5.5 0 0 0 0 1h.249l-.125.216a.5.5 0 1 0 .867.5l.124-.215.122.215a.502.502 0 0 0 .867-.5l-.125-.216h.249a.5.5 0 0 0 0-1zm-.245-2.954c.768-.323 1.194-1.135 1.156-1.874-.05-.969-.898-1.831-2.027-1.93a2.928 2.928 0 0 0-1.75-1.13c-.178-1.577-1.452-2.741-2.859-2.762-1.123-.017-2.192.696-2.695 1.804a2.89 2.89 0 0 0-1.362.553 2.887 2.887 0 0 0-.878 1.082c-1.165-.155-1.991.454-2.353 1.181a1.713 1.713 0 0 0-1.207.131c-.49.259-.873.79-.873 1.414-.001.709.491 1.289 1.08 1.51.73.274 1.378-.09 1.468-.143.169.144.792.638 1.717.639a2.667 2.667 0 0 0 1.473-.45 3.9 3.9 0 0 0 2.195.368 3.861 3.861 0 0 0 1.665-.63 3.48 3.48 0 0 0 2.071.63 3.42 3.42 0 0 0 1.597-.449c.123.057.826.374 1.582.056zm-9.99 2.766 1.338 2.816 1.391-2.816-1.391-1.498zm3.666 0 1.338 2.816 1.391-2.816-1.391-1.498z"/>
</svg>

Fog #

和风天气图标代码: 2003

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-fog"></i>
<i class="qi-2003"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2003" viewBox="0 0 16 16">
  <path d="M.694 4.759h14.601a.7.7 0 1 0 0-1.4H.694a.7.7 0 1 0 0 1.4zM15.295 7.16H.694a.7.7 0 1 0 0 1.4h14.601a.7.7 0 1 0 0-1.4zm0 3.801H.694a.7.7 0 1 0 0 1.4h14.601a.7.7 0 1 0 0-1.4z"/>
</svg>

Coastal event #

和风天气图标代码: 2004

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-coastal-event"></i>
<i class="qi-2004"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2004" viewBox="0 0 16 16">
  <path d="M0 11.758s5.837-.185 6.688-3.165c.834-2.919-2.461-4.063-4.144-3.39-1.309.523-1.409 1.551-1.305 1.85 0 0 2.976-1.199 3.365 1.048C5.009 10.451 0 11.758 0 11.758z"/>
  <path d="M12.139 3.959c-1.375-3.316-6.282-.756-6.282-.756s4.48-.842 4.294 2.597-6.096 6.298-9.526 7.197c0 0 5.545-.449 8.377-2.458 2.832-2.008 4.018-4.455 3.137-6.58z"/>
  <path d="M15.975 5.813c-.33-3.664-4.08-3.806-4.08-3.806s4.332 3.607.571 7.584c-4.179 4.42-11.267 3.971-11.005 4.049 1.927.57 7.005.485 9.877-.941 2.723-1.352 4.919-3.754 4.637-6.886z"/>
</svg>

Forest fire #

和风天气图标代码: 2005

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-forest-fire"></i>
<i class="qi-2005"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2005" viewBox="0 0 16 16">
  <path d="M10.491 9.369C8.9 9.022 7.742 7.659 7.742 5.976c0-1.682 1.473-2.579 1.473-2.579L7.249.76a.298.298 0 0 0-.464 0L4.286 4.11c-.125.167.008.391.232.391h1.151L3.065 7.994c-.179.24.012.563.334.563h.718l-2.75 3.54c-.256.33.018.774.478.774h4.409v1.757a.736.736 0 1 0 1.47 0v-1.757h4.409c.46 0 .734-.444.478-.774l-2.12-2.728z"/>
  <path d="M14.243 3.147c-.925.272-1.185 1.055-1.126 1.546-.66-.801-.708-1.725-.633-3.051-2.117.824-1.624 3.201-1.688 3.923-.532-.45-.633-1.525-.633-1.525-.561.297-.843 1.095-.843 1.742 0 1.565 1.26 2.705 2.775 2.705s2.711-1.141 2.711-2.705c-.001-.93-.641-1.237-.563-2.635z"/>
</svg>

Rain warning #

和风天气图标代码: 2006

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-rain-warning"></i>
<i class="qi-2006"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2006" viewBox="0 0 16 16">
  <path d="M1 6.368a2.183 2.183 0 1 0 4.368 0c0-1.207-2.184-4.367-2.184-4.367S1 5.161 1 6.368zm4.816 5.449a2.183 2.183 0 1 0 4.368 0C10.184 10.61 8 7.449 8 7.449s-2.184 3.161-2.184 4.368zm7-9.816s-2.184 3.161-2.184 4.368A2.183 2.183 0 1 0 15 6.368c0-1.208-2.184-4.367-2.184-4.367z" style="fill-rule:evenodd;clip-rule:evenodd"/>
</svg>

Rain flood #

和风天气图标代码: 2007

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-rain-flood"></i>
<i class="qi-2007"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2007" viewBox="0 0 16 16">
  <path d="M6.998 4.863a.701.701 0 0 0-1.213.701L6.787 7.3H4.782a.7.7 0 1 0 0 1.4h2.005l-1.002 1.736a.701.701 0 0 0 1.213.701L8 9.401l1.002 1.736a.7.7 0 0 0 .956.256.701.701 0 0 0 .257-.957L9.213 8.7h2.005a.7.7 0 1 0 0-1.4H9.213l1.002-1.736a.701.701 0 0 0-1.213-.701L8 6.599 6.998 4.863z"/>
  <path d="M14.649 3.743 8.35.095a.693.693 0 0 0-.701 0L1.351 3.743A.705.705 0 0 0 1 4.352v7.296c0 .251.134.483.351.609l6.298 3.648a.688.688 0 0 0 .701 0l6.298-3.648a.703.703 0 0 0 .352-.609V4.352a.705.705 0 0 0-.351-.609zm-1.052 7.499L8 14.484l-5.597-3.242V4.759L8 1.516l5.597 3.242v6.484z"/>
</svg>

Freezing rain icing #

和风天气图标代码: 2008

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-freezing-rain-icing"></i>
<i class="qi-2008"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2008" viewBox="0 0 16 16">
  <path d="M5.345 4.508a.858.858 0 0 0 .859-.858c0-.474-.859-1.717-.859-1.717s-.858 1.242-.858 1.717c0 .474.383.858.858.858zm9.438 8.585c-.123-.07-3.046-1.697-7.381-.233-1.997.674-5.281.118-5.314.112a.7.7 0 0 0-.239 1.379c.09.016 1.416.241 2.967.241 1.009 0 2.113-.096 3.034-.406 3.709-1.25 6.141.067 6.239.122.334.19.763.075.956-.26a.702.702 0 0 0-.262-.955zm.348-5.8a.357.357 0 0 0 .33-.588l-3.474-3.918a1.01 1.01 0 0 0-1.224-.224L6.064 5.024a.357.357 0 0 0 .103.668l1.054.188-.836 4.549c-1.932.281-4.271-.113-4.298-.117a.7.7 0 1 0-.239 1.379c.09.016 1.414.24 2.964.24 1.01 0 2.115-.095 3.037-.406 3.709-1.249 6.14.067 6.239.122a.7.7 0 1 0 .694-1.215c-.045-.026-.472-.262-1.207-.478l.505-2.849 1.051.188zm-6.505 2.57.289-1.524a.496.496 0 0 1 .575-.405l1.757.314a.495.495 0 0 1 .401.573l-.138.787.01.002c-.835-.047-1.81.011-2.894.253zm-5.84-3.35c.474 0 .858-.384.858-.858s-.858-1.718-.858-1.718-.858 1.243-.858 1.717.384.859.858.859z"/>
  <path d="M4.062 9.646c.474 0 .858-.384.858-.858s-.858-1.717-.858-1.717-.859 1.242-.859 1.717.384.858.859.858z"/>
</svg>

Ground frost #

和风天气图标代码: 2009

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-ground-frost"></i>
<i class="qi-2009"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2009" viewBox="0 0 16 16">
  <path d="M1.703 12.08h12.594a.7.7 0 0 0 .7-.702V3.543a.7.7 0 1 0-1.4 0v7.132H2.403V3.543a.704.704 0 0 0-.7-.702c-.384 0-.7.317-.7.702v7.834c0 .388.313.703.7.703z"/>
  <path d="M4.14 6.273h2.648L5.463 8.566a.701.701 0 0 0 1.214.699L8 6.973l1.324 2.293a.7.7 0 1 0 1.213-.699L9.213 6.273h2.648a.7.7 0 1 0 0-1.4H9.212l1.324-2.294a.7.7 0 0 0-1.212-.699L8 4.173 6.676 1.88a.7.7 0 0 0-1.213.699l1.324 2.294H4.14a.7.7 0 1 0 0 1.4zm10.3 7.015H1.56a.7.7 0 1 0 0 1.4h12.88a.7.7 0 1 0 0-1.4z"/>
</svg>

Dust raising winds #

和风天气图标代码: 2010

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-dust-raising-winds"></i>
<i class="qi-2010"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2010" viewBox="0 0 16 16">
  <circle cx="5.943" cy="2.499" r="1"/>
  <circle cx="14.036" cy="6.182" r="1"/>
  <circle cx="3.846" cy="12.721" r="1.308"/>
  <path d="M9.528 3.891a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0zm-1.49 7.358a.871.871 0 1 0 0 1.742.871.871 0 0 0 0-1.742z"/>
  <path d="M12.817 4.107c0-1.716-1.305-3.112-2.908-3.112H8.696a.7.7 0 1 0 0 1.4h1.213c.831 0 1.507.768 1.507 1.712s-.676 1.712-1.507 1.712H1.686a.7.7 0 1 0 0 1.4H9.91c1.602.001 2.907-1.396 2.907-3.112zm-1.351 4.516H2.635a.7.7 0 1 0 0 1.4h8.832c.921 0 1.67.809 1.67 1.804s-.749 1.805-1.67 1.805h-1.303a.7.7 0 1 0 0 1.4h1.303c1.693 0 3.071-1.438 3.071-3.205-.001-1.766-1.378-3.204-3.072-3.204z"/>
</svg>

Strong surface winds #

和风天气图标代码: 2011

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-strong-surface-winds"></i>
<i class="qi-2011"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2011" viewBox="0 0 16 16">
  <path d="M14.44 13.288H1.56a.7.7 0 1 0 0 1.4h12.88a.7.7 0 1 0 0-1.4zM1.56 12.252h12.88a.7.7 0 1 0 0-1.4h-3.992l.38-1.291 3.724-1.833a.224.224 0 0 0-.037-.417l-3.44-.987c-.008-.003-.013-.009-.021-.011a.7.7 0 0 0-.869.475l-1.123 3.817a.72.72 0 0 0-.022.247H3.276l.694-2.364 9.247-4.553a.5.5 0 0 0-.083-.928L5.502.818C5.498.816 5.495.813 5.491.812L5.477.811 5.435.798l-.002.008a.694.694 0 0 0-.811.48l-2.805 9.565H1.56a.7.7 0 1 0 0 1.401z"/>
</svg>

Hot day #

和风天气图标代码: 2012

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-hot-day"></i>
<i class="qi-2012"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2012" viewBox="0 0 16 16">
  <path d="M13.745 8.027V3.749c0-1.626-1.323-2.95-2.95-2.95s-2.95 1.324-2.95 2.95v4.278a4.178 4.178 0 0 0-1.25 2.968c0 2.316 1.885 4.2 4.2 4.2s4.2-1.884 4.2-4.2a4.176 4.176 0 0 0-1.25-2.968zm-2.95 5.768a2.803 2.803 0 0 1-2.8-2.8 2.79 2.79 0 0 1 1.002-2.126.701.701 0 0 0 .248-.534V3.749c0-.854.695-1.55 1.55-1.55s1.55.695 1.55 1.55v4.586a.7.7 0 0 0 .248.534 2.788 2.788 0 0 1 1.002 2.126c0 1.544-1.256 2.8-2.8 2.8z"/>
  <path d="M11.245 9.403V5.275a.5.5 0 0 0-1 0v4.141a1.754 1.754 0 0 0 .522 3.431 1.76 1.76 0 0 0 1.759-1.759c0-.805-.543-1.476-1.281-1.685zM6.399 3.147c-.925.272-1.185 1.055-1.126 1.545-.66-.801-.707-1.725-.633-3.051-2.116.824-1.624 3.201-1.687 3.923-.533-.45-.633-1.525-.633-1.525-.562.298-.844 1.096-.844 1.743 0 1.565 1.26 2.705 2.775 2.705s2.711-1.141 2.711-2.705c-.001-.93-.641-1.237-.563-2.635z"/>
</svg>

Warm night #

和风天气图标代码: 2013

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-warm-night"></i>
<i class="qi-2013"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2013" viewBox="0 0 16 16">
  <path d="M13.745 8.027V3.749c0-1.626-1.323-2.95-2.95-2.95s-2.95 1.324-2.95 2.95v4.278a4.178 4.178 0 0 0-1.25 2.968c0 2.316 1.885 4.2 4.2 4.2s4.2-1.884 4.2-4.2a4.176 4.176 0 0 0-1.25-2.968zm-2.95 5.768a2.803 2.803 0 0 1-2.8-2.8 2.79 2.79 0 0 1 1.002-2.126.701.701 0 0 0 .248-.534V3.749c0-.854.695-1.55 1.55-1.55s1.55.695 1.55 1.55v4.586a.7.7 0 0 0 .248.534 2.788 2.788 0 0 1 1.002 2.126c0 1.544-1.256 2.8-2.8 2.8z"/>
  <path d="M11.245 9.403V5.275a.5.5 0 0 0-1 0v4.141a1.754 1.754 0 0 0 .522 3.431 1.76 1.76 0 0 0 1.759-1.759c0-.805-.543-1.476-1.281-1.685zM6.399 3.147c-.925.272-1.185 1.055-1.126 1.545-.66-.801-.707-1.725-.633-3.051-2.116.824-1.624 3.201-1.687 3.923-.533-.45-.633-1.525-.633-1.525-.562.298-.844 1.096-.844 1.743 0 1.565 1.26 2.705 2.775 2.705s2.711-1.141 2.711-2.705c-.001-.93-.641-1.237-.563-2.635z"/>
</svg>

Cold day #

和风天气图标代码: 2014

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-cold-day"></i>
<i class="qi-2014"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2014" viewBox="0 0 16 16">
  <path d="M13.745 7.927V3.649c0-1.626-1.323-2.95-2.95-2.95s-2.95 1.324-2.95 2.95v4.278a4.178 4.178 0 0 0-1.25 2.968c0 2.316 1.885 4.2 4.2 4.2s4.2-1.884 4.2-4.2a4.176 4.176 0 0 0-1.25-2.968zm-2.95 5.768a2.803 2.803 0 0 1-2.8-2.8 2.79 2.79 0 0 1 1.002-2.126.701.701 0 0 0 .248-.534V3.649c0-.854.695-1.55 1.55-1.55s1.55.695 1.55 1.55v4.586a.7.7 0 0 0 .248.534 2.788 2.788 0 0 1 1.002 2.126c0 1.544-1.256 2.8-2.8 2.8zM7.22 5.327a.7.7 0 0 0-.7-.7H5.322l.599-1.038a.702.702 0 0 0-.256-.957.703.703 0 0 0-.957.257l-.599 1.037-.599-1.037a.702.702 0 0 0-.957-.257.702.702 0 0 0-.256.957l.599 1.038H1.698a.7.7 0 1 0 0 1.4h1.198l-.599 1.038a.7.7 0 0 0 1.213.7l.599-1.038.599 1.038a.7.7 0 1 0 1.213-.7l-.599-1.038H6.52a.7.7 0 0 0 .7-.7z"/>
  <path d="M11.245 9.303V7.175a.5.5 0 0 0-1 0v2.141a1.755 1.755 0 0 0 .522 3.431 1.754 1.754 0 0 0 .478-3.444z"/>
</svg>

Thunderstorm and lightning #

和风天气图标代码: 2015

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-thunderstorm-and-lightning"></i>
<i class="qi-2015"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2015" viewBox="0 0 16 16">
  <path d="M13.975 4.9a2.933 2.933 0 0 0-1.75-1.13c-.178-1.577-1.452-2.741-2.859-2.762-1.123-.018-2.192.696-2.695 1.804a2.89 2.89 0 0 0-1.362.553 2.887 2.887 0 0 0-.878 1.082c-1.165-.156-1.991.454-2.353 1.181a1.707 1.707 0 0 0-1.207.131c-.49.259-.873.79-.873 1.414-.001.709.491 1.289 1.08 1.51.73.274 1.378-.09 1.468-.143.169.144.792.638 1.717.639a2.667 2.667 0 0 0 1.473-.45c.177.086.507.221.932.31l-1.183 1.839a.232.232 0 0 0 .203.344h1.56c.05 0 .087.048.073.097L6.246 15.01l4.511-4.793a.231.231 0 0 0-.169-.39H9.062a.075.075 0 0 1-.063-.117l.88-1.067c.372.21.995.474 1.788.453a3.42 3.42 0 0 0 1.597-.449c.122.057.826.374 1.582.056.768-.323 1.194-1.135 1.156-1.874-.05-.968-.898-1.831-2.027-1.929z"/>
  <path d="M4.949 11.437H3.915a.051.051 0 0 1-.043-.079l.983-1.191a.11.11 0 0 0-.092-.169H2.978a.188.188 0 0 0-.164.096l-1.322 2.055a.157.157 0 0 0 .137.233h1.057c.034 0 .059.033.049.066l-.728 2.501 3.056-3.247a.157.157 0 0 0-.114-.265zm9.261 0h-1.034a.051.051 0 0 1-.043-.079l.983-1.191a.11.11 0 0 0-.092-.169h-1.785a.188.188 0 0 0-.164.096l-1.322 2.055a.157.157 0 0 0 .137.233h1.057c.034 0 .059.033.049.066l-.728 2.501 3.056-3.247a.157.157 0 0 0-.114-.265z"/>
</svg>

Hailstorm #

和风天气图标代码: 2016

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-hailstorm"></i>
<i class="qi-2016"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2016" viewBox="0 0 16 16">
  <path d="m5.264 11.451 1.137 2.393 1.182-2.393-1.182-1.273zm2.862-2.256 1.385 2.916 1.441-2.916-1.441-1.551zm3.368 2.256 1.137 2.393 1.183-2.393-1.183-1.273z"/>
  <path d="M14.57 3.689s-6.977-2.06-9.323-2.672a.695.695 0 0 0-.836.497L1.028 14.12a.708.708 0 0 0 .476.847.71.71 0 0 0 .876-.485l1.462-5.45 10.829-4.214a.607.607 0 0 0-.101-1.129z"/>
</svg>

Sea area warning #

和风天气图标代码: 2017

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-sea-area-warning"></i>
<i class="qi-2017"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2017" viewBox="0 0 16 16">
  <path d="M0 11.77s5.837-.185 6.688-3.165c.834-2.919-2.461-4.063-4.144-3.39-1.309.524-1.408 1.551-1.305 1.851 0 0 2.976-1.199 3.365 1.048C5.01 10.463 0 11.77 0 11.77z"/>
  <path d="M12.14 3.972c-1.375-3.316-6.282-.756-6.282-.756s4.48-.842 4.294 2.597S4.056 12.111.626 13.01c0 0 5.545-.449 8.377-2.458 2.831-2.008 4.017-4.456 3.137-6.58z"/>
  <path d="M15.975 5.825c-.33-3.664-4.08-3.806-4.08-3.806s4.332 3.607.571 7.584c-4.179 4.42-11.267 3.971-11.005 4.049 1.927.57 7.005.485 9.877-.941 2.723-1.352 4.92-3.754 4.637-6.886z"/>
</svg>

Fishermen warning #

和风天气图标代码: 2018

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-fishermen-warning"></i>
<i class="qi-2018"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2018" viewBox="0 0 16 16">
  <path d="M5.356 12.179c-1.732-.541-3.334.067-4.606 1.149 0 0 2.528 2.851 6.224.402l1.077.908v-2.482l-1.025.864c-.506-.294-1.26-.713-1.67-.841zm7.06.191c-1.24-.387-2.387.048-3.298.822 0 0 1.81 2.041 4.456.288l.771.65v-1.777l-.734.619c-.362-.211-.902-.51-1.195-.602zm3.161-7.013a.501.501 0 0 0-.656-.264c-.035.015-.313.134-.734.331-.295-.176-.645-.39-1.021-.633.312-.15.509-.24.515-.242a.5.5 0 0 0-.406-.914 28.81 28.81 0 0 0-1.058.508 15.852 15.852 0 0 1-.831-.629l-.137-.114.415-.214a.5.5 0 0 0-.453-.891c-.038.019-.341.174-.784.405a53.714 53.714 0 0 1-1.264-1.137c.283-.27.46-.452.48-.474A.5.5 0 0 0 8.919.4c-.005.006-.186.192-.485.475a35.105 35.105 0 0 1-.215-.208.5.5 0 1 0-.701.713l.174.169a26.38 26.38 0 0 1-1.371 1.115 17.361 17.361 0 0 0-.665-.383.5.5 0 0 0-.47.883c.004.002.101.055.251.141-.105.073-.204.146-.312.218-.264.176-.544.35-.828.521-.329-.21-.562-.352-.59-.37a.501.501 0 0 0-.519.856l.126.078c-.505.278-.992.53-1.408.739l-.27-.158a.497.497 0 0 0-.681.188.487.487 0 0 0-.017.441l-.262.122a.5.5 0 1 0 .413.91c.035-.016.329-.15.773-.366.381.231.878.544 1.4.892-.391.332-.632.552-.658.575a.5.5 0 0 0 .676.736c.007-.007.322-.292.835-.72.198.143.392.289.578.434.257.201.5.398.732.59-.352.389-.578.665-.603.695a.5.5 0 1 0 .779.626c.006-.007.228-.279.587-.671.317.278.604.537.841.759-.36.347-.602.591-.628.618a.5.5 0 0 0 .714.7c.007-.007.254-.257.634-.622l.181.184a.496.496 0 0 0 .706.019.5.5 0 0 0 .021-.707l-.177-.181c.285-.261.596-.539.926-.821.267.288.423.467.427.472a.5.5 0 0 0 .76-.65c-.017-.019-.168-.193-.414-.46a13.462 13.462 0 0 1 1.235-.891c.333.351.527.573.533.579a.502.502 0 0 0 .705.049.5.5 0 0 0 .049-.705c-.018-.02-.172-.195-.414-.455.66-.379 1.317-.715 1.852-.974.227.13.373.209.395.221a.499.499 0 0 0 .678-.201.495.495 0 0 0-.026-.507l.128-.056a.497.497 0 0 0 .263-.655zm-4.824-1.069c.153.125.314.247.474.369-.37.199-.783.43-1.215.682-.19-.164-.384-.329-.586-.494-.121-.099-.238-.187-.357-.28.42-.233.843-.461 1.222-.662.154.129.307.259.462.385zM7.364 6.242a14.68 14.68 0 0 0-.454-.372c.146-.098.287-.197.437-.294.225-.146.494-.308.782-.477.218.165.441.338.666.521.107.087.206.174.31.261-.094.058-.184.11-.279.17-.324.204-.634.427-.935.658a29.812 29.812 0 0 0-.527-.467zm1.06-4.002c.305.284.663.612 1.057.961-.412.221-.856.464-1.284.706-.35-.252-.675-.476-.972-.672.457-.358.858-.695 1.199-.995zM5.679 4.355c.24-.16.467-.321.691-.482.262.168.559.366.877.587-.158.096-.309.189-.444.276-.255.166-.5.333-.74.499a33.106 33.106 0 0 0-.842-.585c.156-.097.309-.195.458-.295zM2.912 5.957c.424-.22.888-.469 1.357-.738.287.189.601.4.929.63-.421.31-.793.599-1.128.866a35.187 35.187 0 0 0-1.158-.758zM4.919 7.32a35.66 35.66 0 0 1 1.131-.85c.234.179.461.357.661.53.138.119.264.234.395.35-.362.314-.696.626-.987.918a35.42 35.42 0 0 0-.808-.653c-.127-.099-.261-.197-.392-.295zm2.842 2.394c-.245-.23-.543-.5-.876-.792.289-.286.61-.589.964-.893.324.305.61.586.863.841-.34.291-.661.577-.951.844zm1.724-1.486a37.132 37.132 0 0 0-.848-.833c.234-.174.475-.342.72-.496.183-.115.359-.219.537-.327.294.268.562.524.805.764a15.02 15.02 0 0 0-1.214.892zm2.086-1.437a29.738 29.738 0 0 0-.776-.749 41.18 41.18 0 0 1 1.343-.733c.342.232.675.447.98.637-.482.245-1.016.532-1.547.845z"/>
</svg>

Low humidity #

和风天气图标代码: 2019

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-low-humidity"></i>
<i class="qi-2019"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2019" viewBox="0 0 16 16">
  <style>
    .st6{fill-rule:evenodd;clip-rule:evenodd}
  </style>
  <g id="&#x56FE;&#x5C42;_1">
    <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-.317s.256-.484.256-.816c0-.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-.314-.294 0-.528.107-.701.321s-.26.485-.26.813c0 .33.086.602.258.814.172.213.406.319.702.319.299 0 .534-.106.705-.318zm-1.176-.816c0-.482.157-.723.472-.723s.472.241.472.723-.157.723-.472.723-.472-.241-.472-.723zm3.486-1.091a.29.29 0 0 0-.398.097l-2.955 4.831a.29.29 0 0 0 .247.44.286.286 0 0 0 .247-.139l2.955-4.831a.289.289 0 0 0-.096-.398z" class="st6"/>
    <path d="M7.694.214S2.503 7.726 2.503 10.595s2.322 5.19 5.191 5.19c2.869 0 5.191-2.321 5.191-5.19S7.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.618a3.249 3.249 0 0 0-.924-.148z" class="st6"/>
  </g>
</svg>

Accumulated rain #

和风天气图标代码: 2020

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-accumulated-rain"></i>
<i class="qi-2020"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2020" viewBox="0 0 16 16">
  <path d="M6.727 14.144a1.272 1.272 0 1 0 2.546 0C9.273 13.44 8 11.598 8 11.598s-1.273 1.842-1.273 2.546zM2.545 12.68a1.272 1.272 0 1 0 2.546 0c0-.704-1.273-2.546-1.273-2.546s-1.273 1.843-1.273 2.546zm9.637-2.546s-1.273 1.842-1.273 2.546a1.272 1.272 0 1 0 2.546 0c0-.703-1.273-2.546-1.273-2.546z" style="fill-rule:evenodd;clip-rule:evenodd"/>
  <path d="M2.554 9.267h10.891a.61.61 0 0 0 .492-.968L8.492.833a.61.61 0 0 0-.984 0L2.062 8.299a.61.61 0 0 0 .492.968zM8 7.477a.446.446 0 1 1 0-.893.446.446 0 0 1 0 .893zm0-3.691c.336 0 .595.297.548.63L8.302 6.18h-.604l-.247-1.763A.555.555 0 0 1 8 3.786z"/>
</svg>

Hazardous surf warning #

和风天气图标代码: 2021

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-hazardous-surf-warning"></i>
<i class="qi-2021"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2021" viewBox="0 0 16 16">
  <path d="M15.422 5.571 12.227.345a.256.256 0 0 0-.438 0L8.595 5.571a.257.257 0 0 0 .219.391h6.389c.201 0 .324-.22.219-.391zm-3.414-.784a.292.292 0 1 1 0-.585.292.292 0 0 1 0 .585zm.198-.85h-.396l-.161-1.157a.363.363 0 1 1 .72 0l-.163 1.157zM4.7 6.253a.793.793 0 1 0-.001-1.585.793.793 0 0 0 .001 1.585z"/>
  <path d="M15.649 15.871c-.592-2.882-.113-4.102-.938-5.691-.656-1.262-3.212-.883-3.499.122 1.232-.292 1.293 1.814-.793 3.355a49.73 49.73 0 0 0-.904-.416c.967-.835 1.404-1.81 1.112-2.559-.213-.549-.725-.791-1.218-1.025-.998-.475-2.74-.624-3.284-.63a3.079 3.079 0 0 1-.446-.983c.383.121.784.186 1.192.186.755 0 1.53-.207 2.244-.621a.501.501 0 0 0-.502-.865c-1.062.616-2.282.642-3.217.083a.692.692 0 0 0-.514-.234.694.694 0 0 0-.409.155c-.024.001-.046-.006-.07-.001a2.925 2.925 0 0 1-2.942-1.266.501.501 0 0 0-.83.559 3.944 3.944 0 0 0 3.257 1.754c.107 0 .215-.021.323-.03.078.731.364 1.77 1.283 2.695a.696.696 0 0 0 .497.207.683.683 0 0 0 .292-.071c.047-.019.708-.277 1.235.079.052.035.5.354.47.727-.026.331-.428.714-1.031.755-.012.001-.022.008-.034.009a27.111 27.111 0 0 0-1.375-.479c-2.38-.751-4.485-1.192-5.197-1.264.381 1.479 1.599 2.326 2.847 3.052.958.558 2.879 1.357 3.721 1.7-1.31.347-2.484.52-2.968.696l11.698.001zm-6.664-4.39c.034-.422-.117-.772-.307-1.043.108.038.211.078.302.121.347.164.646.307.716.485.126.323-.257 1.036-1.115 1.669-.032.024-.053.056-.078.085l-.239-.1c.407-.305.682-.734.721-1.217z"/>
</svg>

Marine wind warning #

和风天气图标代码: 2022

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-marine-wind-warning"></i>
<i class="qi-2022"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2022" viewBox="0 0 16 16">
  <path d="M14.64 9.865c-.089-.052-2.212-1.264-5.34-.185-1.338.465-3.577.077-3.6.072a.7.7 0 0 0-.245 1.378c.064.012 1.003.175 2.108.175.727 0 1.526-.071 2.195-.302 2.487-.861 4.11.033 4.174.07a.7.7 0 1 0 .708-1.208zm0 2.663c-.089-.052-2.212-1.265-5.34-.185-1.339.463-3.578.076-3.601.072a.7.7 0 0 0-.245 1.378c.064.012 1.002.175 2.107.175.727 0 1.527-.071 2.196-.302 2.487-.86 4.11.033 4.174.07a.703.703 0 0 0 .958-.25.698.698 0 0 0-.249-.958z"/>
  <path d="M14.561 3.693s-6.977-2.06-9.323-2.672a.695.695 0 0 0-.836.497L1.019 14.124a.708.708 0 0 0 .476.847.71.71 0 0 0 .876-.485l1.462-5.45 10.829-4.214a.607.607 0 0 0-.101-1.129z"/>
</svg>

Road weather alert #

和风天气图标代码: 2023

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-road-weather-alert"></i>
<i class="qi-2023"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2023" viewBox="0 0 16 16">
  <path d="M13.935 6.893 10.74 1.667a.256.256 0 0 0-.438 0L7.107 6.893a.257.257 0 0 0 .22.391h6.389c.2 0 .323-.22.219-.391zm-3.414-.784a.292.292 0 1 1 0-.585.292.292 0 0 1 0 .585zm.198-.85h-.396l-.162-1.157a.363.363 0 1 1 .72 0l-.162 1.157zm-2.111 7.314 6.353-1.631-11.186-2.39 2.459 2.078L0 12.292l9.089 3.481L16 14.474z"/>
</svg>

Thunder rain #

和风天气图标代码: 2024

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-thunder-rain"></i>
<i class="qi-2024"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2024" viewBox="0 0 16 16">
  <path d="M13.974 4.891a2.933 2.933 0 0 0-1.75-1.13C12.046 2.184 10.772 1.02 9.365.999 8.241.982 7.173 1.695 6.67 2.803a2.89 2.89 0 0 0-1.362.553 2.903 2.903 0 0 0-.879 1.082c-1.164-.155-1.99.454-2.352 1.181-.139-.035-.667-.155-1.207.131-.49.259-.873.79-.873 1.414-.001.709.491 1.289 1.08 1.51.73.274 1.378-.09 1.468-.143a2.7 2.7 0 0 0 1.717.639 2.667 2.667 0 0 0 1.473-.45c.177.086.507.221.932.31l-1.183 1.839a.232.232 0 0 0 .203.344h1.56c.05 0 .087.048.073.097l-1.074 3.691 4.511-4.793a.231.231 0 0 0-.169-.39H9.061a.075.075 0 0 1-.063-.117l.88-1.067c.372.21.995.474 1.788.453a3.42 3.42 0 0 0 1.597-.449c.122.057.826.374 1.582.056.768-.323 1.194-1.135 1.156-1.874-.05-.968-.898-1.83-2.027-1.929z"/>
  <path d="M1.068 11.253c0 .416.337.752.754.752s.754-.337.754-.752c0-.416-.754-1.505-.754-1.505s-.754 1.089-.754 1.505zm12.356 0c0 .416.337.752.754.752s.754-.337.754-.752c0-.416-.754-1.505-.754-1.505s-.754 1.089-.754 1.505zm-9.66 1.128c0 .416.337.752.754.752s.754-.337.754-.752-.754-1.505-.754-1.505-.754 1.089-.754 1.505zm6.965 0c0 .416.337.752.754.752s.754-.337.754-.752-.754-1.505-.754-1.505-.754 1.089-.754 1.505z"/>
</svg>

Thunder rain and fog #

和风天气图标代码: 2025

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-thunder-rain-and-fog"></i>
<i class="qi-2025"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2025" viewBox="0 0 16 16">
  <path d="M10.611 11.4H9.389a.06.06 0 0 1-.051-.093L10.5 9.511a.13.13 0 0 0-.109-.2h-2.09a.254.254 0 0 0-.223.131l-1.553 2.799a.186.186 0 0 0 .162.276h1.249a.06.06 0 0 1 .058.077l-.86 2.956 3.612-3.838a.185.185 0 0 0-.135-.312zm.673 1.634c0 .921.746 1.666 1.669 1.666s1.669-.745 1.669-1.666-1.669-3.333-1.669-3.333-1.669 2.411-1.669 3.333z"/>
  <path d="M14.265 4.449H1.735a1 1 0 1 1 0-2h12.529a1 1 0 1 1 .001 2zm0 3.965H1.735a1 1 0 1 1 0-2h12.529a1 1 0 1 1 .001 2zM5.03 12.426H1.735a1 1 0 1 1 0-2H5.03a1 1 0 1 1 0 2z" style="fill:#060001"/>
</svg>

Damaging winds #

和风天气图标代码: 2026

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-damaging-winds"></i>
<i class="qi-2026"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2026" viewBox="0 0 16 16">
  <path d="M14.561 3.693s-6.977-2.06-9.323-2.672a.695.695 0 0 0-.836.497L1.019 14.124a.708.708 0 0 0 .476.847.71.71 0 0 0 .876-.485l1.462-5.45 10.829-4.214a.607.607 0 0 0-.101-1.129z"/>
  <path d="m12.245 13.665.707-2.191 1.007.325a.198.198 0 0 0 .23-.29l-2.246-3.706a.197.197 0 0 0-.246-.079L7.708 9.416a.198.198 0 0 0 .016.37l1.007.325-1.147 3.553H5.182v1.159h9.819v-1.159h-2.756zm-3-1.568a.307.307 0 0 1 .387-.198l1.544.498c.162.052.25.225.198.387l-.284.88H8.739l.506-1.567z"/>
</svg>

Veld fire conditions #

和风天气图标代码: 2027

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-veld-fire-conditions"></i>
<i class="qi-2027"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2027" viewBox="0 0 16 16">
  <path d="M12.79 10.594c-.834 0-1.348-.109-2.007-.469-.654 1.09-1.218 2.437-1.394 3.678a21.805 21.805 0 0 0-.812-5.437c-.686-2.457-2.405-4.85-5.652-6.558 1.517 2.211 2.092 4.531 2.41 6.967.263 2.015.228 4.263-.219 5.856a7.76 7.76 0 0 0-.812-3.186C3.626 10.077 2.53 8.801.893 7.804c.742 1.675 1.209 3.13 1.402 4.369.172 1.112.079 2.125-.278 3.04h7.251v.002h4.769c-.956-1.821-.021-4.675.007-4.81a4.597 4.597 0 0 1-1.254.189z"/>
  <path d="M14.847 4.7c-.872.156-1.188.845-1.183 1.299-.522-.798-.473-1.646-.272-2.849-2.015.541-1.804 2.76-1.934 3.413-.441-.464-.425-1.456-.425-1.456-.543.216-.88.917-.945 1.508-.158 1.427.879 2.595 2.262 2.747 1.383.152 2.589-.77 2.746-2.199.093-.85-.46-1.194-.249-2.463z"/>
</svg>

Weather advisory #

和风天气图标代码: 2028

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-weather-advisory"></i>
<i class="qi-2028"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-2028" viewBox="0 0 16 16">
  <circle cx="7.606" cy="12.063" r=".712"/>
  <path d="M7.606 6.88a.885.885 0 0 0-.876 1.007l.393 2.817h.965l.394-2.817a.884.884 0 0 0-.876-1.007z"/>
  <path d="m13.797 9.03-.738.738a1.896 1.896 0 0 1 1.185 1.755 1.898 1.898 0 0 1-1.896 1.896H4.042a2.903 2.903 0 0 1-2.899-2.9A2.902 2.902 0 0 1 4.042 7.62l.497.038.145-.308a3.497 3.497 0 0 1 3.154-2.013c1.325 0 2.465.752 3.054 1.844l.73-.73c-.794-1.263-2.185-2.113-3.784-2.113a4.504 4.504 0 0 0-3.903 2.283 3.905 3.905 0 0 0-3.792 3.898c0 2.15 1.749 3.9 3.899 3.9h8.307a2.9 2.9 0 0 0 2.896-2.896 2.889 2.889 0 0 0-1.448-2.493zm1.822-2.825L14.244 4.83a.457.457 0 0 0-.647 0l-.339.339 2.023 2.023.339-.339a.459.459 0 0 0-.001-.648z"/>
  <path d="m9.452 10.997 2.763-.74-2.023-2.023zm5.673-3.65-2.023-2.023-2.734 2.734 2.023 2.023 2.734-2.734zM11.52 8.583l2.106-2.106.347.346-2.107 2.107-.346-.347z"/>
</svg>

Severe weather warning #

和风天气图标代码: 9998

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-severe-weather-warning"></i>
<i class="qi-9998"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-9998" viewBox="0 0 16 16">
  <path d="M15.53 13.135 8.653 1.886a.553.553 0 0 0-.944 0L.832 13.135a.553.553 0 0 0 .472.841h13.754a.553.553 0 0 0 .472-.841zm-7.349-1.686a.629.629 0 1 1 0-1.258.629.629 0 0 1 0 1.258zm.426-1.831h-.853l-.348-2.491a.782.782 0 1 1 1.55 0l-.349 2.491z"/>
</svg>

Warning default #

和风天气图标代码: 9999

下载

下载使用或编辑这张SVG格式的图标

下载 SVG

图标字体

如果已经引入了和风天气字体,直接复制粘贴即可

<i class="qi-warning-default"></i>
<i class="qi-9999"></i>

HTML

复制下列代码到你的项目中

<svg style="enable-background:new 0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="qi-9999" viewBox="0 0 16 16">
  <path d="M15.53 13.135 8.653 1.886a.553.553 0 0 0-.944 0L.832 13.135a.553.553 0 0 0 .472.841h13.754a.553.553 0 0 0 .472-.841zm-7.349-1.686a.629.629 0 1 1 0-1.258.629.629 0 0 1 0 1.258zm.426-1.831h-.853l-.348-2.491a.782.782 0 1 1 1.55 0l-.349 2.491z"/>
</svg>