Firstquartermoonface アイコン
fxemoji:firstquartermoonface
Firstquartermoonface アイコン(fxemoji:firstquartermoonface)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 512 × 512 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 512 × 512
- カテゴリ
- 自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fde364" d="m159.035 400.089l-.038.008c13.087-20.624 12.247-28.911 12.247-36.246c0-12.502 38.144 3.06 54.538-14.73c2.798-3.03.495-7.927-3.614-7.612c-19.635 1.53-42.787-2.535-42.787-9.93c0-5.22 11.55-17.107 15.547-30.404c-23.571-1.732-56.51-7.792-46.378-23.714c11.43-17.969 49.356-76.265 37.506-116.246a261 261 0 0 0-4.642-10.627c-.015-.023-.022-.038-.038-.06l.016.023C160.67 105.995 127.236 68.549 85.755 42.81c-7.207-4.47-6.284-15.157 1.568-18.367C116.294 12.622 147.928 6 181.151 6c138.07 0 249.996 111.934 249.996 250.004S319.221 506 181.151 506c-32.902 0-64.235-6.495-92.974-18.097c-8.205-3.307-9.165-14.49-1.665-19.184a252.7 252.7 0 0 0 72.523-68.63"/><path fill="#2c3c47" d="M277.672 182.415c10.844 0 19.634 8.79 19.634 19.634v24.134c0 10.837-8.79 19.634-19.634 19.634s-19.635-8.797-19.635-19.634V202.05c0-10.845 8.79-19.635 19.635-19.635"/><path fill="#fbb436" d="M254.637 159.609a6.854 6.854 0 0 1-5.535-10.892c6.936-9.519 17.342-14.98 28.549-14.984h.013c11.213 0 21.628 5.458 28.575 14.98a6.85 6.85 0 0 1-1.496 9.577a6.85 6.85 0 0 1-9.577-1.496c-4.338-5.944-10.719-9.353-17.503-9.353h-.008c-6.777.003-13.147 3.411-17.475 9.35a6.84 6.84 0 0 1-5.543 2.818"/></svg>Firstquartermoonface アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:firstquartermoonface" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:firstquartermoonface" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:firstquartermoonface" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--firstquartermoonface]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:firstquartermoonface"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:firstquartermoonface"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/firstquartermoonface.svg" alt="Firstquartermoonface アイコン" width="24" height="24">Firstquartermoonface アイコン のよくある質問
Firstquartermoonface アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Firstquartermoonface アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:firstquartermoonface" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Firstquartermoonface アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/firstquartermoonface.svg" alt="Firstquartermoonface アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。