First Quarter Moon Face アイコン
openmoji:first-quarter-moon-face
First Quarter Moon Face アイコン(openmoji:first-quarter-moon-face)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- 旅行・場所
- タグ
- firstquarter、quartermoon、moonface、firstquartermoonface
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fcea2b" d="M27.958 51.455s-5.091-2.079-1.827-4.94c-.964-.738-1.334-1.45-.173-2.702c2.646-2.855-.5-3.438-.5-3.438S17.52 39.813 21.895 35c2.595-2.855 4.085-6.118 4.918-8.596a10.04 10.04 0 0 0-.406-7.37c-2.252-4.93-5.45-9.177-9.486-12.892c-.615-.567-.302-1.597.524-1.728A33 33 0 0 1 22.67 4C40.747 4 55.4 18.327 55.4 36S40.747 68 22.67 68c-1.78 0-3.525-.144-5.227-.414c-.913-.145-1.16-1.324-.378-1.818c7.85-4.955 10.46-9.92 10.892-14.313"/><path fill="#f1b31c" d="M17.962 4.322C19.73 4.02 21.216 4 23.072 4c17.673 0 32 14.327 32 32s-14.327 32-32 32a32 32 0 0 1-5.052-.396s-.687-.31-.78-1.175c0 0 3.039.342 4.603.342c16.994 0 30.77-13.777 30.77-30.77S38.838 5.228 21.844 5.228c-1.673 0-3.314.133-4.915.39"/><circle cx="36" cy="27.25" r="3"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M35.696 46c-1.75 1.946-4.075 2.277-5.706 2.216c-1.313-.05-2.603-.445-3.646-1.244c-.964-.739-1.85-1.907-.688-3.16c2.775-3.081-.5-3.437-.5-3.437s-7.938-.562-3.563-5.375c2.598-2.858 4.089-6.126 4.92-8.605c.81-2.412.652-5.038-.404-7.353c-2.11-4.623-5.052-8.645-8.737-12.192c-.923-.888-.416-2.431.855-2.59A33 33 0 0 1 22.369 4C40.446 4 55.1 18.327 55.1 36S40.446 68 22.37 68q-1.933-.002-3.805-.219c-1.384-.16-1.861-1.948-.706-2.727c7-4.717 9.385-9.417 9.797-13.6m-1.827-4.939c-3.264 2.861 1.827 4.94 1.827 4.94"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M31.219 19.875s4.781-3 9.562 1.906"/></svg>First Quarter Moon Face アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:first-quarter-moon-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:first-quarter-moon-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:first-quarter-moon-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--first-quarter-moon-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji: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="openmoji:first-quarter-moon-face"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/first-quarter-moon-face.svg" alt="First Quarter Moon Face アイコン" width="24" height="24">OpenMoji の関連アイコン
他のアイコンセットの First Quarter Moon Face アイコン
First Quarter Moon Face アイコン のよくある質問
First Quarter Moon Face アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で First Quarter Moon Face アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:first-quarter-moon-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
First Quarter Moon Face アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/first-quarter-moon-face.svg" alt="First Quarter Moon Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。