Shootingstar アイコン
fxemoji:shootingstar
Shootingstar アイコン(fxemoji:shootingstar)は、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="#204963" d="M500.951 489.617c0 6.6-5.4 12-12 12H21.716c-6.6 0-12-5.4-12-12V22.383c0-6.6 5.4-12 12-12H488.95c6.6 0 12 5.4 12 12"/><path fill="#FFAD29" d="m441.375 61.469l.027.015c-.121-.004-.232-.015-.361-.015c-36.409 0-288.087 97.514-288.087 97.514l58.351 80.977s189.221-126.903 226.736-166.7q.637-1.305 1.174-2.479c-16.852 36.763-107.528 172.253-149.333 234.059l-2.775 4.467l44.471 82.846c.001-.001 124.617-326.135 109.797-330.684m.473 2.119q.151-.866.05-1.391q.102.525-.05 1.391m-1.687 5.05"/><path fill="#EF8B07" d="M441.929 62.558c-.021-.563-.187-.934-.523-1.072c-.121-.006-.237-.017-.365-.017L222.092 232.46h83.678s-133.22 239.652-37.023 103.495C435.254 100.284 441.931 62.598 441.929 62.558"/><path fill="#FFD880" d="m168.865 160.626l56.985 57.576a12.59 12.59 0 0 0 11.171 3.536l79.735-14.302c10.271-1.842 18.196 8.893 13.411 18.166l-37.149 71.988a12.59 12.59 0 0 0 .089 11.717l38.242 71.413c4.926 9.199-2.834 20.054-13.133 18.368l-79.944-13.085a12.59 12.59 0 0 0-11.116 3.706l-56.101 58.438c-7.227 7.528-19.948 3.501-21.527-6.814l-12.26-80.075a12.59 12.59 0 0 0-6.959-9.427l-72.914-35.297c-9.392-4.547-9.494-17.89-.172-22.579l72.367-36.404a12.59 12.59 0 0 0 6.815-9.532l11.037-80.252c1.424-10.338 14.083-14.558 21.423-7.141"/></svg>Shootingstar アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:shootingstar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:shootingstar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:shootingstar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--shootingstar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:shootingstar"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:shootingstar"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/shootingstar.svg" alt="Shootingstar アイコン" width="24" height="24">Shootingstar アイコン のよくある質問
Shootingstar アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Shootingstar アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:shootingstar" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shootingstar アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/shootingstar.svg" alt="Shootingstar アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。