Night Alt Cloudy Windy アイコン

wi:night-alt-cloudy-windy

Night Alt Cloudy Windy アイコン(wi:night-alt-cloudy-windy)は、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、cloudywindy、nightaltcloudywindy

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M2.35 21.05c0 .24.08.43.25.59s.38.23.63.23h9.4c.24 0 .43-.08.59-.23c.16-.16.23-.35.23-.59c0-.25-.08-.45-.23-.61a.8.8 0 0 0-.59-.24h-9.4q-.375 0-.63.24c-.255.24-.25.36-.25.61M4.98 18c0 .24.09.44.26.6c.16.17.36.25.6.25h9.42c.23 0 .43-.08.59-.25q.24-.255.24-.6c0-.23-.08-.43-.23-.59s-.35-.24-.59-.24H5.85c-.24 0-.44.08-.61.24s-.26.36-.26.59m1.04-2.34c0 .09.06.14.18.14h1.43c.09 0 .16-.05.22-.14c.23-.54.57-.99 1.04-1.35s.99-.56 1.58-.6l.55-.07c.12 0 .18-.06.18-.17l.07-.52c.11-1.09.57-2 1.38-2.72c.82-.73 1.77-1.09 2.87-1.09c1.09 0 2.04.36 2.84 1.08s1.27 1.62 1.41 2.71l.08.58c0 .11.06.17.18.17h1.61c.91 0 1.68.32 2.32.96q.96.96.96 2.31c0 .88-.32 1.65-.97 2.29c-.65.65-1.41.97-2.3.97h-6.91c-.11 0-.17.06-.17.17v1.34c0 .11.06.17.17.17h6.91q1.35 0 2.49-.66c.76-.44 1.37-1.04 1.81-1.8s.67-1.59.67-2.49s-.22-1.72-.65-2.47c.72-.64 1.22-1.5 1.51-2.58l.18-.68c.01-.01.01-.03.01-.07c0-.08-.05-.13-.15-.16l-.62-.22c-.44-.13-.83-.32-1.16-.57c-.34-.25-.6-.53-.8-.84s-.34-.62-.44-.94s-.15-.63-.15-.95c0-.24.04-.53.11-.87l.13-.61c.04-.09 0-.17-.13-.23l-.84-.25c-.44-.11-.85-.16-1.25-.16c-.38 0-.75.04-1.13.13s-.77.22-1.18.41c-.41.18-.8.45-1.18.8s-.71.75-.99 1.22c-.77-.32-1.57-.48-2.37-.48q-2.115 0-3.75 1.32c-1.635 1.32-1.78 2-2.08 3.38c-.87.2-1.63.61-2.28 1.22a4.9 4.9 0 0 0-1.36 2.21v.03c-.02.01-.03.04-.03.08m.73 8.49c0 .24.08.44.25.6c.16.17.36.25.6.25h9.43c.24 0 .44-.08.61-.25s.25-.37.25-.6s-.08-.43-.25-.59a.85.85 0 0 0-.61-.24H7.6q-.36 0-.6.24c-.17.16-.25.36-.25.59M19.33 8.78c.34-.55.79-.98 1.35-1.28c.55-.3 1.12-.45 1.7-.44c.11 0 .2 0 .25.01v.24c0 .97.26 1.9.79 2.79c.53.88 1.25 1.55 2.17 1.98c-.17.4-.43.76-.76 1.07c-.88-.79-1.95-1.18-3.2-1.18h-.32c-.25-1.2-.91-2.26-1.98-3.19"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

HTML 画像

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

Weather Icons の関連アイコン

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

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

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

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

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

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

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

Weather Icons をすべて見る →