First Quarter Moon アイコン

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

はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-emojis:first-quarter-moon

First Quarter Moon アイコン(streamline-emojis:first-quarter-moon)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: 動物・自然
タグ: firstquarter、quartermoon、firstquartermoon

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M11.13 45.32a12.87 1.68 0 1 0 25.74 0a12.87 1.68 0 1 0-25.74 0" opacity=".15"/><path fill="#ffe500" d="M4.97 24a19.03 19.03 0 1 0 38.06 0a19.03 19.03 0 1 0-38.06 0"/><path fill="#fff48c" d="M24 9.45a19 19 0 0 1 18.89 16.79A21 21 0 0 0 43 24a19 19 0 0 0-38 0a21 21 0 0 0 .14 2.24A19 19 0 0 1 24 9.45"/><path fill="#656769" d="M24.05 5v38a19 19 0 0 0 0-38"/><path fill="#87898c" d="M24 5v4.45a19 19 0 0 1 18.89 16.79A21 21 0 0 0 43 24A19 19 0 0 0 24 5"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M4.97 24a19.03 19.03 0 1 0 38.06 0a19.03 19.03 0 1 0-38.06 0"/><path fill="#87898c" d="M38.08 18.66c-1.25.92-3.3.24-4.57-1.51s-1.3-3.9 0-4.81s3.29-.24 4.57 1.51s1.25 3.9 0 4.81"/><path fill="#525252" d="M33.46 14.68c1.24-.91 3.29-.23 4.57 1.51a5.2 5.2 0 0 1 .77 1.55a4.24 4.24 0 0 0-.8-3.86c-1.28-1.74-3.33-2.42-4.57-1.51a2.88 2.88 0 0 0-.72 3.27a2 2 0 0 1 .75-.96"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M38.08 18.7c-1.25.91-3.3.23-4.57-1.52s-1.3-3.9 0-4.81s3.29-.23 4.57 1.51s1.25 3.91 0 4.82"/><path fill="#fff48c" d="M9.22 20.84c.86.33 2-.45 2.46-1.75s.2-2.62-.67-2.95s-2 .45-2.46 1.75s-.2 2.62.67 2.95"/><path fill="#ebcb00" d="M8.55 19.56c.49-1.29 1.6-2.08 2.46-1.75a1.39 1.39 0 0 1 .79.92c.31-1.18 0-2.29-.79-2.59s-2 .45-2.46 1.75a3.1 3.1 0 0 0-.11 2a3 3 0 0 1 .11-.33"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M9.22 20.84c.86.33 2-.45 2.46-1.75s.2-2.62-.67-2.95s-2 .45-2.46 1.75s-.2 2.62.67 2.95"/><path fill="#fff48c" d="M23.87 38.7c-.35 1.35-2.33 2-4.42 1.45s-3.51-2.08-3.16-3.43s2.33-2 4.43-1.44s3.5 2.08 3.15 3.42"/><path fill="#ebcb00" d="M20.72 36.89a4.53 4.53 0 0 1 3 2.17a1.4 1.4 0 0 0 .15-.36c.35-1.34-1.06-2.88-3.15-3.42s-4.08.1-4.43 1.44a1.83 1.83 0 0 0 .16 1.28c.55-1.12 2.37-1.61 4.27-1.11"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M23.87 38.7c-.35 1.35-2.33 2-4.42 1.45s-3.51-2.08-3.16-3.43s2.33-2 4.43-1.44s3.5 2.08 3.15 3.42"/><path fill="#87898c" d="M35.75 27.08a1.96 1.96 0 1 0 3.92 0a1.96 1.96 0 1 0-3.92 0"/><path fill="#525252" d="M37.71 26.59a2 2 0 0 1 1.82 1.22a1.9 1.9 0 0 0 .14-.73a2 2 0 1 0-3.77.73a2 2 0 0 1 1.81-1.22"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M35.75 27.08a1.96 1.96 0 1 0 3.92 0a1.96 1.96 0 1 0-3.92 0"/><path fill="#fff48c" d="M13.92 25.4a1.96 1.96 0 1 0 3.92 0a1.96 1.96 0 1 0-3.92 0"/><path fill="#ebcb00" d="M15.88 24.84a2 2 0 0 1 1.83 1.26a2 2 0 0 0 .13-.7a2 2 0 0 0-3.92 0a2 2 0 0 0 .14.7a2 2 0 0 1 1.82-1.26"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M13.92 25.4a1.96 1.96 0 1 0 3.92 0a1.96 1.96 0 1 0-3.92 0"/><path fill="#fff48c" d="M15.6 14.48a3.36 3.36 0 1 0 6.72 0a3.36 3.36 0 1 0-6.72 0"/><path fill="#ebcb00" d="M19 13.23a3.36 3.36 0 0 1 3.18 2.3a3.3 3.3 0 0 0 .18-1a3.36 3.36 0 0 0-6.72 0a3.3 3.3 0 0 0 .19 1a3.35 3.35 0 0 1 3.17-2.3"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.64 14.48a3.36 3.36 0 1 0 6.72 0a3.36 3.36 0 1 0-6.72 0"/><path fill="#87898c" d="M24.56 30.16a2.8 2.8 0 1 0 5.6 0a2.8 2.8 0 1 0-5.6 0"/><path fill="#525252" d="M27.36 29A2.77 2.77 0 0 1 30 31a2.7 2.7 0 0 0 .15-.84a2.8 2.8 0 1 0-5.6 0a3 3 0 0 0 .14.84a2.79 2.79 0 0 1 2.67-2"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24.56 30.16a2.8 2.8 0 1 0 5.6 0a2.8 2.8 0 1 0-5.6 0"/></svg>

First Quarter Moon アイコンの使い方

React

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

<Icon icon="streamline-emojis:first-quarter-moon" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:first-quarter-moon" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:first-quarter-moon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--first-quarter-moon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:first-quarter-moon"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-emojis:first-quarter-moon"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-emojis/first-quarter-moon.svg" alt="First Quarter Moon アイコン" width="24" height="24">

Streamline Emojis の関連アイコン

他のアイコンセットの First Quarter Moon アイコン

First Quarter Moon アイコンのよくある質問

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

はい。Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で First Quarter Moon アイコンを使うには?

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

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

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

Streamline Emojis アイコンをすべて見る →