Storm Showers アイコン
wi:storm-showers
Storm Showers アイコン(wi: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
- タグ
- stormshowers、shower、owm 531、wmo4680 84、owm 901、wmo4680 91
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.63 16.91q0 1.665.99 2.97c.99 1.305 1.51 1.47 2.56 1.79l-.65 1.68c-.03.14.02.22.14.22H9.8l-1.04 3.78h.28l3.97-5.22c.04-.04.04-.09.02-.14s-.07-.07-.14-.07h-2.18l2.48-4.64c.06-.14.02-.21-.14-.21h-2.94a.25.25 0 0 0-.22.14L8.8 20.08c-.71-.18-1.3-.57-1.77-1.16s-.7-1.26-.7-2.01q0-1.245.84-2.16c.84-.915 1.26-.96 2.1-1.06l.52-.07c.13 0 .2-.06.2-.17l.07-.52c.1-1.08.55-1.99 1.36-2.72s1.76-1.1 2.85-1.1s2.04.37 2.85 1.1c.82.73 1.28 1.64 1.4 2.72l.06.58c0 .12.06.18.19.18h1.61c.91 0 1.68.32 2.32.95q.96.945.96 2.28c0 .85-.3 1.59-.89 2.21s-1.32.96-2.19 1.03c-.13 0-.2.06-.2.19v1.37c0 .11.07.17.2.17c.65-.02 1.27-.17 1.86-.44s1.1-.63 1.52-1.07s.76-.96 1.01-1.57c.25-.6.38-1.23.38-1.88c0-.9-.22-1.73-.67-2.49a4.96 4.96 0 0 0-4.29-2.46h-.32c-.33-1.33-1.03-2.42-2.11-3.26s-2.3-1.27-3.68-1.27c-1.41 0-2.67.44-3.76 1.31s-1.79 1.99-2.1 3.36c-1.1.26-2.01.83-2.73 1.73s-1.06 1.91-1.06 3.06m8.16 9.86a.82.82 0 0 0 .61.78c.14.03.22.05.25.05c.09 0 .21-.03.38-.1c.21-.09.35-.27.42-.52l.28-1.05c.06-.22.04-.43-.08-.63s-.29-.33-.53-.4a.78.78 0 0 0-.63.08c-.2.12-.34.29-.41.53l-.27 1c-.01.17-.02.26-.02.26M14.13 22c0 .14.05.29.15.44q.15.225.45.33c.22.07.44.06.64-.05s.33-.28.4-.52l.3-1.04c.06-.22.03-.43-.08-.63c-.12-.2-.3-.34-.53-.41c-.23-.06-.44-.04-.65.08s-.34.29-.41.52l-.24 1.01q-.03.255-.03.27m2.82 1.65c0 .17.05.34.16.51s.27.28.47.35c.02 0 .06.01.12.02c.05.01.09.02.12.02c.13 0 .26-.02.38-.08c.19-.07.33-.26.41-.57l.25-1.01q.105-.345-.06-.66a.83.83 0 0 0-.5-.42a.93.93 0 0 0-.68.08c-.2.12-.33.3-.37.53l-.27 1.03c-.02.06-.03.13-.03.2m1.36-4.79c-.01.16.04.31.15.47s.27.28.49.38c.08.04.16.06.26.06c.11 0 .22-.03.34-.08c.21-.1.35-.29.44-.57l.29-1.03c.02-.13.03-.2.03-.22c0-.17-.05-.33-.16-.49s-.27-.27-.49-.33c-.02 0-.06-.01-.11-.02c-.06-.03-.1-.03-.13-.03c-.17 0-.33.05-.49.15q-.24.15-.33.48l-.27 1.01c-.01.08-.02.15-.02.22"/></svg>Storm Showers アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="wi:storm-showers" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:storm-showers" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:storm-showers" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--storm-showers]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:storm-showers"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:storm-showers"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/wi/storm-showers.svg" alt="Storm Showers アイコン" width="24" height="24">Weather Icons の関連アイコン
Storm Showers アイコン のよくある質問
Storm Showers アイコンは商用利用でも無料ですか?
はい。Weather Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Storm Showers アイコンを使うには?
@iconify/react をインストールして <Icon icon="wi:storm-showers" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Storm Showers アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/wi/storm-showers.svg" alt="Storm Showers アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。