sparkles icon
sparkles-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- sparkles-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
1 other variant in Myna UI Icons
The same icon in other sets
sparklesAkar IconssparklesEmoji One (Colored)sparklesFramework7 IconssparklesFluent EmojisparklesFluent Emoji FlatsparklesFluent Emoji High ContrastsparklesFirefox OS EmojisparklesHeroIconssparklesHuge IconssparklesIonIconssparklesLucidesparklesMajesticonssparkles-fillMingCute IconsparklesNoto 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="M7.195 2.845a.75.75 0 0 0-1.467 0c-.232 1.096-.55 1.835-.99 2.361c-.429.516-1.029.893-1.95 1.166a.75.75 0 0 0 0 1.438c.885.262 1.48.617 1.916 1.125c.444.516.782 1.26 1.024 2.402a.75.75 0 0 0 1.467 0c.242-1.143.58-1.886 1.024-2.402c.436-.508 1.03-.863 1.917-1.125a.75.75 0 0 0 0-1.438c-.886-.262-1.481-.617-1.917-1.125c-.444-.516-.782-1.26-1.024-2.402m8.303 3.251a.75.75 0 0 0-1.458 0c-.554 2.292-1.141 3.674-1.972 4.638c-.82.952-1.947 1.576-3.77 2.192a.75.75 0 0 0 0 1.421c1.904.643 3.046 1.322 3.852 2.292c.819.986 1.362 2.355 1.89 4.537a.75.75 0 0 0 1.458 0c.554-2.291 1.142-3.673 1.972-4.637c.82-.952 1.947-1.576 3.77-2.192a.75.75 0 0 0 0-1.421c-1.907-.644-3.047-1.32-3.852-2.29c-.818-.984-1.36-2.352-1.89-4.54"/></svg>
React
import type { SVGProps } from "react";
export function MynauiSparklesSolid(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="M7.195 2.845a.75.75 0 0 0-1.467 0c-.232 1.096-.55 1.835-.99 2.361c-.429.516-1.029.893-1.95 1.166a.75.75 0 0 0 0 1.438c.885.262 1.48.617 1.916 1.125c.444.516.782 1.26 1.024 2.402a.75.75 0 0 0 1.467 0c.242-1.143.58-1.886 1.024-2.402c.436-.508 1.03-.863 1.917-1.125a.75.75 0 0 0 0-1.438c-.886-.262-1.481-.617-1.917-1.125c-.444-.516-.782-1.26-1.024-2.402m8.303 3.251a.75.75 0 0 0-1.458 0c-.554 2.292-1.141 3.674-1.972 4.638c-.82.952-1.947 1.576-3.77 2.192a.75.75 0 0 0 0 1.421c1.904.643 3.046 1.322 3.852 2.292c.819.986 1.362 2.355 1.89 4.537a.75.75 0 0 0 1.458 0c.554-2.291 1.142-3.673 1.972-4.637c.82-.952 1.947-1.576 3.77-2.192a.75.75 0 0 0 0-1.421c-1.907-.644-3.047-1.32-3.852-2.29c-.818-.984-1.36-2.352-1.89-4.54"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.195 2.845a.75.75 0 0 0-1.467 0c-.232 1.096-.55 1.835-.99 2.361c-.429.516-1.029.893-1.95 1.166a.75.75 0 0 0 0 1.438c.885.262 1.48.617 1.916 1.125c.444.516.782 1.26 1.024 2.402a.75.75 0 0 0 1.467 0c.242-1.143.58-1.886 1.024-2.402c.436-.508 1.03-.863 1.917-1.125a.75.75 0 0 0 0-1.438c-.886-.262-1.481-.617-1.917-1.125c-.444-.516-.782-1.26-1.024-2.402m8.303 3.251a.75.75 0 0 0-1.458 0c-.554 2.292-1.141 3.674-1.972 4.638c-.82.952-1.947 1.576-3.77 2.192a.75.75 0 0 0 0 1.421c1.904.643 3.046 1.322 3.852 2.292c.819.986 1.362 2.355 1.89 4.537a.75.75 0 0 0 1.458 0c.554-2.291 1.142-3.673 1.972-4.637c.82-.952 1.947-1.576 3.77-2.192a.75.75 0 0 0 0-1.421c-1.907-.644-3.047-1.32-3.852-2.29c-.818-.984-1.36-2.352-1.89-4.54"/></svg> </template>
CSS
.icon-sparkles-solid {
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%22M7.195%202.845a.75.75%200%200%200-1.467%200c-.232%201.096-.55%201.835-.99%202.361c-.429.516-1.029.893-1.95%201.166a.75.75%200%200%200%200%201.438c.885.262%201.48.617%201.916%201.125c.444.516.782%201.26%201.024%202.402a.75.75%200%200%200%201.467%200c.242-1.143.58-1.886%201.024-2.402c.436-.508%201.03-.863%201.917-1.125a.75.75%200%200%200%200-1.438c-.886-.262-1.481-.617-1.917-1.125c-.444-.516-.782-1.26-1.024-2.402m8.303%203.251a.75.75%200%200%200-1.458%200c-.554%202.292-1.141%203.674-1.972%204.638c-.82.952-1.947%201.576-3.77%202.192a.75.75%200%200%200%200%201.421c1.904.643%203.046%201.322%203.852%202.292c.819.986%201.362%202.355%201.89%204.537a.75.75%200%200%200%201.458%200c.554-2.291%201.142-3.673%201.972-4.637c.82-.952%201.947-1.576%203.77-2.192a.75.75%200%200%200%200-1.421c-1.907-.644-3.047-1.32-3.852-2.29c-.818-.984-1.36-2.352-1.89-4.54%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%22M7.195%202.845a.75.75%200%200%200-1.467%200c-.232%201.096-.55%201.835-.99%202.361c-.429.516-1.029.893-1.95%201.166a.75.75%200%200%200%200%201.438c.885.262%201.48.617%201.916%201.125c.444.516.782%201.26%201.024%202.402a.75.75%200%200%200%201.467%200c.242-1.143.58-1.886%201.024-2.402c.436-.508%201.03-.863%201.917-1.125a.75.75%200%200%200%200-1.438c-.886-.262-1.481-.617-1.917-1.125c-.444-.516-.782-1.26-1.024-2.402m8.303%203.251a.75.75%200%200%200-1.458%200c-.554%202.292-1.141%203.674-1.972%204.638c-.82.952-1.947%201.576-3.77%202.192a.75.75%200%200%200%200%201.421c1.904.643%203.046%201.322%203.852%202.292c.819.986%201.362%202.355%201.89%204.537a.75.75%200%200%200%201.458%200c.554-2.291%201.142-3.673%201.972-4.637c.82-.952%201.947-1.576%203.77-2.192a.75.75%200%200%200%200-1.421c-1.907-.644-3.047-1.32-3.852-2.29c-.818-.984-1.36-2.352-1.89-4.54%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/sparkles-solid.svg?color=%231a73e8&size=48
