sparkle action icon
sparkle-action-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- sparkle-action-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- Viewbox
- 20×20
- License
- MIT
5 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the sparkle action icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M9.223 14.582a.5.5 0 0 1 .63.771l-2.5 2.5a.5.5 0 0 1-.708-.707l2.5-2.5zm-5.079.564a.5.5 0 0 1 .707.706l-1.498 1.5l-.079.064a.5.5 0 0 1-.628-.771zm10.528-5.842c.093-.4.652-.402.758-.022l.127.704a1.92 1.92 0 0 0 1.474 1.538l.662.147l.052.02c.334.124.328.573.04.713l-.068.024l-.711.128a1.92 1.92 0 0 0-1.533 1.473l-.148.666c-.093.4-.652.401-.759.022l-.126-.705a1.92 1.92 0 0 0-1.474-1.538l-.662-.147c-.414-.096-.402-.69.015-.768l.668-.119a1.92 1.92 0 0 0 1.537-1.474zm-6.528 1.842a.5.5 0 0 1 .707.707l-2.5 2.5a.5.5 0 1 1-.707-.706zM5.722 9.082a.501.501 0 0 1 .693.693l-.065.078l-3.498 3.499l-.078.065a.5.5 0 0 1-.629-.771l3.5-3.5zm4.202-6.615c.131-.623 1.02-.623 1.152 0l.2.998a2.88 2.88 0 0 0 2.259 2.26l.997.199c.604.127.623.966.056 1.137l-1.053.211a2.88 2.88 0 0 0-2.26 2.26l-.199.997l-.027.078c-.176.505-.85.511-1.07.084l-.037-.103l-.215-1.062A2.88 2.88 0 0 0 7.47 7.273l-1.002-.2c-.604-.127-.623-.966-.057-1.138l1.054-.21a2.88 2.88 0 0 0 2.26-2.26z"/></svg>
React
import type { SVGProps } from "react";
export function FluentSparkleAction20Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M9.223 14.582a.5.5 0 0 1 .63.771l-2.5 2.5a.5.5 0 0 1-.708-.707l2.5-2.5zm-5.079.564a.5.5 0 0 1 .707.706l-1.498 1.5l-.079.064a.5.5 0 0 1-.628-.771zm10.528-5.842c.093-.4.652-.402.758-.022l.127.704a1.92 1.92 0 0 0 1.474 1.538l.662.147l.052.02c.334.124.328.573.04.713l-.068.024l-.711.128a1.92 1.92 0 0 0-1.533 1.473l-.148.666c-.093.4-.652.401-.759.022l-.126-.705a1.92 1.92 0 0 0-1.474-1.538l-.662-.147c-.414-.096-.402-.69.015-.768l.668-.119a1.92 1.92 0 0 0 1.537-1.474zm-6.528 1.842a.5.5 0 0 1 .707.707l-2.5 2.5a.5.5 0 1 1-.707-.706zM5.722 9.082a.501.501 0 0 1 .693.693l-.065.078l-3.498 3.499l-.078.065a.5.5 0 0 1-.629-.771l3.5-3.5zm4.202-6.615c.131-.623 1.02-.623 1.152 0l.2.998a2.88 2.88 0 0 0 2.259 2.26l.997.199c.604.127.623.966.056 1.137l-1.053.211a2.88 2.88 0 0 0-2.26 2.26l-.199.997l-.027.078c-.176.505-.85.511-1.07.084l-.037-.103l-.215-1.062A2.88 2.88 0 0 0 7.47 7.273l-1.002-.2c-.604-.127-.623-.966-.057-1.138l1.054-.21a2.88 2.88 0 0 0 2.26-2.26z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M9.223 14.582a.5.5 0 0 1 .63.771l-2.5 2.5a.5.5 0 0 1-.708-.707l2.5-2.5zm-5.079.564a.5.5 0 0 1 .707.706l-1.498 1.5l-.079.064a.5.5 0 0 1-.628-.771zm10.528-5.842c.093-.4.652-.402.758-.022l.127.704a1.92 1.92 0 0 0 1.474 1.538l.662.147l.052.02c.334.124.328.573.04.713l-.068.024l-.711.128a1.92 1.92 0 0 0-1.533 1.473l-.148.666c-.093.4-.652.401-.759.022l-.126-.705a1.92 1.92 0 0 0-1.474-1.538l-.662-.147c-.414-.096-.402-.69.015-.768l.668-.119a1.92 1.92 0 0 0 1.537-1.474zm-6.528 1.842a.5.5 0 0 1 .707.707l-2.5 2.5a.5.5 0 1 1-.707-.706zM5.722 9.082a.501.501 0 0 1 .693.693l-.065.078l-3.498 3.499l-.078.065a.5.5 0 0 1-.629-.771l3.5-3.5zm4.202-6.615c.131-.623 1.02-.623 1.152 0l.2.998a2.88 2.88 0 0 0 2.259 2.26l.997.199c.604.127.623.966.056 1.137l-1.053.211a2.88 2.88 0 0 0-2.26 2.26l-.199.997l-.027.078c-.176.505-.85.511-1.07.084l-.037-.103l-.215-1.062A2.88 2.88 0 0 0 7.47 7.273l-1.002-.2c-.604-.127-.623-.966-.057-1.138l1.054-.21a2.88 2.88 0 0 0 2.26-2.26z"/></svg> </template>
CSS
.icon-sparkle-action-20-regular {
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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.223%2014.582a.5.5%200%200%201%20.63.771l-2.5%202.5a.5.5%200%200%201-.708-.707l2.5-2.5zm-5.079.564a.5.5%200%200%201%20.707.706l-1.498%201.5l-.079.064a.5.5%200%200%201-.628-.771zm10.528-5.842c.093-.4.652-.402.758-.022l.127.704a1.92%201.92%200%200%200%201.474%201.538l.662.147l.052.02c.334.124.328.573.04.713l-.068.024l-.711.128a1.92%201.92%200%200%200-1.533%201.473l-.148.666c-.093.4-.652.401-.759.022l-.126-.705a1.92%201.92%200%200%200-1.474-1.538l-.662-.147c-.414-.096-.402-.69.015-.768l.668-.119a1.92%201.92%200%200%200%201.537-1.474zm-6.528%201.842a.5.5%200%200%201%20.707.707l-2.5%202.5a.5.5%200%201%201-.707-.706zM5.722%209.082a.501.501%200%200%201%20.693.693l-.065.078l-3.498%203.499l-.078.065a.5.5%200%200%201-.629-.771l3.5-3.5zm4.202-6.615c.131-.623%201.02-.623%201.152%200l.2.998a2.88%202.88%200%200%200%202.259%202.26l.997.199c.604.127.623.966.056%201.137l-1.053.211a2.88%202.88%200%200%200-2.26%202.26l-.199.997l-.027.078c-.176.505-.85.511-1.07.084l-.037-.103l-.215-1.062A2.88%202.88%200%200%200%207.47%207.273l-1.002-.2c-.604-.127-.623-.966-.057-1.138l1.054-.21a2.88%202.88%200%200%200%202.26-2.26z%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.223%2014.582a.5.5%200%200%201%20.63.771l-2.5%202.5a.5.5%200%200%201-.708-.707l2.5-2.5zm-5.079.564a.5.5%200%200%201%20.707.706l-1.498%201.5l-.079.064a.5.5%200%200%201-.628-.771zm10.528-5.842c.093-.4.652-.402.758-.022l.127.704a1.92%201.92%200%200%200%201.474%201.538l.662.147l.052.02c.334.124.328.573.04.713l-.068.024l-.711.128a1.92%201.92%200%200%200-1.533%201.473l-.148.666c-.093.4-.652.401-.759.022l-.126-.705a1.92%201.92%200%200%200-1.474-1.538l-.662-.147c-.414-.096-.402-.69.015-.768l.668-.119a1.92%201.92%200%200%200%201.537-1.474zm-6.528%201.842a.5.5%200%200%201%20.707.707l-2.5%202.5a.5.5%200%201%201-.707-.706zM5.722%209.082a.501.501%200%200%201%20.693.693l-.065.078l-3.498%203.499l-.078.065a.5.5%200%200%201-.629-.771l3.5-3.5zm4.202-6.615c.131-.623%201.02-.623%201.152%200l.2.998a2.88%202.88%200%200%200%202.259%202.26l.997.199c.604.127.623.966.056%201.137l-1.053.211a2.88%202.88%200%200%200-2.26%202.26l-.199.997l-.027.078c-.176.505-.85.511-1.07.084l-.037-.103l-.215-1.062A2.88%202.88%200%200%200%207.47%207.273l-1.002-.2c-.604-.127-.623-.966-.057-1.138l1.054-.21a2.88%202.88%200%200%200%202.26-2.26z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/sparkle-action-20-regular.svg?color=%231a73e8&size=48
