sparkles icon
sparkles-filled from Reicon by REICON · Filled · UI · MIT Free for personal and commercial use.
- Name
- sparkles-filled
- Set
- Reicon
- Style
- Filled
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All sparkles icons →sparklesAkar IconssparklesDither IconssparklesEmoji One (Colored)sparklesFramework7 IconssparklesFluent EmojisparklesFluent Emoji FlatsparklesFluent Emoji High ContrastsparklesFirefox OS EmojisparklesHeroIconssparklesHuge IconssparklesIonIconssparklesKeyline IconssparklesLucidesparklesMajesticonssparkles-fillMingCute IconsparklesMyna UI IconssparklesNoto EmojisparklesOpenMojisparklesPixelarticonssparklesPrime IconssparklesStreamline EmojissparklesTabler IconssparklesTwitter Emoji
More ui icons from Reicon
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="M18.818 2.086c.207-.63.311-.946.466-1.03a.45.45 0 0 1 .432 0c.155.084.259.4.466 1.03l.315.959c.042.126.063.19.098.242a.5.5 0 0 0 .118.118c.053.035.116.056.242.098l.959.315c.63.207.946.311 1.03.466a.45.45 0 0 1 0 .432c-.084.155-.4.259-1.03.466l-.959.315c-.126.042-.19.063-.242.098a.5.5 0 0 0-.118.118c-.035.053-.056.116-.098.242l-.315.959c-.207.63-.311.946-.466 1.03a.45.45 0 0 1-.432 0c-.155-.084-.259-.4-.466-1.03l-.315-.959c-.042-.126-.063-.19-.098-.242a.5.5 0 0 0-.118-.118c-.053-.035-.116-.056-.242-.098l-.959-.315c-.63-.207-.946-.311-1.03-.466a.45.45 0 0 1 0-.432c.084-.155.4-.259 1.03-.466l.959-.315c.126-.042.19-.063.242-.098a.5.5 0 0 0 .118-.118c.035-.053.056-.116.098-.242zm-8.023 1.617a1.65 1.65 0 0 0-1.59 0c-.367.202-.588.616-.77 1.044c-.19.452-.396 1.075-.656 1.866l-.819 2.49c-.116.352-.147.433-.19.495a.7.7 0 0 1-.172.172c-.062.043-.143.074-.496.19l-2.49.82c-.79.259-1.413.464-1.865.656c-.428.18-.842.402-1.044.77a1.65 1.65 0 0 0 0 1.589c.202.367.616.588 1.044.77c.452.19 1.075.396 1.866.656l2.49.819c.352.116.433.147.495.19a.7.7 0 0 1 .172.172c.043.062.074.143.19.496l.82 2.49c.259.79.464 1.413.656 1.865c.18.428.402.842.77 1.044a1.65 1.65 0 0 0 1.589 0c.367-.202.588-.616.77-1.044c.19-.451.396-1.075.656-1.866l.819-2.49c.116-.352.147-.433.19-.495a.7.7 0 0 1 .172-.172c.062-.043.143-.075.496-.19l2.49-.82c.79-.259 1.413-.464 1.865-.656c.428-.18.842-.402 1.044-.77a1.65 1.65 0 0 0 0-1.589c-.202-.367-.616-.588-1.044-.77c-.451-.19-1.075-.396-1.866-.656l-2.49-.819c-.352-.116-.433-.147-.495-.19a.7.7 0 0 1-.172-.172c-.043-.062-.075-.143-.19-.496l-.82-2.49c-.259-.79-.464-1.413-.656-1.865c-.18-.428-.402-.842-.77-1.044m8.552 14.337c-.111.06-.185.286-.333.736l-.225.685c-.03.09-.045.135-.07.172a.3.3 0 0 1-.085.085c-.037.025-.082.04-.172.07l-.685.225c-.45.148-.676.222-.737.333a.32.32 0 0 0 0 .308c.061.111.287.185.737.333l.685.225c.09.03.135.045.172.07a.3.3 0 0 1 .085.085c.025.037.04.082.07.172l.225.685c.148.45.222.676.333.737a.32.32 0 0 0 .308 0c.111-.061.185-.287.333-.737l.225-.685c.03-.09.045-.135.07-.172a.3.3 0 0 1 .085-.085c.037-.025.082-.04.172-.07l.685-.225c.45-.148.676-.222.737-.333a.32.32 0 0 0 0-.308c-.061-.111-.287-.185-.737-.333l-.685-.225c-.09-.03-.135-.045-.172-.07a.3.3 0 0 1-.085-.085c-.025-.037-.04-.082-.07-.172l-.225-.685c-.148-.45-.222-.676-.333-.737a.32.32 0 0 0-.308 0"/></svg>
React
import type { SVGProps } from "react";
export function ReiconSparklesFilled(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="M18.818 2.086c.207-.63.311-.946.466-1.03a.45.45 0 0 1 .432 0c.155.084.259.4.466 1.03l.315.959c.042.126.063.19.098.242a.5.5 0 0 0 .118.118c.053.035.116.056.242.098l.959.315c.63.207.946.311 1.03.466a.45.45 0 0 1 0 .432c-.084.155-.4.259-1.03.466l-.959.315c-.126.042-.19.063-.242.098a.5.5 0 0 0-.118.118c-.035.053-.056.116-.098.242l-.315.959c-.207.63-.311.946-.466 1.03a.45.45 0 0 1-.432 0c-.155-.084-.259-.4-.466-1.03l-.315-.959c-.042-.126-.063-.19-.098-.242a.5.5 0 0 0-.118-.118c-.053-.035-.116-.056-.242-.098l-.959-.315c-.63-.207-.946-.311-1.03-.466a.45.45 0 0 1 0-.432c.084-.155.4-.259 1.03-.466l.959-.315c.126-.042.19-.063.242-.098a.5.5 0 0 0 .118-.118c.035-.053.056-.116.098-.242zm-8.023 1.617a1.65 1.65 0 0 0-1.59 0c-.367.202-.588.616-.77 1.044c-.19.452-.396 1.075-.656 1.866l-.819 2.49c-.116.352-.147.433-.19.495a.7.7 0 0 1-.172.172c-.062.043-.143.074-.496.19l-2.49.82c-.79.259-1.413.464-1.865.656c-.428.18-.842.402-1.044.77a1.65 1.65 0 0 0 0 1.589c.202.367.616.588 1.044.77c.452.19 1.075.396 1.866.656l2.49.819c.352.116.433.147.495.19a.7.7 0 0 1 .172.172c.043.062.074.143.19.496l.82 2.49c.259.79.464 1.413.656 1.865c.18.428.402.842.77 1.044a1.65 1.65 0 0 0 1.589 0c.367-.202.588-.616.77-1.044c.19-.451.396-1.075.656-1.866l.819-2.49c.116-.352.147-.433.19-.495a.7.7 0 0 1 .172-.172c.062-.043.143-.075.496-.19l2.49-.82c.79-.259 1.413-.464 1.865-.656c.428-.18.842-.402 1.044-.77a1.65 1.65 0 0 0 0-1.589c-.202-.367-.616-.588-1.044-.77c-.451-.19-1.075-.396-1.866-.656l-2.49-.819c-.352-.116-.433-.147-.495-.19a.7.7 0 0 1-.172-.172c-.043-.062-.075-.143-.19-.496l-.82-2.49c-.259-.79-.464-1.413-.656-1.865c-.18-.428-.402-.842-.77-1.044m8.552 14.337c-.111.06-.185.286-.333.736l-.225.685c-.03.09-.045.135-.07.172a.3.3 0 0 1-.085.085c-.037.025-.082.04-.172.07l-.685.225c-.45.148-.676.222-.737.333a.32.32 0 0 0 0 .308c.061.111.287.185.737.333l.685.225c.09.03.135.045.172.07a.3.3 0 0 1 .085.085c.025.037.04.082.07.172l.225.685c.148.45.222.676.333.737a.32.32 0 0 0 .308 0c.111-.061.185-.287.333-.737l.225-.685c.03-.09.045-.135.07-.172a.3.3 0 0 1 .085-.085c.037-.025.082-.04.172-.07l.685-.225c.45-.148.676-.222.737-.333a.32.32 0 0 0 0-.308c-.061-.111-.287-.185-.737-.333l-.685-.225c-.09-.03-.135-.045-.172-.07a.3.3 0 0 1-.085-.085c-.025-.037-.04-.082-.07-.172l-.225-.685c-.148-.45-.222-.676-.333-.737a.32.32 0 0 0-.308 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.818 2.086c.207-.63.311-.946.466-1.03a.45.45 0 0 1 .432 0c.155.084.259.4.466 1.03l.315.959c.042.126.063.19.098.242a.5.5 0 0 0 .118.118c.053.035.116.056.242.098l.959.315c.63.207.946.311 1.03.466a.45.45 0 0 1 0 .432c-.084.155-.4.259-1.03.466l-.959.315c-.126.042-.19.063-.242.098a.5.5 0 0 0-.118.118c-.035.053-.056.116-.098.242l-.315.959c-.207.63-.311.946-.466 1.03a.45.45 0 0 1-.432 0c-.155-.084-.259-.4-.466-1.03l-.315-.959c-.042-.126-.063-.19-.098-.242a.5.5 0 0 0-.118-.118c-.053-.035-.116-.056-.242-.098l-.959-.315c-.63-.207-.946-.311-1.03-.466a.45.45 0 0 1 0-.432c.084-.155.4-.259 1.03-.466l.959-.315c.126-.042.19-.063.242-.098a.5.5 0 0 0 .118-.118c.035-.053.056-.116.098-.242zm-8.023 1.617a1.65 1.65 0 0 0-1.59 0c-.367.202-.588.616-.77 1.044c-.19.452-.396 1.075-.656 1.866l-.819 2.49c-.116.352-.147.433-.19.495a.7.7 0 0 1-.172.172c-.062.043-.143.074-.496.19l-2.49.82c-.79.259-1.413.464-1.865.656c-.428.18-.842.402-1.044.77a1.65 1.65 0 0 0 0 1.589c.202.367.616.588 1.044.77c.452.19 1.075.396 1.866.656l2.49.819c.352.116.433.147.495.19a.7.7 0 0 1 .172.172c.043.062.074.143.19.496l.82 2.49c.259.79.464 1.413.656 1.865c.18.428.402.842.77 1.044a1.65 1.65 0 0 0 1.589 0c.367-.202.588-.616.77-1.044c.19-.451.396-1.075.656-1.866l.819-2.49c.116-.352.147-.433.19-.495a.7.7 0 0 1 .172-.172c.062-.043.143-.075.496-.19l2.49-.82c.79-.259 1.413-.464 1.865-.656c.428-.18.842-.402 1.044-.77a1.65 1.65 0 0 0 0-1.589c-.202-.367-.616-.588-1.044-.77c-.451-.19-1.075-.396-1.866-.656l-2.49-.819c-.352-.116-.433-.147-.495-.19a.7.7 0 0 1-.172-.172c-.043-.062-.075-.143-.19-.496l-.82-2.49c-.259-.79-.464-1.413-.656-1.865c-.18-.428-.402-.842-.77-1.044m8.552 14.337c-.111.06-.185.286-.333.736l-.225.685c-.03.09-.045.135-.07.172a.3.3 0 0 1-.085.085c-.037.025-.082.04-.172.07l-.685.225c-.45.148-.676.222-.737.333a.32.32 0 0 0 0 .308c.061.111.287.185.737.333l.685.225c.09.03.135.045.172.07a.3.3 0 0 1 .085.085c.025.037.04.082.07.172l.225.685c.148.45.222.676.333.737a.32.32 0 0 0 .308 0c.111-.061.185-.287.333-.737l.225-.685c.03-.09.045-.135.07-.172a.3.3 0 0 1 .085-.085c.037-.025.082-.04.172-.07l.685-.225c.45-.148.676-.222.737-.333a.32.32 0 0 0 0-.308c-.061-.111-.287-.185-.737-.333l-.685-.225c-.09-.03-.135-.045-.172-.07a.3.3 0 0 1-.085-.085c-.025-.037-.04-.082-.07-.172l-.225-.685c-.148-.45-.222-.676-.333-.737a.32.32 0 0 0-.308 0"/></svg> </template>
CSS
.icon-sparkles-filled {
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%22M18.818%202.086c.207-.63.311-.946.466-1.03a.45.45%200%200%201%20.432%200c.155.084.259.4.466%201.03l.315.959c.042.126.063.19.098.242a.5.5%200%200%200%20.118.118c.053.035.116.056.242.098l.959.315c.63.207.946.311%201.03.466a.45.45%200%200%201%200%20.432c-.084.155-.4.259-1.03.466l-.959.315c-.126.042-.19.063-.242.098a.5.5%200%200%200-.118.118c-.035.053-.056.116-.098.242l-.315.959c-.207.63-.311.946-.466%201.03a.45.45%200%200%201-.432%200c-.155-.084-.259-.4-.466-1.03l-.315-.959c-.042-.126-.063-.19-.098-.242a.5.5%200%200%200-.118-.118c-.053-.035-.116-.056-.242-.098l-.959-.315c-.63-.207-.946-.311-1.03-.466a.45.45%200%200%201%200-.432c.084-.155.4-.259%201.03-.466l.959-.315c.126-.042.19-.063.242-.098a.5.5%200%200%200%20.118-.118c.035-.053.056-.116.098-.242zm-8.023%201.617a1.65%201.65%200%200%200-1.59%200c-.367.202-.588.616-.77%201.044c-.19.452-.396%201.075-.656%201.866l-.819%202.49c-.116.352-.147.433-.19.495a.7.7%200%200%201-.172.172c-.062.043-.143.074-.496.19l-2.49.82c-.79.259-1.413.464-1.865.656c-.428.18-.842.402-1.044.77a1.65%201.65%200%200%200%200%201.589c.202.367.616.588%201.044.77c.452.19%201.075.396%201.866.656l2.49.819c.352.116.433.147.495.19a.7.7%200%200%201%20.172.172c.043.062.074.143.19.496l.82%202.49c.259.79.464%201.413.656%201.865c.18.428.402.842.77%201.044a1.65%201.65%200%200%200%201.589%200c.367-.202.588-.616.77-1.044c.19-.451.396-1.075.656-1.866l.819-2.49c.116-.352.147-.433.19-.495a.7.7%200%200%201%20.172-.172c.062-.043.143-.075.496-.19l2.49-.82c.79-.259%201.413-.464%201.865-.656c.428-.18.842-.402%201.044-.77a1.65%201.65%200%200%200%200-1.589c-.202-.367-.616-.588-1.044-.77c-.451-.19-1.075-.396-1.866-.656l-2.49-.819c-.352-.116-.433-.147-.495-.19a.7.7%200%200%201-.172-.172c-.043-.062-.075-.143-.19-.496l-.82-2.49c-.259-.79-.464-1.413-.656-1.865c-.18-.428-.402-.842-.77-1.044m8.552%2014.337c-.111.06-.185.286-.333.736l-.225.685c-.03.09-.045.135-.07.172a.3.3%200%200%201-.085.085c-.037.025-.082.04-.172.07l-.685.225c-.45.148-.676.222-.737.333a.32.32%200%200%200%200%20.308c.061.111.287.185.737.333l.685.225c.09.03.135.045.172.07a.3.3%200%200%201%20.085.085c.025.037.04.082.07.172l.225.685c.148.45.222.676.333.737a.32.32%200%200%200%20.308%200c.111-.061.185-.287.333-.737l.225-.685c.03-.09.045-.135.07-.172a.3.3%200%200%201%20.085-.085c.037-.025.082-.04.172-.07l.685-.225c.45-.148.676-.222.737-.333a.32.32%200%200%200%200-.308c-.061-.111-.287-.185-.737-.333l-.685-.225c-.09-.03-.135-.045-.172-.07a.3.3%200%200%201-.085-.085c-.025-.037-.04-.082-.07-.172l-.225-.685c-.148-.45-.222-.676-.333-.737a.32.32%200%200%200-.308%200%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%22M18.818%202.086c.207-.63.311-.946.466-1.03a.45.45%200%200%201%20.432%200c.155.084.259.4.466%201.03l.315.959c.042.126.063.19.098.242a.5.5%200%200%200%20.118.118c.053.035.116.056.242.098l.959.315c.63.207.946.311%201.03.466a.45.45%200%200%201%200%20.432c-.084.155-.4.259-1.03.466l-.959.315c-.126.042-.19.063-.242.098a.5.5%200%200%200-.118.118c-.035.053-.056.116-.098.242l-.315.959c-.207.63-.311.946-.466%201.03a.45.45%200%200%201-.432%200c-.155-.084-.259-.4-.466-1.03l-.315-.959c-.042-.126-.063-.19-.098-.242a.5.5%200%200%200-.118-.118c-.053-.035-.116-.056-.242-.098l-.959-.315c-.63-.207-.946-.311-1.03-.466a.45.45%200%200%201%200-.432c.084-.155.4-.259%201.03-.466l.959-.315c.126-.042.19-.063.242-.098a.5.5%200%200%200%20.118-.118c.035-.053.056-.116.098-.242zm-8.023%201.617a1.65%201.65%200%200%200-1.59%200c-.367.202-.588.616-.77%201.044c-.19.452-.396%201.075-.656%201.866l-.819%202.49c-.116.352-.147.433-.19.495a.7.7%200%200%201-.172.172c-.062.043-.143.074-.496.19l-2.49.82c-.79.259-1.413.464-1.865.656c-.428.18-.842.402-1.044.77a1.65%201.65%200%200%200%200%201.589c.202.367.616.588%201.044.77c.452.19%201.075.396%201.866.656l2.49.819c.352.116.433.147.495.19a.7.7%200%200%201%20.172.172c.043.062.074.143.19.496l.82%202.49c.259.79.464%201.413.656%201.865c.18.428.402.842.77%201.044a1.65%201.65%200%200%200%201.589%200c.367-.202.588-.616.77-1.044c.19-.451.396-1.075.656-1.866l.819-2.49c.116-.352.147-.433.19-.495a.7.7%200%200%201%20.172-.172c.062-.043.143-.075.496-.19l2.49-.82c.79-.259%201.413-.464%201.865-.656c.428-.18.842-.402%201.044-.77a1.65%201.65%200%200%200%200-1.589c-.202-.367-.616-.588-1.044-.77c-.451-.19-1.075-.396-1.866-.656l-2.49-.819c-.352-.116-.433-.147-.495-.19a.7.7%200%200%201-.172-.172c-.043-.062-.075-.143-.19-.496l-.82-2.49c-.259-.79-.464-1.413-.656-1.865c-.18-.428-.402-.842-.77-1.044m8.552%2014.337c-.111.06-.185.286-.333.736l-.225.685c-.03.09-.045.135-.07.172a.3.3%200%200%201-.085.085c-.037.025-.082.04-.172.07l-.685.225c-.45.148-.676.222-.737.333a.32.32%200%200%200%200%20.308c.061.111.287.185.737.333l.685.225c.09.03.135.045.172.07a.3.3%200%200%201%20.085.085c.025.037.04.082.07.172l.225.685c.148.45.222.676.333.737a.32.32%200%200%200%20.308%200c.111-.061.185-.287.333-.737l.225-.685c.03-.09.045-.135.07-.172a.3.3%200%200%201%20.085-.085c.037-.025.082-.04.172-.07l.685-.225c.45-.148.676-.222.737-.333a.32.32%200%200%200%200-.308c-.061-.111-.287-.185-.737-.333l-.685-.225c-.09-.03-.135-.045-.172-.07a.3.3%200%200%201-.085-.085c-.025-.037-.04-.082-.07-.172l-.225-.685c-.148-.45-.222-.676-.333-.737a.32.32%200%200%200-.308%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/sparkles-filled.svg?color=%231a73e8&size=48
