Palette Sparkles Fill icon

keyline-icons:palette-sparkles-fill

The Palette Sparkles Fill icon (keyline-icons:palette-sparkles-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: palettesparkles, sparklesfill, palettesparklesfill, sparkle

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M15.0104 18.0104C15.0104 18.6956 15.2449 19.3601 15.675 19.8935C15.8184 20.0713 15.8965 20.2928 15.8965 20.5212C15.8965 20.9494 15.6238 21.3301 15.2184 21.4679C14.1819 21.8203 13.0947 22 12 22C6.4772 22 2 17.5228 2 12C2 11.6625 2.0167 11.3289 2.0494 11M21.9506 11C21.4489 5.9467 17.1853 2 12 2C11.6625 2 11.3289 2.0167 11 2.0494"/><path fill="currentColor" d="M11.6189 17.1683C11.6189 17.9967 10.9473 18.6683 10.1189 18.6683C9.2905 18.6683 8.6189 17.9967 8.6189 17.1683C8.6189 16.3399 9.2905 15.6683 10.1189 15.6683C10.9473 15.6683 11.6189 16.3399 11.6189 17.1683ZM8.1304 13.1904C8.1304 14.0188 7.4588 14.6904 6.6304 14.6904C5.8019 14.6904 5.1304 14.0188 5.1304 13.1904C5.1304 12.362 5.8019 11.6904 6.6304 11.6904C7.4588 11.6904 8.1304 12.362 8.1304 13.1904ZM14.6904 6.6304C14.6904 7.4588 14.0188 8.1304 13.1904 8.1304C12.362 8.1304 11.6904 7.4588 11.6904 6.6304C11.6904 5.8019 12.362 5.1304 13.1904 5.1304C14.0188 5.1304 14.6904 5.8019 14.6904 6.6304ZM5.5492 1.3739L6.1373 2.8648C6.3173 3.3213 6.6787 3.6827 7.1352 3.8627L8.6261 4.4508C8.8518 4.5397 9 4.7576 9 5C9 5.2424 8.8518 5.4603 8.6261 5.5492L7.1352 6.1373C6.6787 6.3173 6.3173 6.6787 6.1373 7.1352L5.5492 8.6261C5.4603 8.8518 5.2424 9 5 9C4.7576 9 4.5397 8.8518 4.4508 8.6261L3.8627 7.1352C3.6827 6.6787 3.3213 6.3173 2.8648 6.1373L1.3739 5.5492C1.1482 5.4603 1 5.2424 1 5C1 4.7576 1.1482 4.5397 1.3739 4.4508L2.8648 3.8627C3.3213 3.6827 3.6827 3.3213 3.8627 2.8648L4.4508 1.3739C4.5397 1.1482 4.7576 1 5 1C5.2424 1 5.4603 1.1482 5.5492 1.3739ZM18.8433 12.2337L19.2108 13.1655C19.3233 13.4508 19.5492 13.6767 19.8345 13.7892L20.7663 14.1567C20.9074 14.2123 21 14.3485 21 14.5C21 14.6515 20.9074 14.7877 20.7663 14.8433L19.8345 15.2108C19.5492 15.3233 19.3233 15.5492 19.2108 15.8345L18.8433 16.7663C18.7877 16.9074 18.6515 17 18.5 17C18.3485 17 18.2123 16.9074 18.1567 16.7663L17.7892 15.8345C17.6767 15.5492 17.4508 15.3233 17.1655 15.2108L16.2337 14.8433C16.0926 14.7877 16 14.6515 16 14.5C16 14.3485 16.0926 14.2123 16.2337 14.1567L17.1655 13.7892C17.4508 13.6767 17.6767 13.4508 17.7892 13.1655L18.1567 12.2337C18.2123 12.0926 18.3485 12 18.5 12C18.6515 12 18.7877 12.0926 18.8433 12.2337Z" stroke="none"/></g></svg>

How to use the Palette Sparkles Fill icon

React

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

<Icon icon="keyline-icons:palette-sparkles-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:palette-sparkles-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:palette-sparkles-fill" width="24" />

Tailwind CSS

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

UnoCSS

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

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/palette-sparkles-fill.svg" alt="Palette Sparkles Fill icon" width="24" height="24">

Related icons in Keyline Icons

Palette Sparkles Fill icon FAQ

Is the Palette Sparkles 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 Palette Sparkles Fill icon in React?

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

How do I add the Palette Sparkles Fill icon to a web page?

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

Browse all Keyline Icons →