Night Snow アイコン

wi:night-snow

Night Snow アイコン(wi:night-snow)は、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
タグ: nightsnow

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.23 16.89c0 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.17c.57-.61 1.27-.97 2.1-1.07l.53-.04c.13 0 .2-.06.2-.18l.07-.54c.11-1.08.56-1.99 1.37-2.72s1.76-1.1 2.85-1.1s2.04.37 2.86 1.1s1.28 1.64 1.4 2.72l.08.57c0 .12.06.19.17.19h1.62c.91 0 1.68.32 2.33.95c.64.63.97 1.4.97 2.28c0 .86-.3 1.61-.91 2.25s-1.34.99-2.19 1.04c-.12 0-.19.06-.19.17v1.34c0 .11.06.17.19.17c1.34-.04 2.47-.55 3.4-1.51c.93-.97 1.39-2.12 1.39-3.45c0-.71-.14-1.38-.43-2.01c.79-.96 1.18-2.07 1.18-3.32c0-.95-.24-1.83-.71-2.64S23.96 7.47 23.15 7s-1.68-.7-2.62-.7c-1.55 0-2.85.58-3.89 1.73c-.81-.43-1.71-.65-2.71-.65c-1.41 0-2.67.44-3.76 1.32s-1.8 2-2.11 3.36c-1.11.26-2.02.84-2.74 1.74c-.73.91-1.09 1.94-1.09 3.09m6.39 4.12q0 .33.24.57c.17.17.36.25.58.25c.23 0 .43-.08.59-.23s.24-.35.24-.59s-.08-.43-.23-.59a.78.78 0 0 0-.59-.23c-.24 0-.43.08-.59.23s-.24.35-.24.59m0 3.63c0 .24.08.43.24.58c.16.16.36.24.58.24c.24 0 .43-.08.59-.23c.16-.16.23-.35.23-.59q0-.36-.24-.6c-.24-.24-.35-.25-.59-.25c-.23 0-.43.08-.59.25s-.22.36-.22.6m3.19-1.74c0 .23.08.44.25.61s.36.27.58.27c.23 0 .43-.09.6-.26s.25-.38.25-.62c0-.22-.08-.41-.25-.58a.82.82 0 0 0-.6-.25c-.22 0-.41.08-.58.25s-.25.36-.25.58m0-3.59c0 .23.08.42.24.58s.36.24.59.24q.36 0 .6-.24c.24-.24.25-.35.25-.59s-.08-.43-.25-.6s-.37-.25-.6-.25s-.42.08-.59.25s-.24.38-.24.61m0 7.27c0 .23.08.43.25.6s.36.25.59.25s.43-.08.6-.25s.25-.37.25-.6c0-.22-.08-.41-.25-.58a.82.82 0 0 0-.6-.25c-.22 0-.41.08-.58.25s-.26.36-.26.58m3.24-5.57q0 .315.24.57c.17.17.37.25.6.25s.43-.08.59-.23c.16-.16.24-.35.24-.59s-.08-.43-.23-.59a.78.78 0 0 0-.59-.23c-.24 0-.44.08-.6.23a.75.75 0 0 0-.25.59m0 3.63c0 .22.08.42.24.58s.36.24.6.24s.43-.08.59-.23c.16-.16.23-.35.23-.59q0-.36-.24-.6a.76.76 0 0 0-.59-.25c-.23 0-.43.08-.6.25s-.23.36-.23.6m.98-15.62c.68-.68 1.5-1.01 2.48-1.01s1.81.35 2.5 1.04s1.03 1.53 1.03 2.52c0 .59-.17 1.2-.51 1.84c-.96-.96-2.13-1.44-3.5-1.44h-.31a5.9 5.9 0 0 0-1.69-2.95"/></svg>

Night Snow アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Weather Icons の関連アイコン

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

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

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

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

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

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

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

Weather Icons をすべて見る →