Night Hail アイコン

wi:night-hail

Night Hail アイコン(wi:night-hail)は、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
タグ: nighthail

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.89c0 1.33.46 2.48 1.39 3.43c.93.96 2.06 1.47 3.4 1.54q.18 0 .18-.18v-1.33q0-.18-.18-.18c-.86-.04-1.58-.38-2.18-1.02s-.9-1.39-.9-2.26c0-.83.28-1.55.84-2.17c.56-.61 1.26-.97 2.1-1.07l.52-.07c.13 0 .2-.06.2-.18l.08-.51c.11-1.08.56-1.99 1.37-2.71c.81-.73 1.76-1.09 2.85-1.09s2.04.37 2.86 1.1s1.28 1.63 1.4 2.71l.07.58q0 .18.18.18h1.62c.91 0 1.68.32 2.32.95s.96 1.39.96 2.29c0 .87-.3 1.62-.9 2.26s-1.33.98-2.18 1.02c-.13 0-.19.06-.19.18v1.33c0 .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.44c0-.74-.14-1.41-.43-2.01c.79-.96 1.18-2.06 1.18-3.32c0-.94-.24-1.82-.71-2.62a5.2 5.2 0 0 0-1.92-1.92c-.81-.47-1.68-.71-2.62-.71c-1.56 0-2.85.58-3.88 1.73c-.82-.44-1.72-.66-2.71-.66c-1.41 0-2.67.44-3.76 1.32s-1.8 2-2.11 3.36q-1.65.39-2.73 1.74c-.72.89-1.08 1.92-1.08 3.07m5.37 6.98c.09.22.24.37.46.46c.2.1.41.11.62.02c.22-.08.36-.23.45-.45s.09-.44.01-.65a.8.8 0 0 0-.44-.47c-.2-.08-.4-.08-.61.01a.88.88 0 0 0-.46.43c-.11.17-.12.39-.03.65m.63-2.83c0 .16.05.31.15.46s.26.25.46.31c.22.07.44.05.65-.06s.35-.29.43-.55l.98-3.11c.07-.24.05-.47-.08-.67a.8.8 0 0 0-.55-.38a.74.74 0 0 0-.62.06c-.2.11-.33.28-.4.5l-1 3.18zm1.86 5.6c0 .07.02.17.06.29c.09.22.25.38.46.45c.08.05.19.08.33.08q.09 0 .3-.06c.22-.08.38-.23.47-.45q.15-.33 0-.66c-.1-.22-.25-.37-.45-.46s-.41-.09-.62-.01q-.285.12-.42.36c-.09.16-.13.31-.13.46m.74-2.67c0 .18.05.33.15.48c.1.14.26.24.48.28c.02 0 .06.01.11.02s.1.02.13.02c.43-.03.7-.24.81-.62l1.76-6.07c.07-.24.05-.46-.06-.65a.86.86 0 0 0-.5-.39a.8.8 0 0 0-.65.06c-.2.11-.33.28-.4.5l-1.8 6.07c0 .02 0 .06-.01.1s-.01.08-.01.11c-.01.04-.01.07-.01.09m3.44-.4c0 .1.02.21.05.32c.08.21.23.36.46.44c.09.04.21.07.36.07c.12 0 .22-.02.29-.06c.23-.09.38-.23.46-.43a.9.9 0 0 0 0-.65a.9.9 0 0 0-.42-.48a.86.86 0 0 0-.65.01c-.22.09-.37.23-.47.43c-.05.11-.08.22-.08.35m.72-2.54c0 .36.21.61.62.75q.21.06.3.06c.12 0 .23-.03.34-.08c.17-.09.31-.27.4-.55l.98-3.11a.75.75 0 0 0-.06-.64a.9.9 0 0 0-.51-.4a.8.8 0 0 0-.64.06c-.19.11-.33.28-.4.5l-.98 3.13c-.04.16-.05.26-.05.28m1.03-12.01c.69-.66 1.51-.99 2.48-.99s1.81.35 2.5 1.04s1.04 1.53 1.04 2.5c0 .62-.17 1.23-.52 1.84c-.98-.98-2.14-1.47-3.49-1.47h-.33c-.31-1.16-.87-2.13-1.68-2.92"/></svg>

Night Hail アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="wi:night-hail"></iconify-icon>

HTML 画像

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

Weather Icons の関連アイコン

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

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

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

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

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

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

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

Weather Icons をすべて見る →