wand sparkle icon
wand-sparkle-filled from Reicon by REICON · Filled · Tools · MIT Free for personal and commercial use.
- Name
- wand-sparkle-filled
- Set
- Reicon
- Style
- Filled
- Category
- Tools
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More tools icons from Reicon
Use the wand sparkle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="m20.637 4.477l-1.113-1.113c-.88-.883-2.417-.881-3.3 0L3.351 16.236c-.442.441-.684 1.027-.684 1.65s.242 1.209.684 1.649l1.113 1.113c.441.441 1.027.684 1.65.684s1.21-.243 1.65-.684l12.873-12.87c.442-.442.684-1.027.684-1.65s-.242-1.21-.684-1.65Zm-1.414 1.886l-2.374 2.373l-1.585-1.585l2.373-2.374a.336.336 0 0 1 .472 0l1.115 1.115a.333.333 0 0 1 0 .47ZM9.657 4.656l-1.261-.42l-.421-1.263c-.136-.408-.812-.408-.948 0l-.422 1.263l-1.26.42a.5.5 0 0 0 0 .95l1.26.42l.422 1.262a.499.499 0 0 0 .946 0l.422-1.263l1.26-.42a.5.5 0 0 0 0-.949ZM22.21 15.987l-1.683-.562l-.562-1.684c-.182-.544-1.082-.544-1.265 0l-.561 1.684l-1.684.562a.667.667 0 0 0 0 1.264l1.684.56l.561 1.685a.668.668 0 0 0 1.267 0l.56-1.684l1.685-.561a.667.667 0 0 0 0-1.264Z"/><circle cx="12.333" cy="2.333" r="1"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconWandSparkleFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="m20.637 4.477l-1.113-1.113c-.88-.883-2.417-.881-3.3 0L3.351 16.236c-.442.441-.684 1.027-.684 1.65s.242 1.209.684 1.649l1.113 1.113c.441.441 1.027.684 1.65.684s1.21-.243 1.65-.684l12.873-12.87c.442-.442.684-1.027.684-1.65s-.242-1.21-.684-1.65Zm-1.414 1.886l-2.374 2.373l-1.585-1.585l2.373-2.374a.336.336 0 0 1 .472 0l1.115 1.115a.333.333 0 0 1 0 .47ZM9.657 4.656l-1.261-.42l-.421-1.263c-.136-.408-.812-.408-.948 0l-.422 1.263l-1.26.42a.5.5 0 0 0 0 .95l1.26.42l.422 1.262a.499.499 0 0 0 .946 0l.422-1.263l1.26-.42a.5.5 0 0 0 0-.949ZM22.21 15.987l-1.683-.562l-.562-1.684c-.182-.544-1.082-.544-1.265 0l-.561 1.684l-1.684.562a.667.667 0 0 0 0 1.264l1.684.56l.561 1.685a.668.668 0 0 0 1.267 0l.56-1.684l1.685-.561a.667.667 0 0 0 0-1.264Z"/><circle cx="12.333" cy="2.333" r="1"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="m20.637 4.477l-1.113-1.113c-.88-.883-2.417-.881-3.3 0L3.351 16.236c-.442.441-.684 1.027-.684 1.65s.242 1.209.684 1.649l1.113 1.113c.441.441 1.027.684 1.65.684s1.21-.243 1.65-.684l12.873-12.87c.442-.442.684-1.027.684-1.65s-.242-1.21-.684-1.65Zm-1.414 1.886l-2.374 2.373l-1.585-1.585l2.373-2.374a.336.336 0 0 1 .472 0l1.115 1.115a.333.333 0 0 1 0 .47ZM9.657 4.656l-1.261-.42l-.421-1.263c-.136-.408-.812-.408-.948 0l-.422 1.263l-1.26.42a.5.5 0 0 0 0 .95l1.26.42l.422 1.262a.499.499 0 0 0 .946 0l.422-1.263l1.26-.42a.5.5 0 0 0 0-.949ZM22.21 15.987l-1.683-.562l-.562-1.684c-.182-.544-1.082-.544-1.265 0l-.561 1.684l-1.684.562a.667.667 0 0 0 0 1.264l1.684.56l.561 1.685a.668.668 0 0 0 1.267 0l.56-1.684l1.685-.561a.667.667 0 0 0 0-1.264Z"/><circle cx="12.333" cy="2.333" r="1"/></g></svg> </template>
CSS
.icon-wand-sparkle-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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m20.637%204.477l-1.113-1.113c-.88-.883-2.417-.881-3.3%200L3.351%2016.236c-.442.441-.684%201.027-.684%201.65s.242%201.209.684%201.649l1.113%201.113c.441.441%201.027.684%201.65.684s1.21-.243%201.65-.684l12.873-12.87c.442-.442.684-1.027.684-1.65s-.242-1.21-.684-1.65Zm-1.414%201.886l-2.374%202.373l-1.585-1.585l2.373-2.374a.336.336%200%200%201%20.472%200l1.115%201.115a.333.333%200%200%201%200%20.47ZM9.657%204.656l-1.261-.42l-.421-1.263c-.136-.408-.812-.408-.948%200l-.422%201.263l-1.26.42a.5.5%200%200%200%200%20.95l1.26.42l.422%201.262a.499.499%200%200%200%20.946%200l.422-1.263l1.26-.42a.5.5%200%200%200%200-.949ZM22.21%2015.987l-1.683-.562l-.562-1.684c-.182-.544-1.082-.544-1.265%200l-.561%201.684l-1.684.562a.667.667%200%200%200%200%201.264l1.684.56l.561%201.685a.668.668%200%200%200%201.267%200l.56-1.684l1.685-.561a.667.667%200%200%200%200-1.264Z%22%2F%3E%3Ccircle%20cx%3D%2212.333%22%20cy%3D%222.333%22%20r%3D%221%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%22currentColor%22%3E%3Cpath%20d%3D%22m20.637%204.477l-1.113-1.113c-.88-.883-2.417-.881-3.3%200L3.351%2016.236c-.442.441-.684%201.027-.684%201.65s.242%201.209.684%201.649l1.113%201.113c.441.441%201.027.684%201.65.684s1.21-.243%201.65-.684l12.873-12.87c.442-.442.684-1.027.684-1.65s-.242-1.21-.684-1.65Zm-1.414%201.886l-2.374%202.373l-1.585-1.585l2.373-2.374a.336.336%200%200%201%20.472%200l1.115%201.115a.333.333%200%200%201%200%20.47ZM9.657%204.656l-1.261-.42l-.421-1.263c-.136-.408-.812-.408-.948%200l-.422%201.263l-1.26.42a.5.5%200%200%200%200%20.95l1.26.42l.422%201.262a.499.499%200%200%200%20.946%200l.422-1.263l1.26-.42a.5.5%200%200%200%200-.949ZM22.21%2015.987l-1.683-.562l-.562-1.684c-.182-.544-1.082-.544-1.265%200l-.561%201.684l-1.684.562a.667.667%200%200%200%200%201.264l1.684.56l.561%201.685a.668.668%200%200%200%201.267%200l.56-1.684l1.685-.561a.667.667%200%200%200%200-1.264Z%22%2F%3E%3Ccircle%20cx%3D%2212.333%22%20cy%3D%222.333%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/wand-sparkle-filled.svg?color=%231a73e8&size=48
