Night Storm Showers アイコン

wi:night-storm-showers

Night Storm Showers アイコン(wi:night-storm-showers)は、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
タグ: nightstorm、stormshowers、nightstormshowers、shower

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.25 16.86c0 1.1.33 2.09 1 2.98c.67.88 1.52 1.48 2.57 1.8l-.65 1.66c-.04.14 0 .21.14.21h2.12L8.29 27.6h.29l4.08-5.49c.04-.04.04-.09.01-.14s-.08-.07-.15-.07h-2.17l2.47-4.67c.07-.14.03-.22-.13-.22H9.73c-.09 0-.16.05-.19.14l-1.11 2.93c-.71-.18-1.3-.57-1.78-1.17c-.47-.6-.71-1.27-.71-2.02c0-.84.28-1.57.85-2.19s1.27-.97 2.1-1.05l.52-.07c.13 0 .2-.06.2-.17l.07-.52c.11-1.09.56-2 1.37-2.72c.81-.73 1.76-1.09 2.86-1.09c1.09 0 2.05.36 2.86 1.09s1.28 1.64 1.4 2.72l.07.58c0 .11.06.17.18.17h1.62c.91 0 1.68.32 2.33.95c.64.63.97 1.4.97 2.28c0 .86-.3 1.6-.9 2.23s-1.33.97-2.2 1.04c-.12 0-.19.06-.19.18v1.38c0 .11.06.17.19.17c1.33-.04 2.46-.55 3.39-1.52s1.39-2.12 1.39-3.47c0-.73-.14-1.39-.41-2c.76-1 1.14-2.1 1.14-3.29q0-1.065-.42-2.04c-.28-.65-.66-1.2-1.12-1.67s-1.03-.84-1.68-1.12s-1.33-.42-2.03-.42c-.74 0-1.44.15-2.12.45c-.67.3-1.26.72-1.74 1.26a5.6 5.6 0 0 0-2.7-.66c-1.42 0-2.68.44-3.77 1.31s-1.8 2-2.11 3.37c-1.11.26-2.02.83-2.74 1.73s-1.07 1.91-1.07 3.06m8.17 9.87c0 .18.05.35.16.51c.11.17.26.27.46.3c.02 0 .05 0 .08.01s.07.01.09.01h.08c.43-.03.69-.23.8-.61l.29-1.06a.78.78 0 0 0-.09-.63c-.12-.2-.3-.34-.53-.41a.82.82 0 0 0-.63.08c-.2.12-.34.3-.41.53l-.25 1c-.03.18-.05.26-.05.27m1.34-4.77q0 .225.15.45c.1.15.26.26.46.34c.22.08.43.06.63-.05s.33-.29.4-.53l.3-1.04c.06-.25.04-.48-.08-.68s-.29-.32-.53-.37c-.22-.07-.44-.05-.64.07s-.34.29-.42.53l-.25 1.02c0 .02 0 .05-.01.08s-.01.07-.01.09zm2.83 1.62c0 .19.05.36.16.52s.26.27.47.32c.16.03.25.05.27.05c.39 0 .65-.2.77-.6l.24-1.06q.105-.33-.06-.63a.82.82 0 0 0-.5-.41a.88.88 0 0 0-.68.09c-.21.12-.33.3-.38.53l-.28.99c0 .05-.01.12-.01.2m1.36-4.75c0 .16.05.32.16.47s.27.27.49.34l.26.03c.12 0 .24-.03.38-.08c.19-.1.33-.27.39-.52l.29-1.04a.78.78 0 0 0-.09-.63c-.12-.2-.3-.34-.53-.41s-.44-.05-.64.07s-.33.29-.4.53l-.28 1.02c-.02.09-.03.16-.03.22m.11-9.85c.66-.64 1.48-.96 2.45-.96c.98 0 1.82.35 2.5 1.04c.69.69 1.03 1.53 1.03 2.51c0 .63-.16 1.22-.49 1.78c-.99-.96-2.15-1.44-3.49-1.44h-.32c-.3-1.16-.86-2.14-1.68-2.93"/></svg>

Night Storm Showers アイコンの使い方

React

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

<Icon icon="wi:night-storm-showers" width="24" />

Vue

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

<template>
  <Icon icon="wi:night-storm-showers" width="24" />
</template>

Svelte

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

<Icon icon="wi:night-storm-showers" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="wi:night-storm-showers"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/wi/night-storm-showers.svg" alt="Night Storm Showers アイコン" width="24" height="24">

Weather Icons の関連アイコン

Night Storm Showers アイコンのよくある質問

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

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

React で Night Storm Showers アイコンを使うには?

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

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

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

Weather Icons をすべて見る →