Night Alt Rain アイコン

wi:night-alt-rain

Night Alt Rain アイコン(wi:night-alt-rain)は、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、altrain、nightaltrain、owm night 313、owm night 302、owm night 502、owm night 501、owm night 314、owm night 310、owm night 311、owm night 312、owm night 504、owm night 503

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.07 16.9c0 1.33.47 2.48 1.4 3.44s2.07 1.47 3.4 1.53c.12 0 .18-.06.18-.17v-1.34c0-.11-.06-.17-.18-.17a3.15 3.15 0 0 1-2.19-1.03c-.6-.64-.9-1.39-.9-2.26c0-.83.28-1.55.85-2.17s1.27-.97 2.1-1.07l.53-.04c.13 0 .2-.06.2-.17l.07-.54c.11-1.08.57-1.99 1.38-2.72a4.15 4.15 0 0 1 2.86-1.1c1.09 0 2.04.37 2.86 1.1s1.28 1.64 1.4 2.72l.08.57c0 .12.06.18.17.18h1.62c.89 0 1.67.32 2.32.96s.98 1.4.98 2.28c0 .87-.3 1.62-.9 2.26s-1.33.98-2.19 1.03c-.14 0-.21.06-.21.17v1.34c0 .11.07.17.21.17c1.33-.04 2.46-.55 3.38-1.51c.93-.97 1.39-2.12 1.39-3.45c0-.88-.23-1.7-.68-2.46c.81-.73 1.33-1.6 1.58-2.62l.14-.72c.01-.01.02-.03.02-.07c0-.07-.05-.13-.16-.16l-.56-.18c-.57-.16-1.06-.44-1.46-.83q-.615-.585-.87-1.23c-.17-.43-.26-.86-.26-1.28c-.02-.22.01-.5.08-.82l.14-.61c.04-.1 0-.18-.14-.24l-.79-.24c-.45-.1-.87-.15-1.27-.15c-.38 0-.76.04-1.14.13c-.39.09-.79.22-1.2.41c-.41.18-.81.45-1.2.8s-.72.75-1 1.22c-.82-.3-1.6-.45-2.33-.45c-1.41 0-2.67.44-3.76 1.32s-1.8 2-2.11 3.37c-1.11.26-2.02.83-2.74 1.73c-.74.89-1.1 1.92-1.1 3.07m5.56 6.84c0 .17.05.33.16.49s.27.27.49.33c.23.07.45.05.64-.04c.2-.1.33-.28.4-.56l1.43-5.87c.06-.25.03-.48-.08-.67a.77.77 0 0 0-.52-.37a.74.74 0 0 0-.63.07c-.2.11-.34.28-.41.51l-1.44 5.9c0 .01-.01.04-.02.09s-.02.09-.02.12m2.61 3.07c0 .16.05.31.15.46s.25.25.45.31c.11.03.19.04.24.04c.44 0 .71-.2.82-.59l2.25-8.93c.06-.24.04-.46-.07-.65a.86.86 0 0 0-.5-.39c-.23-.07-.45-.05-.66.07s-.34.28-.39.5l-2.26 8.92c0 .01 0 .05-.01.12c-.02.06-.02.11-.02.14m4.16-2.99c0 .36.21.6.63.74q.21.06.3.06c.11 0 .23-.02.35-.07c.21-.08.34-.28.39-.58l1.43-5.87c.06-.24.04-.45-.08-.65a.85.85 0 0 0-.51-.39a.8.8 0 0 0-.66.07c-.21.11-.33.28-.38.51l-1.43 5.9c-.02.16-.04.26-.04.28m1.18-15.05c.32-.58.75-1.02 1.31-1.33c.55-.3 1.14-.45 1.76-.44c.12 0 .21 0 .27.01v.3c-.01.97.24 1.88.77 2.75c.52.86 1.26 1.52 2.21 1.97c-.22.46-.49.81-.79 1.07c-.92-.76-1.99-1.13-3.23-1.13h-.31c-.27-1.27-.93-2.33-1.99-3.2"/></svg>

Night Alt Rain アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Weather Icons の関連アイコン

他のアイコンセットの Night Alt Rain アイコン

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

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

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

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

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

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

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

Weather Icons をすべて見る →