Moonset アイコン
wi:moonset
Moonset アイコン(wi:moonset)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><path fill="currentColor" d="M7.74 14.86c0-.98.19-1.92.58-2.82c.38-.9.9-1.67 1.55-2.32s1.43-1.17 2.32-1.56c.9-.39 1.84-.58 2.83-.58h1.17c.16.04.24.14.24.28l.05.9c.02.64.15 1.25.4 1.83s.58 1.08 1 1.5c.42.43.91.77 1.48 1.03s1.17.4 1.8.43l.85.07c.16 0 .24.08.24.23v1.01c.01 1.01-.19 1.98-.59 2.92h-2.05c.51-.74.83-1.59.97-2.53c-1.68-.35-3.02-1.07-4.03-2.16s-1.59-2.37-1.75-3.83c-.97.05-1.85.35-2.66.9c-.8.55-1.42 1.24-1.87 2.08c-.44.84-.66 1.72-.66 2.63c0 1.07.28 2.04.83 2.92h-2.1c-.4-.94-.6-1.91-.6-2.93m.25 6.03q0-.39.3-.69c.18-.18.41-.27.68-.27h3.22c.11 0 .2.02.28.08l2.35 2.22L17.21 20c.07-.05.17-.08.29-.08h3.3c.27 0 .5.09.69.28s.29.42.29.68c0 .27-.1.5-.29.69s-.42.29-.69.29h-2.68l-3.13 2.84c-.12.09-.24.09-.34 0l-3.08-2.84h-2.6c-.27 0-.5-.1-.69-.29a.9.9 0 0 1-.29-.68"/></svg>Moonset アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="wi:moonset" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wi:moonset" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wi:moonset" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wi--moonset]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wi -->
<div class="i-wi:moonset"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wi:moonset"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/wi/moonset.svg" alt="Moonset アイコン" width="24" height="24">他のアイコンセットの Moonset アイコン
Moonset アイコン のよくある質問
Moonset アイコンは商用利用でも無料ですか?
はい。Weather Icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Moonset アイコンを使うには?
@iconify/react をインストールして <Icon icon="wi:moonset" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Moonset アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/wi/moonset.svg" alt="Moonset アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。