Video Sparkles icon
keyline-icons:video-sparkles
The Video Sparkles icon (keyline-icons:video-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
- videosparkles, 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="M16 16L16 19C16 20.6569 14.6569 22 13 22L5 22C3.3431 22 2 20.6569 2 19L2 16C2 14.3431 3.3431 13 5 13L6 13M16 16L20.5528 13.7236C21.2177 13.3912 22 13.8747 22 14.618L22 20.382C22 21.1253 21.2177 21.6088 20.5528 21.2764L16 19M8 6.5C8 7.8807 6.8807 9 5.5 9C4.1193 9 3 7.8807 3 6.5C3 5.1193 4.1193 4 5.5 4C6.8807 4 8 5.1193 8 6.5Z"/><path fill="currentColor" d="M15.5492 1.3739L16.1373 2.8648C16.3173 3.3213 16.6787 3.6827 17.1352 3.8627L18.6261 4.4508C18.8518 4.5397 19 4.7576 19 5C19 5.2424 18.8518 5.4603 18.6261 5.5492L17.1352 6.1373C16.6787 6.3173 16.3173 6.6787 16.1373 7.1352L15.5492 8.6261C15.4603 8.8518 15.2424 9 15 9C14.7576 9 14.5397 8.8518 14.4508 8.6261L13.8627 7.1352C13.6827 6.6787 13.3213 6.3173 12.8648 6.1373L11.3739 5.5492C11.1482 5.4603 11 5.2424 11 5C11 4.7576 11.1482 4.5397 11.3739 4.4508L12.8648 3.8627C13.3213 3.6827 13.6827 3.3213 13.8627 2.8648L14.4508 1.3739C14.5397 1.1482 14.7576 1 15 1C15.2424 1 15.4603 1.1482 15.5492 1.3739ZM11.8433 10.2337L12.2108 11.1655C12.3233 11.4508 12.5492 11.6767 12.8345 11.7892L13.7663 12.1567C13.9074 12.2123 14 12.3485 14 12.5C14 12.6515 13.9074 12.7877 13.7663 12.8433L12.8345 13.2108C12.5492 13.3233 12.3233 13.5492 12.2108 13.8345L11.8433 14.7663C11.7877 14.9074 11.6515 15 11.5 15C11.3485 15 11.2123 14.9074 11.1567 14.7663L10.7892 13.8345C10.6767 13.5492 10.4508 13.3233 10.1655 13.2108L9.2337 12.8433C9.0926 12.7877 9 12.6515 9 12.5C9 12.3485 9.0926 12.2123 9.2337 12.1567L10.1655 11.7892C10.4508 11.6767 10.6767 11.4508 10.7892 11.1655L11.1567 10.2337C11.2123 10.0926 11.3485 10 11.5 10C11.6515 10 11.7877 10.0926 11.8433 10.2337Z" stroke="none"/></g></svg>
How to use the Video Sparkles icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:video-sparkles" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:video-sparkles" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:video-sparkles" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--video-sparkles]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:video-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:video-sparkles"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/video-sparkles.svg" alt="Video Sparkles icon" width="24" height="24">
Related icons in Keyline Icons
Video Sparkles icon FAQ
Is the Video 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 Video Sparkles icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:video-sparkles" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Video Sparkles icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/video-sparkles.svg" alt="Video Sparkles icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
