sparkles icon
sparkles-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- sparkles-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
sparklesAkar IconssparklesEmoji One (Colored)sparklesFramework7 IconssparklesFluent EmojisparklesFluent Emoji FlatsparklesFluent Emoji High ContrastsparklesFirefox OS EmojisparklesHeroIconssparklesHuge IconssparklesIonIconssparklesLucidesparklesMajesticonssparkles-fillMingCute IconsparklesMyna UI IconssparklesNoto EmojisparklesOpenMojisparklesPixelarticonssparklesPrime IconssparklesStreamline EmojissparklesTabler IconssparklesTwitter Emoji
Use the sparkles icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.3954 8.8125L17.6711 12.0472C17.722 12.176 17.824 12.278 17.9528 12.3289L21.1875 13.6046C21.7606 13.8306 22.1372 14.384 22.1372 15C22.1372 15.616 21.7606 16.1694 21.1875 16.3954L17.9528 17.6711C17.824 17.722 17.722 17.824 17.6711 17.9528L16.3954 21.1875C16.1694 21.7606 15.616 22.1372 15 22.1372C14.384 22.1372 13.8306 21.7606 13.6046 21.1875L12.3289 17.9528C12.278 17.824 12.176 17.722 12.0472 17.6711L8.8125 16.3954C8.2394 16.1694 7.8628 15.616 7.8628 15C7.8628 14.384 8.2394 13.8306 8.8125 13.6046L12.0472 12.3289C12.176 12.278 12.278 12.176 12.3289 12.0472L13.6046 8.8125C13.8306 8.2394 14.384 7.8628 15 7.8628C15.616 7.8628 16.1694 8.2394 16.3954 8.8125ZM7.6454 2.8125L8.1433 4.075C8.1941 4.2038 8.2962 4.3059 8.425 4.3567L9.6875 4.8546C10.2606 5.0806 10.6372 5.634 10.6372 6.25C10.6372 6.866 10.2606 7.4194 9.6875 7.6454L8.425 8.1433C8.2962 8.1941 8.1941 8.2962 8.1433 8.425L7.6454 9.6875C7.4194 10.2606 6.866 10.6372 6.25 10.6372C5.634 10.6372 5.0806 10.2606 4.8546 9.6875L4.3567 8.425C4.3059 8.2962 4.2038 8.1941 4.075 8.1433L2.8125 7.6454C2.2394 7.4194 1.8628 6.866 1.8628 6.25C1.8628 5.634 2.2394 5.0806 2.8125 4.8546L4.075 4.3567C4.2038 4.3059 4.3059 4.2038 4.3567 4.075L4.8546 2.8125C5.0806 2.2394 5.634 1.8628 6.25 1.8628C6.866 1.8628 7.4194 2.2394 7.6454 2.8125Z"/></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsSparklesFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.3954 8.8125L17.6711 12.0472C17.722 12.176 17.824 12.278 17.9528 12.3289L21.1875 13.6046C21.7606 13.8306 22.1372 14.384 22.1372 15C22.1372 15.616 21.7606 16.1694 21.1875 16.3954L17.9528 17.6711C17.824 17.722 17.722 17.824 17.6711 17.9528L16.3954 21.1875C16.1694 21.7606 15.616 22.1372 15 22.1372C14.384 22.1372 13.8306 21.7606 13.6046 21.1875L12.3289 17.9528C12.278 17.824 12.176 17.722 12.0472 17.6711L8.8125 16.3954C8.2394 16.1694 7.8628 15.616 7.8628 15C7.8628 14.384 8.2394 13.8306 8.8125 13.6046L12.0472 12.3289C12.176 12.278 12.278 12.176 12.3289 12.0472L13.6046 8.8125C13.8306 8.2394 14.384 7.8628 15 7.8628C15.616 7.8628 16.1694 8.2394 16.3954 8.8125ZM7.6454 2.8125L8.1433 4.075C8.1941 4.2038 8.2962 4.3059 8.425 4.3567L9.6875 4.8546C10.2606 5.0806 10.6372 5.634 10.6372 6.25C10.6372 6.866 10.2606 7.4194 9.6875 7.6454L8.425 8.1433C8.2962 8.1941 8.1941 8.2962 8.1433 8.425L7.6454 9.6875C7.4194 10.2606 6.866 10.6372 6.25 10.6372C5.634 10.6372 5.0806 10.2606 4.8546 9.6875L4.3567 8.425C4.3059 8.2962 4.2038 8.1941 4.075 8.1433L2.8125 7.6454C2.2394 7.4194 1.8628 6.866 1.8628 6.25C1.8628 5.634 2.2394 5.0806 2.8125 4.8546L4.075 4.3567C4.2038 4.3059 4.3059 4.2038 4.3567 4.075L4.8546 2.8125C5.0806 2.2394 5.634 1.8628 6.25 1.8628C6.866 1.8628 7.4194 2.2394 7.6454 2.8125Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.3954 8.8125L17.6711 12.0472C17.722 12.176 17.824 12.278 17.9528 12.3289L21.1875 13.6046C21.7606 13.8306 22.1372 14.384 22.1372 15C22.1372 15.616 21.7606 16.1694 21.1875 16.3954L17.9528 17.6711C17.824 17.722 17.722 17.824 17.6711 17.9528L16.3954 21.1875C16.1694 21.7606 15.616 22.1372 15 22.1372C14.384 22.1372 13.8306 21.7606 13.6046 21.1875L12.3289 17.9528C12.278 17.824 12.176 17.722 12.0472 17.6711L8.8125 16.3954C8.2394 16.1694 7.8628 15.616 7.8628 15C7.8628 14.384 8.2394 13.8306 8.8125 13.6046L12.0472 12.3289C12.176 12.278 12.278 12.176 12.3289 12.0472L13.6046 8.8125C13.8306 8.2394 14.384 7.8628 15 7.8628C15.616 7.8628 16.1694 8.2394 16.3954 8.8125ZM7.6454 2.8125L8.1433 4.075C8.1941 4.2038 8.2962 4.3059 8.425 4.3567L9.6875 4.8546C10.2606 5.0806 10.6372 5.634 10.6372 6.25C10.6372 6.866 10.2606 7.4194 9.6875 7.6454L8.425 8.1433C8.2962 8.1941 8.1941 8.2962 8.1433 8.425L7.6454 9.6875C7.4194 10.2606 6.866 10.6372 6.25 10.6372C5.634 10.6372 5.0806 10.2606 4.8546 9.6875L4.3567 8.425C4.3059 8.2962 4.2038 8.1941 4.075 8.1433L2.8125 7.6454C2.2394 7.4194 1.8628 6.866 1.8628 6.25C1.8628 5.634 2.2394 5.0806 2.8125 4.8546L4.075 4.3567C4.2038 4.3059 4.3059 4.2038 4.3567 4.075L4.8546 2.8125C5.0806 2.2394 5.634 1.8628 6.25 1.8628C6.866 1.8628 7.4194 2.2394 7.6454 2.8125Z"/></svg> </template>
CSS
.icon-sparkles-fill {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.3954%208.8125L17.6711%2012.0472C17.722%2012.176%2017.824%2012.278%2017.9528%2012.3289L21.1875%2013.6046C21.7606%2013.8306%2022.1372%2014.384%2022.1372%2015C22.1372%2015.616%2021.7606%2016.1694%2021.1875%2016.3954L17.9528%2017.6711C17.824%2017.722%2017.722%2017.824%2017.6711%2017.9528L16.3954%2021.1875C16.1694%2021.7606%2015.616%2022.1372%2015%2022.1372C14.384%2022.1372%2013.8306%2021.7606%2013.6046%2021.1875L12.3289%2017.9528C12.278%2017.824%2012.176%2017.722%2012.0472%2017.6711L8.8125%2016.3954C8.2394%2016.1694%207.8628%2015.616%207.8628%2015C7.8628%2014.384%208.2394%2013.8306%208.8125%2013.6046L12.0472%2012.3289C12.176%2012.278%2012.278%2012.176%2012.3289%2012.0472L13.6046%208.8125C13.8306%208.2394%2014.384%207.8628%2015%207.8628C15.616%207.8628%2016.1694%208.2394%2016.3954%208.8125ZM7.6454%202.8125L8.1433%204.075C8.1941%204.2038%208.2962%204.3059%208.425%204.3567L9.6875%204.8546C10.2606%205.0806%2010.6372%205.634%2010.6372%206.25C10.6372%206.866%2010.2606%207.4194%209.6875%207.6454L8.425%208.1433C8.2962%208.1941%208.1941%208.2962%208.1433%208.425L7.6454%209.6875C7.4194%2010.2606%206.866%2010.6372%206.25%2010.6372C5.634%2010.6372%205.0806%2010.2606%204.8546%209.6875L4.3567%208.425C4.3059%208.2962%204.2038%208.1941%204.075%208.1433L2.8125%207.6454C2.2394%207.4194%201.8628%206.866%201.8628%206.25C1.8628%205.634%202.2394%205.0806%202.8125%204.8546L4.075%204.3567C4.2038%204.3059%204.3059%204.2038%204.3567%204.075L4.8546%202.8125C5.0806%202.2394%205.634%201.8628%206.25%201.8628C6.866%201.8628%207.4194%202.2394%207.6454%202.8125Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.3954%208.8125L17.6711%2012.0472C17.722%2012.176%2017.824%2012.278%2017.9528%2012.3289L21.1875%2013.6046C21.7606%2013.8306%2022.1372%2014.384%2022.1372%2015C22.1372%2015.616%2021.7606%2016.1694%2021.1875%2016.3954L17.9528%2017.6711C17.824%2017.722%2017.722%2017.824%2017.6711%2017.9528L16.3954%2021.1875C16.1694%2021.7606%2015.616%2022.1372%2015%2022.1372C14.384%2022.1372%2013.8306%2021.7606%2013.6046%2021.1875L12.3289%2017.9528C12.278%2017.824%2012.176%2017.722%2012.0472%2017.6711L8.8125%2016.3954C8.2394%2016.1694%207.8628%2015.616%207.8628%2015C7.8628%2014.384%208.2394%2013.8306%208.8125%2013.6046L12.0472%2012.3289C12.176%2012.278%2012.278%2012.176%2012.3289%2012.0472L13.6046%208.8125C13.8306%208.2394%2014.384%207.8628%2015%207.8628C15.616%207.8628%2016.1694%208.2394%2016.3954%208.8125ZM7.6454%202.8125L8.1433%204.075C8.1941%204.2038%208.2962%204.3059%208.425%204.3567L9.6875%204.8546C10.2606%205.0806%2010.6372%205.634%2010.6372%206.25C10.6372%206.866%2010.2606%207.4194%209.6875%207.6454L8.425%208.1433C8.2962%208.1941%208.1941%208.2962%208.1433%208.425L7.6454%209.6875C7.4194%2010.2606%206.866%2010.6372%206.25%2010.6372C5.634%2010.6372%205.0806%2010.2606%204.8546%209.6875L4.3567%208.425C4.3059%208.2962%204.2038%208.1941%204.075%208.1433L2.8125%207.6454C2.2394%207.4194%201.8628%206.866%201.8628%206.25C1.8628%205.634%202.2394%205.0806%202.8125%204.8546L4.075%204.3567C4.2038%204.3059%204.3059%204.2038%204.3567%204.075L4.8546%202.8125C5.0806%202.2394%205.634%201.8628%206.25%201.8628C6.866%201.8628%207.4194%202.2394%207.6454%202.8125Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/sparkles-fill.svg?color=%231a73e8&size=48
