Monitor Sparkles icon
keyline-icons:monitor-sparkles
The Monitor Sparkles icon (keyline-icons:monitor-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
- monitorsparkles, 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="M12 16L12 20M8 20L16 20M13 4L5 4C3.3432 4 2 5.3431 2 7L2 13C2 14.6568 3.3432 16 5 16L19 16C20.6568 16 22 14.6568 22 13"/><path fill="currentColor" d="M19.5492 3.3739L20.1373 4.8648C20.3173 5.3213 20.6787 5.6827 21.1352 5.8627L22.6261 6.4508C22.8518 6.5397 23 6.7576 23 7C23 7.2424 22.8518 7.4603 22.6261 7.5492L21.1352 8.1373C20.6787 8.3173 20.3173 8.6787 20.1373 9.1352L19.5492 10.6261C19.4603 10.8518 19.2424 11 19 11C18.7576 11 18.5397 10.8518 18.4508 10.6261L17.8627 9.1352C17.6827 8.6787 17.3213 8.3173 16.8648 8.1373L15.3739 7.5492C15.1482 7.4603 15 7.2424 15 7C15 6.7576 15.1482 6.5397 15.3739 6.4508L16.8648 5.8627C17.3213 5.6827 17.6827 5.3213 17.8627 4.8648L18.4508 3.3739C18.5397 3.1482 18.7576 3 19 3C19.2424 3 19.4603 3.1482 19.5492 3.3739ZM12.8433 8.2337L13.2108 9.1655C13.3233 9.4508 13.5492 9.6767 13.8345 9.7892L14.7663 10.1567C14.9074 10.2123 15 10.3485 15 10.5C15 10.6515 14.9074 10.7877 14.7663 10.8433L13.8345 11.2108C13.5492 11.3233 13.3233 11.5492 13.2108 11.8345L12.8433 12.7663C12.7877 12.9074 12.6515 13 12.5 13C12.3485 13 12.2123 12.9074 12.1567 12.7663L11.7892 11.8345C11.6767 11.5492 11.4508 11.3233 11.1655 11.2108L10.2337 10.8433C10.0926 10.7877 10 10.6515 10 10.5C10 10.3485 10.0926 10.2123 10.2337 10.1567L11.1655 9.7892C11.4508 9.6767 11.6767 9.4508 11.7892 9.1655L12.1567 8.2337C12.2123 8.0926 12.3485 8 12.5 8C12.6515 8 12.7877 8.0926 12.8433 8.2337Z" stroke="none"/></g></svg>
How to use the Monitor Sparkles icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:monitor-sparkles" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:monitor-sparkles" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:monitor-sparkles" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--monitor-sparkles]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:monitor-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:monitor-sparkles"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/monitor-sparkles.svg" alt="Monitor Sparkles icon" width="24" height="24">
Related icons in Keyline Icons
Monitor Sparkles icon FAQ
Is the Monitor 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 Monitor Sparkles icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:monitor-sparkles" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Monitor Sparkles icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/monitor-sparkles.svg" alt="Monitor Sparkles icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
