Night Sprinkle アイコン

wi:night-sprinkle

Night Sprinkle アイコン(wi:night-sprinkle)は、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
タグ: nightsprinkle

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M4.22 16.89c0 1.33.46 2.48 1.39 3.44s2.06 1.47 3.41 1.53c.11 0 .17-.06.17-.17v-1.37c0-.13-.06-.19-.17-.19c-.88-.06-1.61-.41-2.21-1.03s-.9-1.36-.9-2.21c0-.84.28-1.58.85-2.2s1.27-.97 2.11-1.04l.52-.07c.12 0 .19-.06.19-.19l.07-.5c.11-1.08.57-1.99 1.38-2.72s1.77-1.1 2.87-1.1c1.09 0 2.05.36 2.86 1.09s1.28 1.64 1.4 2.72l.06.57c0 .12.06.18.19.18h1.6c.91 0 1.68.32 2.32.95s.97 1.4.97 2.28c0 .85-.3 1.59-.89 2.21s-1.33.97-2.19 1.03c-.14 0-.21.06-.21.19v1.37c0 .11.07.17.21.17c1.33-.04 2.46-.55 3.39-1.51c.93-.97 1.39-2.12 1.39-3.45c0-.74-.14-1.41-.43-2.01c.79-.96 1.18-2.07 1.18-3.36c0-.94-.24-1.82-.71-2.63s-1.11-1.45-1.92-1.92s-1.68-.71-2.62-.71c-1.52 0-2.83.58-3.93 1.75c-.83-.38-1.72-.59-2.67-.59c-1.41 0-2.67.44-3.76 1.31s-1.8 2-2.1 3.37c-1.11.26-2.02.84-2.74 1.74c-.72.89-1.08 1.92-1.08 3.07m5.93.88c0 .38.14.7.43.98c.28.27.62.41 1.02.41s.73-.13 1-.4s.41-.6.41-.98c0-.26-.12-.6-.35-1.02s-.45-.76-.66-1c-.02-.02-.08-.09-.18-.2q-.15-.165-.21-.24l-.36.4q-.42.45-.75 1.05c-.23.4-.35.74-.35 1m2.99 3.99c0 .63.23 1.18.69 1.64q.69.69 1.65.69c.64 0 1.2-.23 1.66-.69s.69-1.01.69-1.64c0-.27-.08-.59-.23-.97c-.16-.38-.34-.72-.56-1.04c-.46-.59-.89-1.09-1.29-1.49c-.06-.04-.14-.13-.26-.24l-.59.58c-.44.42-.85.95-1.21 1.56c-.37.62-.55 1.15-.55 1.6m1.48-6.7c0 .27.09.49.28.67s.43.27.71.27q.39 0 .66-.27c.27-.27.27-.4.27-.67c0-.41-.31-.94-.93-1.61l-.25.26c-.19.2-.36.43-.51.7c-.16.26-.23.48-.23.65m3.39-6.04c.67-.66 1.5-.99 2.48-.99q1.47 0 2.49 1.02c1.02 1.02 1.03 1.51 1.03 2.48c0 .63-.17 1.25-.51 1.85q-1.5-1.44-3.51-1.44h-.29c-.28-1.18-.85-2.15-1.69-2.92"/></svg>

Night Sprinkle アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Weather Icons の関連アイコン

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

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

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

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

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

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

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

Weather Icons をすべて見る →