Sparkle Fill icon
keyline-icons:sparkle-fill
The Sparkle Fill icon (keyline-icons:sparkle-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
- sparklefill
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.3954 2.9497L15.4809 8.2374C15.5317 8.3663 15.6337 8.4683 15.7626 8.5191L21.0503 10.6046C21.6234 10.8306 22 11.384 22 12C22 12.616 21.6234 13.1694 21.0503 13.3954L15.7626 15.4809C15.6337 15.5317 15.5317 15.6337 15.4809 15.7626L13.3954 21.0503C13.1694 21.6234 12.616 22 12 22C11.384 22 10.8306 21.6234 10.6046 21.0503L8.5191 15.7626C8.4683 15.6337 8.3663 15.5317 8.2374 15.4809L2.9497 13.3954C2.3766 13.1694 2 12.616 2 12C2 11.384 2.3766 10.8306 2.9497 10.6046L8.2374 8.5191C8.3663 8.4683 8.4683 8.3663 8.5191 8.2374L10.6046 2.9497C10.8306 2.3766 11.384 2 12 2C12.616 2 13.1694 2.3766 13.3954 2.9497Z"/></svg>
How to use the Sparkle Fill icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:sparkle-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:sparkle-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:sparkle-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--sparkle-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:sparkle-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:sparkle-fill"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/sparkle-fill.svg" alt="Sparkle Fill icon" width="24" height="24">
Related icons in Keyline Icons
Sparkle Fill icon in other icon sets
Sparkle Fill icon FAQ
Is the Sparkle 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 Sparkle Fill icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:sparkle-fill" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Sparkle Fill icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/sparkle-fill.svg" alt="Sparkle Fill icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
