wand sparkles icon
wand-sparkles from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- wand-sparkles
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the wand sparkles icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path stroke-linecap="round" d="m11.778 14.926l6.445 6.445c.292.293.439.439.597.517c.3.15.653.15.954 0c.157-.078.304-.224.597-.517s.439-.44.517-.597c.15-.301.15-.654 0-.954c-.078-.158-.224-.305-.517-.598l-6.445-6.445l-2.149-2.148c-.292-.293-.439-.439-.597-.517a1.07 1.07 0 0 0-.954 0c-.158.078-.304.224-.597.517s-.439.44-.517.597c-.15.301-.15.654 0 .954c.078.158.224.305.517.598zm2.148-2.149l-2.149 2.149"/><path d="m17 2l.295.797c.386 1.044.58 1.566.96 1.947c.382.381.904.575 1.948.961L21 6l-.797.295c-1.044.386-1.566.58-1.947.96c-.381.382-.575.904-.961 1.948L17 10l-.295-.797c-.386-1.044-.58-1.566-.96-1.947c-.382-.381-.904-.575-1.948-.961L13 6l.797-.295c1.044-.386 1.566-.58 1.947-.96c.381-.382.575-.904.961-1.948zM6 4l.221.597c.29.784.435 1.176.72 1.461c.286.286.678.431 1.462.72L9 7l-.597.221c-.784.29-1.176.435-1.461.72c-.286.286-.431.678-.72 1.462L6 10l-.221-.597c-.29-.784-.435-1.176-.72-1.461c-.286-.286-.678-.431-1.462-.72L3 7l.597-.221c.784-.29 1.176-.435 1.461-.72c.286-.286.431-.678.72-1.462z"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsWandSparkles(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinejoin="round" strokeWidth="1.5"><path strokeLinecap="round" d="m11.778 14.926l6.445 6.445c.292.293.439.439.597.517c.3.15.653.15.954 0c.157-.078.304-.224.597-.517s.439-.44.517-.597c.15-.301.15-.654 0-.954c-.078-.158-.224-.305-.517-.598l-6.445-6.445l-2.149-2.148c-.292-.293-.439-.439-.597-.517a1.07 1.07 0 0 0-.954 0c-.158.078-.304.224-.597.517s-.439.44-.517.597c-.15.301-.15.654 0 .954c.078.158.224.305.517.598zm2.148-2.149l-2.149 2.149"/><path d="m17 2l.295.797c.386 1.044.58 1.566.96 1.947c.382.381.904.575 1.948.961L21 6l-.797.295c-1.044.386-1.566.58-1.947.96c-.381.382-.575.904-.961 1.948L17 10l-.295-.797c-.386-1.044-.58-1.566-.96-1.947c-.382-.381-.904-.575-1.948-.961L13 6l.797-.295c1.044-.386 1.566-.58 1.947-.96c.381-.382.575-.904.961-1.948zM6 4l.221.597c.29.784.435 1.176.72 1.461c.286.286.678.431 1.462.72L9 7l-.597.221c-.784.29-1.176.435-1.461.72c-.286.286-.431.678-.72 1.462L6 10l-.221-.597c-.29-.784-.435-1.176-.72-1.461c-.286-.286-.678-.431-1.462-.72L3 7l.597-.221c.784-.29 1.176-.435 1.461-.72c.286-.286.431-.678.72-1.462z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5"><path stroke-linecap="round" d="m11.778 14.926l6.445 6.445c.292.293.439.439.597.517c.3.15.653.15.954 0c.157-.078.304-.224.597-.517s.439-.44.517-.597c.15-.301.15-.654 0-.954c-.078-.158-.224-.305-.517-.598l-6.445-6.445l-2.149-2.148c-.292-.293-.439-.439-.597-.517a1.07 1.07 0 0 0-.954 0c-.158.078-.304.224-.597.517s-.439.44-.517.597c-.15.301-.15.654 0 .954c.078.158.224.305.517.598zm2.148-2.149l-2.149 2.149"/><path d="m17 2l.295.797c.386 1.044.58 1.566.96 1.947c.382.381.904.575 1.948.961L21 6l-.797.295c-1.044.386-1.566.58-1.947.96c-.381.382-.575.904-.961 1.948L17 10l-.295-.797c-.386-1.044-.58-1.566-.96-1.947c-.382-.381-.904-.575-1.948-.961L13 6l.797-.295c1.044-.386 1.566-.58 1.947-.96c.381-.382.575-.904.961-1.948zM6 4l.221.597c.29.784.435 1.176.72 1.461c.286.286.678.431 1.462.72L9 7l-.597.221c-.784.29-1.176.435-1.461.72c-.286.286-.431.678-.72 1.462L6 10l-.221-.597c-.29-.784-.435-1.176-.72-1.461c-.286-.286-.678-.431-1.462-.72L3 7l.597-.221c.784-.29 1.176-.435 1.461-.72c.286-.286.431-.678.72-1.462z"/></g></svg> </template>
CSS
.icon-wand-sparkles {
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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m11.778%2014.926l6.445%206.445c.292.293.439.439.597.517c.3.15.653.15.954%200c.157-.078.304-.224.597-.517s.439-.44.517-.597c.15-.301.15-.654%200-.954c-.078-.158-.224-.305-.517-.598l-6.445-6.445l-2.149-2.148c-.292-.293-.439-.439-.597-.517a1.07%201.07%200%200%200-.954%200c-.158.078-.304.224-.597.517s-.439.44-.517.597c-.15.301-.15.654%200%20.954c.078.158.224.305.517.598zm2.148-2.149l-2.149%202.149%22%2F%3E%3Cpath%20d%3D%22m17%202l.295.797c.386%201.044.58%201.566.96%201.947c.382.381.904.575%201.948.961L21%206l-.797.295c-1.044.386-1.566.58-1.947.96c-.381.382-.575.904-.961%201.948L17%2010l-.295-.797c-.386-1.044-.58-1.566-.96-1.947c-.382-.381-.904-.575-1.948-.961L13%206l.797-.295c1.044-.386%201.566-.58%201.947-.96c.381-.382.575-.904.961-1.948zM6%204l.221.597c.29.784.435%201.176.72%201.461c.286.286.678.431%201.462.72L9%207l-.597.221c-.784.29-1.176.435-1.461.72c-.286.286-.431.678-.72%201.462L6%2010l-.221-.597c-.29-.784-.435-1.176-.72-1.461c-.286-.286-.678-.431-1.462-.72L3%207l.597-.221c.784-.29%201.176-.435%201.461-.72c.286-.286.431-.678.72-1.462z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22m11.778%2014.926l6.445%206.445c.292.293.439.439.597.517c.3.15.653.15.954%200c.157-.078.304-.224.597-.517s.439-.44.517-.597c.15-.301.15-.654%200-.954c-.078-.158-.224-.305-.517-.598l-6.445-6.445l-2.149-2.148c-.292-.293-.439-.439-.597-.517a1.07%201.07%200%200%200-.954%200c-.158.078-.304.224-.597.517s-.439.44-.517.597c-.15.301-.15.654%200%20.954c.078.158.224.305.517.598zm2.148-2.149l-2.149%202.149%22%2F%3E%3Cpath%20d%3D%22m17%202l.295.797c.386%201.044.58%201.566.96%201.947c.382.381.904.575%201.948.961L21%206l-.797.295c-1.044.386-1.566.58-1.947.96c-.381.382-.575.904-.961%201.948L17%2010l-.295-.797c-.386-1.044-.58-1.566-.96-1.947c-.382-.381-.904-.575-1.948-.961L13%206l.797-.295c1.044-.386%201.566-.58%201.947-.96c.381-.382.575-.904.961-1.948zM6%204l.221.597c.29.784.435%201.176.72%201.461c.286.286.678.431%201.462.72L9%207l-.597.221c-.784.29-1.176.435-1.461.72c-.286.286-.431.678-.72%201.462L6%2010l-.221-.597c-.29-.784-.435-1.176-.72-1.461c-.286-.286-.678-.431-1.462-.72L3%207l.597-.221c.784-.29%201.176-.435%201.461-.72c.286-.286.431-.678.72-1.462z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/wand-sparkles.svg?color=%231a73e8&size=48
