Night Cloudy Gusts アイコン

wi:night-cloudy-gusts

Night Cloudy Gusts アイコン(wi:night-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
タグ: nightcloudy、cloudygusts、nightcloudygusts、gust

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M3.06 20.98q0 .36.27.6c.18.18.38.27.61.27h5.88c.26 0 .49.09.69.28s.3.42.3.68s-.1.48-.3.68s-.43.3-.68.3s-.48-.1-.68-.3c-.19-.17-.39-.26-.62-.26s-.43.08-.59.25s-.24.37-.24.61s.08.44.24.6c.52.52 1.15.78 1.88.78c.74 0 1.38-.26 1.89-.77c.52-.52.78-1.14.78-1.88s-.26-1.38-.78-1.9s-1.15-.79-1.89-.79H3.94a.86.86 0 0 0-.62.25a.8.8 0 0 0-.26.6m0-3.01c0 .23.09.42.27.58c.15.16.35.24.61.24h10.99q1.11 0 1.89-.78c.52-.52.78-1.15.78-1.88s-.26-1.36-.78-1.88s-1.15-.77-1.89-.77q-1.14 0-1.89.75c-.15.17-.23.38-.23.63c0 .24.08.43.23.59s.35.23.6.23s.45-.07.61-.23c.19-.19.42-.28.68-.28s.48.09.68.28c.19.19.29.42.29.68s-.1.5-.29.69s-.42.29-.68.29H3.94a.86.86 0 0 0-.62.25c-.18.18-.26.38-.26.61m2.65-2.34c0 .08.06.12.17.12h1.43c.08 0 .15-.05.22-.14c.23-.54.57-.99 1.05-1.35q.705-.54 1.59-.6l.52-.07c.12 0 .19-.06.19-.19l.07-.5c.11-1.08.57-1.99 1.38-2.71c.81-.73 1.77-1.09 2.86-1.09s2.04.36 2.85 1.08s1.27 1.63 1.39 2.72l.07.57q0 .18.18.18h1.63c.9 0 1.67.32 2.31.95q.96.945.96 2.28c0 .89-.32 1.66-.96 2.29s-1.41.95-2.31.95H14.4c-.11 0-.17.06-.17.18v1.37c0 .12.06.18.17.18h6.91c.89 0 1.72-.22 2.48-.67c.76-.44 1.36-1.05 1.8-1.81q.66-1.14.66-2.49c0-.74-.14-1.42-.42-2.02q1.14-1.5 1.14-3.33q0-1.065-.42-2.04c-.42-.975-.65-1.2-1.12-1.67s-1.03-.84-1.67-1.11s-1.34-.41-2.05-.41c-1.54 0-2.84.58-3.88 1.73c-.78-.41-1.67-.61-2.65-.61c-1.41 0-2.66.44-3.75 1.31s-1.77 1.99-2.07 3.35c-.85.2-1.6.61-2.26 1.23s-1.11 1.35-1.37 2.18v.04c-.01.05-.02.09-.02.1M19.24 9c.72-.68 1.54-1.02 2.48-1.02c.98 0 1.81.35 2.51 1.05s1.05 1.53 1.05 2.5c0 .61-.17 1.22-.51 1.85c-.96-.96-2.11-1.43-3.47-1.43h-.33c-.24-1.07-.81-2.06-1.73-2.95"/></svg>

Night Cloudy Gusts アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:night-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-cloudy-gusts"></iconify-icon>

HTML 画像

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

Weather Icons の関連アイコン

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

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

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

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

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

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

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

Weather Icons をすべて見る →