Star And Crescent Duo アイコン
glyphs:star-and-crescent-duo
Star And Crescent Duo アイコン(glyphs:star-and-crescent-duo)は、Glyphs セットの無料 SVG アイコンです(作者: Goran Spasojevic)。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- starand、andcrescent、crescentduo、starandcrescentduo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" d="M49.768 15.97a25.869 25.869 0 1 0 0 47.798c.485-.2.249-.923-.274-.876c-3.73.335-7.52-.214-11.051-1.648l-.303-.123a22.938 22.938 0 0 1 0-42.504l.303-.123a23.7 23.7 0 0 1 11.05-1.648c.524.047.76-.676.275-.877"/><path fill="currentColor" fill-opacity=".25" d="M51.942 31.31c.336-.836 1.52-.836 1.856 0l1.941 4.836a1 1 0 0 0 .86.625l5.199.352c.9.061 1.265 1.188.573 1.765l-3.998 3.341a1 1 0 0 0-.329 1.011l1.272 5.053c.22.874-.739 1.57-1.502 1.091l-4.413-2.77a1 1 0 0 0-1.063 0l-4.413 2.77c-.763.48-1.721-.217-1.501-1.09l1.27-5.054a1 1 0 0 0-.328-1.01l-3.998-3.342c-.692-.578-.326-1.704.573-1.765l5.199-.352a1 1 0 0 0 .86-.625z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M49.768 15.97a25.869 25.869 0 1 0 0 47.798c.485-.2.249-.923-.274-.876c-3.73.335-7.52-.214-11.051-1.648l-.303-.123a22.938 22.938 0 0 1 0-42.504l.303-.123a23.7 23.7 0 0 1 11.05-1.648c.524.047.76-.676.275-.877"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M51.942 31.31c.336-.836 1.52-.836 1.856 0l1.941 4.836a1 1 0 0 0 .86.625l5.199.352c.9.061 1.265 1.188.573 1.765l-3.998 3.341a1 1 0 0 0-.329 1.011l1.272 5.053c.22.874-.739 1.57-1.502 1.091l-4.413-2.77a1 1 0 0 0-1.063 0l-4.413 2.77c-.763.48-1.721-.217-1.501-1.09l1.27-5.054a1 1 0 0 0-.328-1.01l-3.998-3.342c-.692-.578-.326-1.704.573-1.765l5.199-.352a1 1 0 0 0 .86-.625z"/></g></svg>Star And Crescent Duo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:star-and-crescent-duo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:star-and-crescent-duo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:star-and-crescent-duo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--star-and-crescent-duo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:star-and-crescent-duo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:star-and-crescent-duo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs/star-and-crescent-duo.svg" alt="Star And Crescent Duo アイコン" width="24" height="24">Glyphs の関連アイコン
star
star-and-crescent
star-and-crescent-bold
star-and-crescent-outline
star-bold
star-duo
star-half
star-half-1
star-half-1-bold
star-half-1-duo
star-half-1-outline
star-half-2
star-half-2-bold
star-half-2-duo
star-half-2-outline
star-half-bold
star-half-duo
star-half-outline
star-of-david
star-of-david-bold
star-of-david-duo
star-of-david-outline
star-outline
Star And Crescent Duo アイコン のよくある質問
Star And Crescent Duo アイコンは商用利用でも無料ですか?
はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Star And Crescent Duo アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs:star-and-crescent-duo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Star And Crescent Duo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/star-and-crescent-duo.svg" alt="Star And Crescent Duo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。