Wand Sparkles icon
keyline-icons:wand-sparkles
The Wand Sparkles icon (keyline-icons:wand-sparkles) 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
- wandsparkles, sparkle
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="M18.5858 3.2929L20.7071 5.4142C21.0976 5.8047 21.0976 6.4379 20.7071 6.8284L6.8284 20.7071C6.4379 21.0976 5.8047 21.0976 5.4142 20.7071L3.2929 18.5858C2.9024 18.1953 2.9024 17.5621 3.2929 17.1716L17.1716 3.2929C17.5621 2.9024 18.1953 2.9024 18.5858 3.2929ZM13.2908 7.1737L16.8263 10.7092"/><path fill="currentColor" d="M6.5492 2.3739L7.1373 3.8648C7.3173 4.3213 7.6787 4.6827 8.1352 4.8627L9.6261 5.4508C9.8518 5.5397 10 5.7576 10 6C10 6.2424 9.8518 6.4603 9.6261 6.5492L8.1352 7.1373C7.6787 7.3173 7.3173 7.6787 7.1373 8.1352L6.5492 9.6261C6.4603 9.8518 6.2424 10 6 10C5.7576 10 5.5397 9.8518 5.4508 9.6261L4.8627 8.1352C4.6827 7.6787 4.3213 7.3173 3.8648 7.1373L2.3739 6.5492C2.1482 6.4603 2 6.2424 2 6C2 5.7576 2.1482 5.5397 2.3739 5.4508L3.8648 4.8627C4.3213 4.6827 4.6827 4.3213 4.8627 3.8648L5.4508 2.3739C5.5397 2.1482 5.7576 2 6 2C6.2424 2 6.4603 2.1482 6.5492 2.3739ZM17.8433 15.2337L18.2108 16.1655C18.3233 16.4508 18.5492 16.6767 18.8345 16.7892L19.7663 17.1567C19.9074 17.2123 20 17.3485 20 17.5C20 17.6515 19.9074 17.7877 19.7663 17.8433L18.8345 18.2108C18.5492 18.3233 18.3233 18.5492 18.2108 18.8345L17.8433 19.7663C17.7877 19.9074 17.6515 20 17.5 20C17.3485 20 17.2123 19.9074 17.1567 19.7663L16.7892 18.8345C16.6767 18.5492 16.4508 18.3233 16.1655 18.2108L15.2337 17.8433C15.0926 17.7877 15 17.6515 15 17.5C15 17.3485 15.0926 17.2123 15.2337 17.1567L16.1655 16.7892C16.4508 16.6767 16.6767 16.4508 16.7892 16.1655L17.1567 15.2337C17.2123 15.0926 17.3485 15 17.5 15C17.6515 15 17.7877 15.0926 17.8433 15.2337Z" stroke="none"/></g></svg>
How to use the Wand Sparkles icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:wand-sparkles" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:wand-sparkles" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:wand-sparkles" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--wand-sparkles]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:wand-sparkles"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:wand-sparkles"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/wand-sparkles.svg" alt="Wand Sparkles icon" width="24" height="24">
Related icons in Keyline Icons
Wand Sparkles icon in other icon sets
Wand Sparkles icon FAQ
Is the Wand Sparkles 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 Wand Sparkles icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:wand-sparkles" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Wand Sparkles icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/wand-sparkles.svg" alt="Wand Sparkles icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
