Star Shooting icon

keyline-icons:star-shooting

The Star Shooting icon (keyline-icons:star-shooting) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: starshooting

Download SVG

SVG code

<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>

How to use the Star Shooting icon

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 component

<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 image

<img src="https://iconyz.com/api/public/svg/keyline-icons/star-shooting.svg" alt="Star Shooting icon" width="24" height="24">

Related icons in Keyline Icons

Star Shooting icon in other icon sets

Star Shooting icon FAQ

Is the Star Shooting icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Star Shooting icon in React?

Install @iconify/react and render <Icon icon="keyline-icons:star-shooting" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Star Shooting icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/star-shooting.svg" alt="Star Shooting icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →