Star Sharp Fill icon

keyline-icons:star-sharp-fill

The Star Sharp Fill icon (keyline-icons:star-sharp-fill) 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: starsharp, sharpfill, starsharpfill

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.384 2.4216L15.6753 7.9076L21.6194 8.3822C22.1233 8.4224 22.7712 8.9343 22.9269 9.4151C23.0826 9.896 22.8581 10.6905 22.4735 11.0186L17.9491 14.8782L19.3318 20.6506C19.4495 21.1413 19.1642 21.9151 18.7563 22.2122C18.3487 22.5094 17.5248 22.5437 17.0936 22.2815L12 19.1832L6.9065 22.2815C6.4752 22.5437 5.6513 22.5094 5.2434 22.2121C4.8358 21.9151 4.5505 21.1413 4.6683 20.6502L6.0509 14.8782L1.5265 11.0186C1.1421 10.6907 0.9171 9.896 1.0732 9.4148C1.2288 8.9343 1.8767 8.4224 2.3806 8.3822L8.3247 7.9076L10.6158 2.4219C10.8104 1.9566 11.4957 1.5 12 1.5C12.5043 1.5 13.1896 1.9566 13.384 2.4216Z"/></svg>

How to use the Star Sharp Fill icon

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:star-sharp-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:star-sharp-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:star-sharp-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--star-sharp-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:star-sharp-fill"></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-sharp-fill"></iconify-icon>

HTML image

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

Related icons in Keyline Icons

Star Sharp Fill icon FAQ

Is the Star Sharp Fill 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 Sharp Fill icon in React?

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

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

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

Browse all Keyline Icons →