Night Alt Partly Cloudy アイコン

wi:night-alt-partly-cloudy

Night Alt Partly Cloudy アイコン(wi:night-alt-partly-cloudy)は、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、altpartly、partlycloudy、nightaltpartlycloudy

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M6.77 19.65c0-.79.23-1.48.68-2.09s1.06-1.03 1.81-1.27c.32-1.09.98-1.92 1.99-2.49v-.35c0-1.46.46-2.74 1.38-3.85s2.09-1.8 3.5-2.06q.54-.09 1.08-.09h.03c.21 0 .44.02.7.05c.26.02.5.06.73.11l.91.28c.13.07.18.16.16.26l-.13.7c-.07.33-.11.65-.11.97c0 .35.05.71.16 1.07c.11.37.27.72.5 1.08s.52.68.91.97c.38.29.83.51 1.33.66l.71.21c.11.03.17.08.17.18c0 .04 0 .06-.01.07l-.18.68c-.06.24-.13.49-.22.73c-.15.44-.38.89-.7 1.37c0-.01 0-.01-.01-.01c-.44.63-.98 1.16-1.64 1.58c.14.34.21.75.21 1.24c0 .99-.35 1.83-1.04 2.53q-1.035 1.05-2.49 1.05h-6.85c-.97 0-1.81-.35-2.52-1.06c-.7-.71-1.06-1.55-1.06-2.52m1.98 0c0 .45.15.83.46 1.15s.69.47 1.14.47h6.85c.43 0 .8-.16 1.12-.48s.47-.7.47-1.14c0-.43-.16-.8-.47-1.12s-.69-.47-1.12-.47h-1.3c-.11 0-.19-.07-.25-.23l-.08-.64q-.105-.87-.75-1.44c-.645-.57-.93-.58-1.51-.58c-.57 0-1.06.19-1.48.58s-.66.87-.73 1.44l-.1.55c0 .15-.06.22-.19.22l-.63.08q-.615.06-1.02.51c-.27.32-.41.68-.41 1.1m4.43-6.4h.12c.93 0 1.75.26 2.49.78c.73.52 1.25 1.22 1.54 2.1c.77 0 1.45.24 2.03.72c.69-.43 1.2-1.02 1.53-1.75q-1.56-.78-2.43-2.25c-.87-1.47-.88-2.01-.88-3.11v-.35h-.24q-.915 0-1.77.39c-.57.26-1.05.64-1.44 1.12l-.03-.02c-.55.68-.85 1.47-.92 2.37"/></svg>

Night Alt Partly Cloudy アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Weather Icons の関連アイコン

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

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

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

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

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

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

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

Weather Icons をすべて見る →