Night Alt Snow アイコン

wi:night-alt-snow

Night Alt Snow アイコン(wi:night-alt-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
タグ: nightalt、altsnow、nightaltsnow、owm night 602、owm night 622、owm night 600、owm night 621

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.93c0 1.33.47 2.47 1.4 3.43s2.07 1.47 3.4 1.51c.12 0 .18-.06.18-.17v-1.34c0-.11-.06-.17-.18-.17c-.85-.04-1.58-.39-2.18-1.03c-.61-.64-.91-1.39-.91-2.24s.28-1.58.85-2.2s1.27-.96 2.1-1.03l.53-.07c.13 0 .2-.06.2-.17l.07-.52c.11-1.09.56-2.01 1.37-2.75s1.76-1.11 2.86-1.11c1.09 0 2.04.37 2.86 1.1s1.28 1.64 1.4 2.72l.08.57c0 .12.06.18.17.18h1.62c.91 0 1.68.32 2.33.97c.65.64.97 1.41.97 2.31c0 .85-.3 1.6-.91 2.24s-1.33.98-2.18 1.03c-.14 0-.21.06-.21.17v1.34c0 .11.07.17.21.17a4.7 4.7 0 0 0 2.41-.71c.73-.45 1.31-1.05 1.73-1.8s.63-1.56.63-2.43c0-.91-.22-1.74-.65-2.48c.74-.66 1.24-1.52 1.52-2.58l.17-.72c.01-.01.02-.04.02-.08c0-.07-.05-.13-.16-.16l-.61-.17q-.66-.195-1.17-.57c-.51-.375-.61-.53-.81-.84s-.34-.62-.44-.95c-.1-.32-.15-.64-.15-.95c0-.27.03-.56.1-.86l.11-.62c.02-.09-.02-.17-.14-.22l-.8-.24c-.44-.11-.85-.16-1.25-.16c-.37 0-.74.04-1.12.13s-.77.22-1.18.41s-.8.45-1.18.8s-.71.75-.99 1.22c-.81-.33-1.6-.5-2.38-.5c-1.41 0-2.67.44-3.76 1.32s-1.8 2-2.11 3.37c-1.12.28-2.04.87-2.75 1.76c-.71.9-1.07 1.93-1.07 3.09m6.39 4.09q0 .36.24.6c.16.17.35.25.59.25s.44-.08.6-.25s.24-.37.24-.6c0-.22-.08-.42-.24-.58s-.36-.24-.6-.24c-.23 0-.43.08-.59.24s-.24.35-.24.58m0 3.64c0 .23.08.42.24.58s.36.24.58.24c.24 0 .44-.08.6-.23c.16-.16.24-.35.24-.59s-.08-.43-.24-.59a.8.8 0 0 0-.6-.23c-.24 0-.43.08-.59.23c-.15.15-.23.35-.23.59m3.2-1.7c0 .24.08.44.24.59c.16.16.36.24.58.24c.24 0 .44-.08.61-.24s.25-.36.25-.59c0-.24-.08-.44-.25-.61s-.37-.26-.61-.26c-.22 0-.41.09-.58.26s-.24.37-.24.61m0-3.64c0 .24.08.43.24.58c.16.16.36.24.58.24c.24 0 .45-.08.61-.23s.25-.35.25-.59c0-.23-.08-.43-.25-.6s-.37-.25-.61-.25c-.22 0-.42.08-.58.25s-.24.37-.24.6m0 7.31q0 .33.24.57c.17.17.36.25.58.25c.24 0 .44-.08.61-.24s.25-.35.25-.59s-.08-.44-.25-.61a.83.83 0 0 0-.61-.26c-.22 0-.41.09-.58.26c-.15.18-.24.39-.24.62m3.24-5.61c0 .24.08.44.25.6s.36.25.6.25s.43-.08.59-.25s.24-.37.24-.6c0-.22-.08-.42-.24-.58s-.35-.24-.59-.24s-.43.08-.6.24s-.25.35-.25.58m0 3.64c0 .23.08.42.24.58q.24.24.6.24c.36 0 .43-.08.59-.24s.23-.35.23-.59s-.08-.43-.23-.59c-.16-.16-.35-.23-.59-.23s-.44.08-.6.23q-.24.24-.24.6m.68-15.89c.31-.54.75-.96 1.3-1.26s1.12-.45 1.71-.46c.15 0 .26.01.33.02v.31c0 .97.26 1.88.78 2.74s1.25 1.51 2.17 1.96c-.16.36-.41.72-.76 1.07c-.89-.79-1.96-1.18-3.23-1.18h-.31c-.27-1.23-.93-2.29-1.99-3.2"/></svg>

Night Alt Snow アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Weather Icons の関連アイコン

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

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

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

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

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

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

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

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

Weather Icons をすべて見る →