Shooting Star アイコン
fluent-emoji-high-contrast:shooting-star
Shooting Star アイコン(fluent-emoji-high-contrast:shooting-star)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 旅行・場所
- タグ
- shootingstar
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M5.67 1h20.66A4.666 4.666 0 0 1 31 5.67v20.66A4.666 4.666 0 0 1 26.33 31H5.67A4.666 4.666 0 0 1 1 26.33V5.67A4.666 4.666 0 0 1 5.67 1m12.574 2l-8.283 7.92a2.04 2.04 0 0 1 1.401.526l.002.002l2.08 1.87c.265.238.624.326.972.238l2.721-.69c1.622-.41 3.036 1.174 2.43 2.744l-1.09 2.82l-.001.002c-.122.311-.088.663.095.948l.002.003l1.609 2.549c.246.387.344.804.322 1.204L29 14.64V5.67A2.666 2.666 0 0 0 26.33 3zM8.99 5.5a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0M5.49 11a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m19.5 11.5a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0m-1 4a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0M4.49 25a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m23.5 1.5a.5.5 0 1 0-1 0a.5.5 0 0 0 1 0M8.95 12.931v.007l-.1 2.79v.001a2.07 2.07 0 0 1-.978 1.677l-2.388 1.479a1.063 1.063 0 0 0 .15 1.884l2.79 1.17a2.08 2.08 0 0 1 1.201 1.41v.002l.72 2.93a1.055 1.055 0 0 0 1.86.402l1.64-2.1l.002-.002a2.06 2.06 0 0 1 1.837-.778h.002l2.647.28h.001c.875.095 1.478-.87 1.004-1.614v-.002l-1.61-2.548a2.05 2.05 0 0 1-.184-1.85v-.001l1.09-2.818a1.061 1.061 0 0 0-1.252-1.415l-2.719.69a2.06 2.06 0 0 1-1.887-.463l-2.078-1.868l-.001-.001c-.682-.605-1.727-.141-1.747.738"/></svg>
Shooting Star アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:shooting-star" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:shooting-star" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:shooting-star" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--shooting-star]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:shooting-star"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:shooting-star"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/shooting-star.svg" alt="Shooting Star アイコン" width="24" height="24">
他のアイコンセットの Shooting Star アイコン
Shooting Star アイコン のよくある質問
Shooting Star アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Shooting Star アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:shooting-star" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shooting Star アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/shooting-star.svg" alt="Shooting Star アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
