Waning Crescent Moon アイコン

Q: Waning Crescent Moon アイコンは商用利用でも無料ですか?

はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent-emoji:waning-crescent-moon

Waning Crescent Moon アイコン(fluent-emoji:waning-crescent-moon)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32
タグ: waningcrescent、crescentmoon、waningcrescentmoon

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><circle cx="16" cy="16" r="14" fill="url(#iF8hr1Y)"/><circle cx="16" cy="16" r="14" fill="url(#iMGz34p)"/><circle cx="16" cy="16" r="14" fill="url(#iXDjjHc)"/><circle cx="16" cy="16" r="14" fill="url(#i3q69JN)"/><circle cx="15.5" cy="5.5" r="1.5" fill="url(#iDfclyq)"/><circle cx="22.5" cy="11.5" r="2.5" fill="url(#iWAy2He)"/><circle cx="16.5" cy="21.5" r="2.5" fill="url(#isY3BBc)"/><g filter="url(#iYF1Gab)"><circle cx="9.5" cy="12.5" r="3.5" stroke="url(#iWmCMLb)" stroke-width=".2"/></g><path fill="url(#iDSx0Vz)" d="M10.189 28.74a14.05 14.05 0 0 1-5.439-4.405a3.5 3.5 0 1 1 5.439 4.406"/><path fill="url(#iK72nye)" d="M10.189 28.74a14.05 14.05 0 0 1-5.439-4.405a3.5 3.5 0 1 1 5.439 4.406"/><path fill="url(#iJvur2b)" d="M28.955 21.316a14.04 14.04 0 0 1-4.073 5.507a3.5 3.5 0 0 1 4.074-5.507"/><path fill="url(#iZO5kub)" d="M15.681 29.996Q15.84 30 16 30c7.732 0 14-6.268 14-14S23.732 2 16 2q-.16 0-.32.004C11.606 5.304 9 10.348 9 16s2.605 10.697 6.681 13.996"/><path fill="url(#iKin6rd)" d="M15.681 29.996Q15.84 30 16 30c7.732 0 14-6.268 14-14S23.732 2 16 2q-.16 0-.32.004C11.606 5.304 9 10.348 9 16s2.605 10.697 6.681 13.996"/><g filter="url(#ihgbD4c)"><circle cx="22.5" cy="11.5" r="2.5" fill="url(#ihdA4bc)"/><circle cx="22.5" cy="11.5" r="2.6" stroke="url(#i2pnNjJ)" stroke-width=".2"/></g><circle cx="16.5" cy="21.5" r="2.5" fill="url(#isN18QL)"/><g filter="url(#iNMSKOc)"><circle cx="16.5" cy="21.5" r="2.5" stroke="url(#iYnGicd)" stroke-width=".25"/></g><circle cx="16.5" cy="21.5" r="2.5" fill="url(#iKWPu0b)"/><circle cx="16.5" cy="21.5" r="2.5" fill="url(#ii89wLe)"/><circle cx="16.5" cy="21.5" r="2.5" fill="url(#iSzeb0c)"/><circle cx="16.5" cy="21.5" r="2.5" fill="url(#i5OsGie)"/><circle cx="9.5" cy="12.5" r="3.5" fill="url(#i00DHBC)"/><circle cx="9.5" cy="12.5" r="3.5" fill="url(#iaNIHcc)"/><circle cx="9.5" cy="12.5" r="3.5" fill="url(#iLSfHyb)"/><g filter="url(#iP6K0ne)"><path stroke="url(#iZEA6Sc)" stroke-width=".2" d="M28.902 21.21a3.4 3.4 0 0 0-1.424-.312c-1.892 0-3.425 1.545-3.425 3.45c0 .879.326 1.68.863 2.29"/></g><path fill="url(#iQsdB1b)" d="M28.955 21.316a14.04 14.04 0 0 1-4.073 5.507a3.5 3.5 0 0 1 4.074-5.507"/><path fill="url(#iJIDgkc)" d="M28.955 21.316a14.04 14.04 0 0 1-4.073 5.507a3.5 3.5 0 0 1 4.074-5.507"/><path fill="url(#iSzvL0d)" d="M28.955 21.316a14.04 14.04 0 0 1-4.073 5.507a3.5 3.5 0 0 1 4.074-5.507"/><g filter="url(#inGqt9b)"><path stroke="url(#iGtnAub)" stroke-width=".2" d="M9 15.965q.245.035.5.035a3.5 3.5 0 0 0 .867-6.892"/></g><path fill="url(#iCqtVBb)" d="M9 15.965c1.253-1.034 2.148-2.241 2.148-3.897c0-1.338-.387-2.466-.781-2.96A3.502 3.502 0 0 1 9 15.965"/><g filter="url(#iy3ACRe)"><ellipse cx="16" cy="5.5" fill="url(#ihA1tUd)" rx="1.704" ry="1.5"/><ellipse cx="16" cy="5.5" fill="url(#iAVTFjA)" rx="1.704" ry="1.5"/><path stroke="url(#i0XI7ge)" stroke-width=".1" d="M16 7.05c.962 0 1.754-.688 1.754-1.55S16.962 3.95 16 3.95c-.963 0-1.754.688-1.754 1.55S15.037 7.05 16 7.05Z"/></g><defs><radialGradient id="iF8hr1Y" cx="0" cy="0" r="1" gradientTransform="rotate(133.363 8.703 9.384)scale(24.7588)" gradientUnits="userSpaceOnUse"><stop stop-color="#FEED6E"/><stop offset="1" stop-color="#F7CA32"/></radialGradient><radialGradient id="iMGz34p" cx="0" cy="0" r="1" gradientTransform="matrix(.38605 19.97867 -22.83274 .4412 12.492 8.506)" gradientUnits="userSpaceOnUse"><stop stop-color="#FAC26F"/><stop offset="1" stop-color="#CD7442"/></radialGradient><radialGradient id="iXDjjHc" cx="0" cy="0" r="1" gradientTransform="rotate(-168.07 8.836 7.164)scale(14.3091 29.0338)" gradientUnits="userSpaceOnUse"><stop offset=".6" stop-color="#B28D55" stop-opacity="0"/><stop offset=".91" stop-color="#B08647"/></radialGradient><radialGradient id="i3q69JN" cx="0" cy="0" r="1" gradientTransform="rotate(-32.811 41.724 5.974)scale(8.72756)" gradientUnits="userSpaceOnUse"><stop stop-color="#AD6648"/><stop offset="1" stop-color="#AD6648" stop-opacity="0"/></radialGradient><radialGradient id="iK72nye" cx="0" cy="0" r="1" gradientTransform="rotate(-142.952 9.324 11.92)scale(5.57176 3.36972)" gradientUnits="userSpaceOnUse"><stop offset=".888" stop-color="#AF4C46" stop-opacity="0"/><stop offset="1" stop-color="#AF4C46"/></radialGradient><radialGradient id="iZO5kub" cx="0" cy="0" r="1" gradientTransform="rotate(124.824 9.012 11.963)scale(18.85 17.2968)" gradientUnits="userSpaceOnUse"><stop stop-color="#9F76CC"/><stop offset=".815" stop-color="#6F419E"/></radialGradient><radialGradient id="iKin6rd" cx="0" cy="0" r="1" gradientTransform="matrix(-21.21512 9.36406 -13.30043 -30.13332 28.34 11.924)" gradientUnits="userSpaceOnUse"><stop offset=".52" stop-color="#402D53" stop-opacity="0"/><stop offset="1" stop-color="#402D53"/></radialGradient><radialGradient id="ihdA4bc" cx="0" cy="0" r="1" gradientTransform="matrix(6.91643 -5.39316 1.77476 2.27603 20 13.396)" gradientUnits="userSpaceOnUse"><stop offset=".2" stop-color="#B085D8"/><stop offset="1" stop-color="#8E61B7"/></radialGradient><radialGradient id="iKWPu0b" cx="0" cy="0" r="1" gradientTransform="matrix(2.29671 -3.78 4.40069 2.67384 15.472 23.51)" gradientUnits="userSpaceOnUse"><stop stop-color="#724D94"/><stop offset="1" stop-color="#6F4197"/></radialGradient><radialGradient id="ii89wLe" cx="0" cy="0" r="1" gradientTransform="rotate(118.54 2.158 15.508)scale(3.1046 3.20092)" gradientUnits="userSpaceOnUse"><stop offset=".789" stop-color="#8B72A3" stop-opacity="0"/><stop offset="1" stop-color="#8B72A3"/></radialGradient><radialGradient id="iSzeb0c" cx="0" cy="0" r="1" gradientTransform="matrix(3.52289 -4.27779 2.99635 2.46758 14.67 23.642)" gradientUnits="userSpaceOnUse"><stop offset=".8" stop-color="#64398C" stop-opacity="0"/><stop offset="1" stop-color="#64398C"/></radialGradient><radialGradient id="i5OsGie" cx="0" cy="0" r="1" gradientTransform="matrix(2.94774 2.48038 -2.63083 3.12654 15.676 20.873)" gradientUnits="userSpaceOnUse"><stop offset=".825" stop-color="#664289" stop-opacity="0"/><stop offset="1" stop-color="#664289"/></radialGradient><radialGradient id="i00DHBC" cx="0" cy="0" r="1" gradientTransform="rotate(-47.175 20.864 -.52)scale(6.98771)" gradientUnits="userSpaceOnUse"><stop stop-color="#F6B953"/><stop offset="1" stop-color="#D5A04B"/></radialGradient><radialGradient id="iaNIHcc" cx="0" cy="0" r="1" gradientTransform="matrix(-4.07919 0 0 -3.91074 10.08 12.5)" gradientUnits="userSpaceOnUse"><stop offset=".894" stop-color="#FFC553" stop-opacity="0"/><stop offset="1" stop-color="#FFC553"/></radialGradient><radialGradient id="iLSfHyb" cx="0" cy="0" r="1" gradientTransform="matrix(5.375 -5.4375 4.05278 4.0062 6.813 15.136)" gradientUnits="userSpaceOnUse"><stop offset=".636" stop-color="#BD8D44" stop-opacity="0"/><stop offset="1" stop-color="#BD8D44"/></radialGradient><radialGradient id="iSzvL0d" cx="0" cy="0" r="1" gradientTransform="matrix(-.0625 -4.28125 5.84388 -.08531 27.279 25.1)" gradientUnits="userSpaceOnUse"><stop offset=".777" stop-color="#663F8E" stop-opacity="0"/><stop offset=".992" stop-color="#663F8E"/></radialGradient><radialGradient id="iCqtVBb" cx="0" cy="0" r="1" gradientTransform="matrix(-2.50004 4.40623 -2.55733 -1.451 12.5 11.35)" gradientUnits="userSpaceOnUse"><stop stop-color="#614776"/><stop offset="1" stop-color="#62427C"/></radialGradient><radialGradient id="ihA1tUd" cx="0" cy="0" r="1" gradientTransform="matrix(-2.51084 0 0 -2.73027 17.127 5.5)" gradientUnits="userSpaceOnUse"><stop offset=".286" stop-color="#79529B"/><stop offset="1" stop-color="#A276C9"/></radialGradient><radialGradient id="iAVTFjA" cx="0" cy="0" r="1" gradientTransform="matrix(2.14598 0 0 1.88931 15.558 5.5)" gradientUnits="userSpaceOnUse"><stop offset=".711" stop-color="#664581" stop-opacity="0"/><stop offset="1" stop-color="#664581"/></radialGradient><linearGradient id="iDfclyq" x1="16.5" x2="14.5" y1="4.5" y2="6.5" gradientUnits="userSpaceOnUse"><stop stop-color="#F5C224"/><stop offset="1" stop-color="#FFEF71"/></linearGradient><linearGradient id="iWAy2He" x1="24.167" x2="20.833" y1="9.833" y2="13.167" gradientUnits="userSpaceOnUse"><stop stop-color="#F5C224"/><stop offset="1" stop-color="#FFEF71"/></linearGradient><linearGradient id="isY3BBc" x1="18.167" x2="14.833" y1="19.833" y2="23.167" gradientUnits="userSpaceOnUse"><stop stop-color="#F5C224"/><stop offset="1" stop-color="#FFEF71"/></linearGradient><linearGradient id="iWmCMLb" x1="11.325" x2="6.934" y1="9.361" y2="15.057" gradientUnits="userSpaceOnUse"><stop stop-color="#E4AC50"/><stop offset="1" stop-color="#D79C38"/></linearGradient><linearGradient id="iDSx0Vz" x1="10.307" x2="5.964" y1="24.331" y2="26.993" gradientUnits="userSpaceOnUse"><stop stop-color="#BD6152"/><stop offset="1" stop-color="#AE6B71"/></linearGradient><linearGradient id="iJvur2b" x1="29.833" x2="25.167" y1="22.167" y2="26.833" gradientUnits="userSpaceOnUse"><stop stop-color="#F6C72D"/><stop offset="1" stop-color="#FFF073"/></linearGradient><linearGradient id="i2pnNjJ" x1="20.577" x2="23.646" y1="9" y2="14" gradientUnits="userSpaceOnUse"><stop stop-color="#A57CD3"/><stop offset=".492" stop-color="#A57CD3" stop-opacity="0"/><stop offset="1" stop-color="#A57CD3"/></linearGradient><linearGradient id="isN18QL" x1="18.167" x2="14.833" y1="19.833" y2="23.167" gradientUnits="userSpaceOnUse"><stop stop-color="#0F0F0F"/><stop offset="1" stop-color="#704E8D"/></linearGradient><linearGradient id="iYnGicd" x1="19" x2="14.409" y1="19.675" y2="23.332" gradientUnits="userSpaceOnUse"><stop stop-color="#683B92"/><stop offset="1" stop-color="#683B92" stop-opacity="0"/></linearGradient><linearGradient id="iZEA6Sc" x1="27.338" x2="24.231" y1="20.781" y2="26.152" gradientUnits="userSpaceOnUse"><stop stop-color="#7246A2"/><stop offset=".999" stop-color="#7E55AC"/></linearGradient><linearGradient id="iQsdB1b" x1="29.833" x2="25.167" y1="22.167" y2="26.833" gradientUnits="userSpaceOnUse"><stop stop-color="#0F0F0F"/><stop offset="1" stop-color="#704E8D"/></linearGradient><linearGradient id="iJIDgkc" x1="25.873" x2="27.06" y1="25.975" y2="19.787" gradientUnits="userSpaceOnUse"><stop stop-color="#8A60B5"/><stop offset="1" stop-color="#885BB3"/></linearGradient><linearGradient id="iGtnAub" x1="13.5" x2="10.797" y1="13.007" y2="12.928" gradientUnits="userSpaceOnUse"><stop stop-color="#5F3E80"/><stop offset="1" stop-color="#5F3E80" stop-opacity="0"/></linearGradient><linearGradient id="i0XI7ge" x1="17.35" x2="14.761" y1="4.297" y2="6.843" gradientUnits="userSpaceOnUse"><stop stop-color="#7B52A5"/><stop offset="1" stop-color="#875CB4"/></linearGradient><filter id="iYF1Gab" width="7.8" height="7.8" x="5.6" y="8.6" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14055" stdDeviation=".15"/></filter><filter id="ihgbD4c" width="5.8" height="5.8" x="19.6" y="8.6" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14055" stdDeviation=".1"/></filter><filter id="iNMSKOc" width="5.75" height="5.75" x="13.625" y="18.625" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14055" stdDeviation=".125"/></filter><filter id="iP6K0ne" width="5.591" height="6.505" x="23.653" y="20.498" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14055" stdDeviation=".15"/></filter><filter id="inGqt9b" width="12.114" height="15.089" x="4.986" y="5.011" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14055" stdDeviation="2"/></filter><filter id="iy3ACRe" width="4.008" height="3.6" x="13.996" y="3.7" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_14055" stdDeviation=".1"/></filter></defs></g></svg>

Waning Crescent Moon アイコンの使い方

React

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

<Icon icon="fluent-emoji:waning-crescent-moon" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:waning-crescent-moon" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:waning-crescent-moon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--waning-crescent-moon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:waning-crescent-moon"></div>

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:waning-crescent-moon"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/waning-crescent-moon.svg" alt="Waning Crescent Moon アイコン" width="24" height="24">

Fluent Emoji の関連アイコン

他のアイコンセットの Waning Crescent Moon アイコン

Waning Crescent Moon アイコンのよくある質問

Waning Crescent Moon アイコンは商用利用でも無料ですか?

はい。Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Waning Crescent Moon アイコンを使うには?

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

Waning Crescent Moon アイコンをウェブページに追加するには?

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

Fluent Emoji アイコンをすべて見る →