First Quarter Moon Face アイコン
emojione-v1:first-quarter-moon-face
First Quarter Moon Face アイコン(emojione-v1:first-quarter-moon-face)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 自然
- タグ
- firstquarter、quartermoon、moonface、firstquartermoonface、first quarter moon with face
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#f5eb35" d="M37.33 39.814c-1.572-2.188-2.712-4.743-.66-7.05c.879-.992 2.465-1.476 3.64-1.971a11.8 11.8 0 0 0 2.206-1.247c1.84-4.96 2.788-10.245 1.887-15.433c-.905-5.206-3.127-9.51-5.744-13.636c14.396 3.137 25.18 15.94 25.18 31.28c0 17.689-14.339 32.03-32.03 32.03a31.8 31.8 0 0 1-16.11-4.38c8.664-4.877 16.325-11.216 21.631-19.583"/><g fill="#e0cf35"><path d="M56.745 40.26a2.544 2.544 0 0 0 2.548 2.545a2.547 2.547 0 1 0-2.548-2.545"/><circle cx="32.27" cy="57.38" r="3.486"/><path d="M47.667 12.575a2.07 2.07 0 1 0 4.14.001a2.07 2.07 0 0 0-4.14-.001"/></g><path fill="#bfad2b" d="M34.857 44.637c4.539 2.106 8.526 2.808 13.334 1.197a13 13 0 0 0-.188-1.237c-.251-1.251 1.647-1.901 1.9-.635c.353 1.75.578 3.553.031 5.289c-.384 1.22-2.354.824-1.964-.414c.095-.3.153-.604.198-.907c-5.03 1.509-9.406.729-14.211-1.499c-1.173-.546-.271-2.339.9-1.794M55.03 31.68c-1.934-1-4.101-1.646-5.976-2.759c1.308-1.771 3.055-2.951 4.857-4.207c.9-.627-.233-1.902-1.127-1.281c-1.918 1.336-3.729 2.617-5.12 4.5c-.093-.078-.193-.146-.285-.229c-.804-.732-2.093.384-1.282 1.125c2.32 2.116 5.259 2.851 7.982 4.267c.969.505 1.926-.908.951-1.416"/><path fill="#e0cf35" d="M41.608 37.15c-.572-.506-1.184-.74-1.951-.722c-.39.012-.806.396-1.069.643c-.029.03-.65.698-.342.69c.713-.02 1.273.184 1.811.658c.34.302 1.771-1.078 1.551-1.269"/></svg>
First Quarter Moon Face アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:first-quarter-moon-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:first-quarter-moon-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:first-quarter-moon-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--first-quarter-moon-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:first-quarter-moon-face"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:first-quarter-moon-face"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/first-quarter-moon-face.svg" alt="First Quarter Moon Face アイコン" width="24" height="24">
他のアイコンセットの First Quarter Moon Face アイコン
First Quarter Moon Face アイコン のよくある質問
First Quarter Moon Face アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で First Quarter Moon Face アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:first-quarter-moon-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
First Quarter Moon Face アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/first-quarter-moon-face.svg" alt="First Quarter Moon Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
