Night Alt Thunderstorm アイコン

wi:night-alt-thunderstorm

Night Alt Thunderstorm アイコン(wi:night-alt-thunderstorm)は、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、altthunderstorm、nightaltthunderstorm、owm night 230、owm night 231、owm night 202、owm night 201、owm night 200、owm night 232

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.08 16.88c0 1.11.33 2.1.99 2.98s1.52 1.47 2.58 1.79l-.66 1.69q-.045.21.15.21h2.12l-.97 3.51h.29l3.91-4.94c.04-.05.04-.1.01-.15s-.08-.07-.15-.07h-2.18l2.48-4.63c.07-.14.03-.22-.13-.22H9.56c-.09 0-.16.05-.23.14l-1.07 2.88c-.72-.18-1.31-.57-1.78-1.17s-.7-1.27-.7-2.01c0-.83.28-1.55.85-2.17s1.27-.97 2.1-1.07l.52-.08c.13 0 .2-.06.2-.17l.07-.52c.11-1.08.56-1.99 1.37-2.72s1.76-1.1 2.85-1.1c1.08 0 2.03.37 2.85 1.1s1.29 1.64 1.41 2.71l.07.59c0 .11.06.17.18.17h1.62c.91 0 1.68.32 2.33.95s.97 1.4.97 2.29c0 .85-.3 1.59-.9 2.21s-1.33.97-2.2 1.04c-.12 0-.19.06-.19.17v1.38c0 .12.06.18.19.18c.88-.03 1.68-.27 2.41-.72s1.31-1.05 1.73-1.8s.63-1.57.63-2.45c0-.87-.22-1.68-.66-2.45c.79-.76 1.31-1.63 1.56-2.62l.14-.72c.01-.01.02-.04.02-.07c0-.07-.05-.12-.16-.15l-.56-.18c-.57-.16-1.06-.44-1.46-.82a3.4 3.4 0 0 1-.87-1.23c-.17-.44-.26-.88-.26-1.32c0-.26.03-.53.08-.8l.14-.61c.04-.1 0-.18-.14-.23c-.21-.09-.51-.17-.9-.26s-.77-.13-1.15-.13c-.36 0-.73.04-1.12.13c-.38.09-.78.22-1.19.41c-.41.18-.81.45-1.2.8s-.72.75-1 1.22c-.82-.3-1.62-.45-2.38-.45c-1.41 0-2.67.44-3.76 1.31s-1.8 1.99-2.11 3.36c-1.11.26-2.02.84-2.74 1.74a4.9 4.9 0 0 0-1.04 3.07m8.1 9.82c0 .16.05.32.15.46q.15.225.45.3q.165.03.3.03c.41 0 .66-.21.76-.63l2.32-8.79c.06-.24.04-.45-.07-.65a.8.8 0 0 0-.5-.39a.8.8 0 0 0-.65.06c-.2.11-.34.27-.4.49l-2.32 8.84c-.03.1-.04.19-.04.28m4.17-3.02c0 .16.05.32.15.46s.25.25.46.31c.03 0 .08 0 .15.01s.13.01.16.01q.57 0 .72-.63l1.5-5.77c.06-.24.04-.46-.08-.66a.8.8 0 0 0-.51-.38a.8.8 0 0 0-.65.06c-.2.11-.33.27-.39.5l-1.5 5.82c0 .1-.01.19-.01.27m1.24-14.93c.33-.57.77-1 1.33-1.3c.55-.3 1.14-.45 1.76-.45c.12 0 .22 0 .27.01v.32q0 1.44.78 2.73c.78 1.29 1.25 1.51 2.17 1.97c-.18.42-.44.77-.79 1.07c-.92-.79-1.99-1.18-3.22-1.18h-.32c-.28-1.26-.94-2.31-1.98-3.17"/></svg>

Night Alt Thunderstorm アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Weather Icons の関連アイコン

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

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

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

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

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

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

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

Weather Icons をすべて見る →