Star Shooting Sharp アイコン
keyline-icons:star-shooting-sharp
Star Shooting Sharp アイコン(keyline-icons:star-shooting-sharp)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- starshooting、shootingsharp、starshootingsharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M16.234 2.3825L17.2816 6.7184L21.6175 7.766C21.8419 7.8202 22 8.0211 22 8.252C22 8.4257 21.9099 8.587 21.7619 8.678L17.962 11.0142L18.3055 15.4615C18.3065 15.4744 18.307 15.4872 18.307 15.5001C18.307 15.7762 18.0831 16 17.807 16C17.6882 16 17.5733 15.9577 17.4828 15.8807L14.0867 12.9887L9.9632 14.6897C9.9027 14.7147 9.8379 14.7275 9.7725 14.7275C9.4963 14.7275 9.2725 14.5037 9.2725 14.2275C9.2725 14.1621 9.2853 14.0973 9.3103 14.0368L11.0113 9.9133L8.1193 6.5172C8.0423 6.4267 7.9999 6.3118 7.9999 6.193C7.9999 5.9169 8.2238 5.693 8.4999 5.693C8.5128 5.693 8.5256 5.6935 8.5385 5.6945L12.9858 6.038L15.322 2.2381C15.413 2.0901 15.5743 2 15.748 2C15.9789 2 16.1798 2.1581 16.234 2.3825ZM1.7071 22.2929L6.7929 17.2071M1.7071 16.2929L5.7929 12.2071M7.7071 22.2929L11.7929 18.2071"/></svg>Star Shooting Sharp アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:star-shooting-sharp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:star-shooting-sharp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:star-shooting-sharp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--star-shooting-sharp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:star-shooting-sharp"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:star-shooting-sharp"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/star-shooting-sharp.svg" alt="Star Shooting Sharp アイコン" width="24" height="24">Keyline Icons の関連アイコン
star
star-duotone
star-fill
star-off
star-off-duotone
star-off-fill
star-off-sharp
star-off-sharp-duotone
star-off-sharp-fill
star-off-sharp-two-tone
star-off-two-tone
star-sharp
star-sharp-duotone
star-sharp-fill
star-sharp-two-tone
star-shooting
star-shooting-duotone
star-shooting-fill
star-shooting-sharp-duotone
star-shooting-sharp-fill
star-shooting-sharp-two-tone
star-shooting-two-tone
star-two-tone
Star Shooting Sharp アイコン のよくある質問
Star Shooting Sharp アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Star Shooting Sharp アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:star-shooting-sharp" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Star Shooting Sharp アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/star-shooting-sharp.svg" alt="Star Shooting Sharp アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。