Night Alt Cloudy Gusts アイコン

wi:night-alt-cloudy-gusts

Night Alt Cloudy Gusts アイコン(wi:night-alt-cloudy-gusts)は、Weather Icons セットの無料 SVG アイコンです（作者: Erik Flowers）。 30 × 30 のグリッドで描かれています。 Weather Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Weather Icons
作者: Erik Flowers
ライセンス: OFL-1.1
サイズ: 30 × 30
タグ: nightalt、altcloudy、cloudygusts、nightaltcloudygusts、gust、owm night 803、owm night 801、owm night 802

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M2.98 21.02q0 .345.27.6c.17.17.37.25.61.25H9.6c.26 0 .49.1.69.29s.3.42.3.68q0 .405-.3.69c-.3.285-.43.29-.69.29s-.48-.1-.68-.3a.9.9 0 0 0-.61-.24q-.36 0-.6.24t-.24.6q0 .33.24.6c.52.53 1.16.79 1.89.79s1.37-.26 1.89-.78q.78-.78.78-1.89t-.78-1.89c-.78-.78-1.15-.79-1.89-.79H3.86a.87.87 0 0 0-.62.26c-.17.17-.26.37-.26.6m0-3.02c0 .22.09.41.27.58c.17.16.38.24.61.24h10.85q1.11 0 1.89-.78c.52-.52.78-1.15.78-1.88c0-.74-.26-1.36-.78-1.88s-1.15-.77-1.89-.77c-.76 0-1.39.25-1.89.76c-.15.16-.23.36-.23.61s.08.45.23.6s.35.23.59.23s.44-.07.62-.23c.19-.19.42-.28.68-.28s.48.09.67.28a.94.94 0 0 1 0 1.36c-.19.19-.42.29-.67.29H3.86a.87.87 0 0 0-.62.26c-.17.18-.26.38-.26.61m2.52-2.35c0 .09.05.13.16.13H7.1c.08 0 .15-.05.22-.15q.33-.81 1.05-1.35c.47-.35 1-.55 1.58-.6l.52-.07c.12 0 .19-.06.19-.17l.08-.52c.11-1.08.57-1.99 1.38-2.71c.81-.73 1.77-1.09 2.86-1.09s2.05.36 2.85 1.09c.81.72 1.27 1.63 1.38 2.72l.07.58c0 .12.06.18.19.18h1.62c.91 0 1.68.32 2.32.95q.96.945.96 2.28c0 .89-.32 1.65-.96 2.29q-.96.96-2.31.96h-6.91c-.11 0-.17.06-.17.18v1.37c0 .11.06.17.17.17h6.91c.89 0 1.72-.22 2.48-.67s1.36-1.05 1.8-1.81s.67-1.59.67-2.48c0-.88-.23-1.71-.68-2.48c.73-.71 1.23-1.57 1.51-2.58l.12-.69a.1.1 0 0 0 .03-.07c0-.04-.05-.1-.14-.16l-.6-.21c-.84-.26-1.48-.71-1.92-1.36s-.66-1.32-.66-2.02c0-.24.03-.51.09-.79l.13-.62c.02-.1-.02-.18-.13-.22l-.8-.24c-.44-.11-.85-.16-1.25-.16c-.37 0-.74.04-1.12.13s-.77.22-1.18.41c-.4.18-.8.45-1.18.8s-.72.75-1 1.22c-.71-.3-1.48-.45-2.32-.45c-1.41 0-2.66.44-3.75 1.31s-1.77 1.99-2.07 3.35c-.86.2-1.61.61-2.27 1.23s-1.11 1.35-1.36 2.2v.03c.01.02 0 .05 0 .09m13.23-6.89q.465-.825 1.29-1.26c.55-.29 1.12-.44 1.71-.44c.14 0 .24 0 .31.01c-.01.09-.02.21-.02.36c0 .94.26 1.85.79 2.71a4.9 4.9 0 0 0 2.17 1.94c-.16.38-.41.72-.75 1.03c-.89-.76-1.94-1.14-3.16-1.14h-.33q-.39-1.89-2.01-3.21"/></svg>

Night Alt Cloudy Gusts アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="wi:night-alt-cloudy-gusts" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="wi:night-alt-cloudy-gusts" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="wi:night-alt-cloudy-gusts" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--night-alt-cloudy-gusts]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:night-alt-cloudy-gusts"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="wi:night-alt-cloudy-gusts"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/wi/night-alt-cloudy-gusts.svg" alt="Night Alt Cloudy Gusts アイコン" width="24" height="24">

Weather Icons の関連アイコン

Night Alt Cloudy Gusts アイコンのよくある質問

Night Alt Cloudy Gusts アイコンは商用利用でも無料ですか?

はい。Weather Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。

React で Night Alt Cloudy Gusts アイコンを使うには?

@iconify/react をインストールして <Icon icon="wi:night-alt-cloudy-gusts" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Night Alt Cloudy Gusts アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/wi/night-alt-cloudy-gusts.svg" alt="Night Alt Cloudy Gusts アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Weather Icons をすべて見る →