Star Shooting アイコン
keyline-icons:star-shooting
Star Shooting アイコン(keyline-icons:star-shooting)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- starshooting
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16.234 2.3825L17.2099 6.4215C17.2539 6.6038 17.3962 6.7461 17.5785 6.7901L21.6175 7.766C21.8419 7.8202 22 8.0211 22 8.252C22 8.4257 21.9099 8.587 21.7619 8.678L18.2222 10.8542C18.0742 10.9452 17.9841 11.1065 17.9841 11.2802C17.9841 11.293 17.9845 11.3059 17.9855 11.3187L18.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.3192 13.1867C14.2288 13.1097 14.1139 13.0674 13.9951 13.0674C13.9297 13.0674 13.8649 13.0802 13.8044 13.1052L9.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.0368L10.8948 10.1956C10.9198 10.1351 10.9326 10.0703 10.9326 10.0049C10.9326 9.8861 10.8903 9.7712 10.8133 9.6808L8.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.6813 6.0145C12.6941 6.0155 12.707 6.0159 12.7198 6.0159C12.8935 6.0159 13.0548 5.9258 13.1458 5.7778L15.322 2.2381C15.413 2.0901 15.5743 2 15.748 2C15.9789 2 16.1798 2.1581 16.234 2.3825ZM2 22L6.5 17.5M2 16L5.5 12.5M8 22L11.5 18.5"/></svg>Star Shooting アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:star-shooting" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:star-shooting" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:star-shooting" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--star-shooting]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:star-shooting"></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"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/star-shooting.svg" alt="Star Shooting アイコン" 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-duotone
star-shooting-fill
star-shooting-sharp
star-shooting-sharp-duotone
star-shooting-sharp-fill
star-shooting-sharp-two-tone
star-shooting-two-tone
star-two-tone
他のアイコンセットの Star Shooting アイコン
Star Shooting アイコン のよくある質問
Star Shooting アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Star Shooting アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:star-shooting" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Star Shooting アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/star-shooting.svg" alt="Star Shooting アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。