sparkles fill icon

sparkles-fill-24 from Octicons by GitHub · 24 · MIT Free for personal and commercial use.

Name: sparkles-fill-24
Set: Octicons
Style: 24
Viewbox: 24×24
License: MIT

1 other variant in Octicons

Use the sparkles fill icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.4 3.419a.639.639 0 0 1 1.2 0l.61 1.668a9.59 9.59 0 0 0 5.703 5.703l1.668.61a.639.639 0 0 1 0 1.2l-1.668.61a9.59 9.59 0 0 0-5.703 5.703l-.61 1.668a.639.639 0 0 1-1.2 0l-.61-1.668a9.59 9.59 0 0 0-5.703-5.703l-1.668-.61a.639.639 0 0 1 0-1.2l1.668-.61a9.59 9.59 0 0 0 5.703-5.703zM8 16.675a.266.266 0 0 1 .5 0l.254.694a4 4 0 0 0 2.376 2.377l.695.254a.266.266 0 0 1 0 .5l-.695.254a4 4 0 0 0-2.376 2.377l-.254.694a.266.266 0 0 1-.5 0l-.254-.694a4 4 0 0 0-2.376-2.377l-.695-.254a.266.266 0 0 1 0-.5l.695-.254a4 4 0 0 0 2.376-2.377zM4.2.21a.32.32 0 0 1 .6 0l.305.833a4.8 4.8 0 0 0 2.852 2.852l.833.305a.32.32 0 0 1 0 .6l-.833.305a4.8 4.8 0 0 0-2.852 2.852L4.8 8.79a.32.32 0 0 1-.6 0l-.305-.833a4.8 4.8 0 0 0-2.852-2.852L.21 4.8a.32.32 0 0 1 0-.6l.833-.305a4.8 4.8 0 0 0 2.852-2.852z"/></svg>

React

import type { SVGProps } from "react";

export function OcticonSparklesFill24(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="M14.4 3.419a.639.639 0 0 1 1.2 0l.61 1.668a9.59 9.59 0 0 0 5.703 5.703l1.668.61a.639.639 0 0 1 0 1.2l-1.668.61a9.59 9.59 0 0 0-5.703 5.703l-.61 1.668a.639.639 0 0 1-1.2 0l-.61-1.668a9.59 9.59 0 0 0-5.703-5.703l-1.668-.61a.639.639 0 0 1 0-1.2l1.668-.61a9.59 9.59 0 0 0 5.703-5.703zM8 16.675a.266.266 0 0 1 .5 0l.254.694a4 4 0 0 0 2.376 2.377l.695.254a.266.266 0 0 1 0 .5l-.695.254a4 4 0 0 0-2.376 2.377l-.254.694a.266.266 0 0 1-.5 0l-.254-.694a4 4 0 0 0-2.376-2.377l-.695-.254a.266.266 0 0 1 0-.5l.695-.254a4 4 0 0 0 2.376-2.377zM4.2.21a.32.32 0 0 1 .6 0l.305.833a4.8 4.8 0 0 0 2.852 2.852l.833.305a.32.32 0 0 1 0 .6l-.833.305a4.8 4.8 0 0 0-2.852 2.852L4.8 8.79a.32.32 0 0 1-.6 0l-.305-.833a4.8 4.8 0 0 0-2.852-2.852L.21 4.8a.32.32 0 0 1 0-.6l.833-.305a4.8 4.8 0 0 0 2.852-2.852z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.4 3.419a.639.639 0 0 1 1.2 0l.61 1.668a9.59 9.59 0 0 0 5.703 5.703l1.668.61a.639.639 0 0 1 0 1.2l-1.668.61a9.59 9.59 0 0 0-5.703 5.703l-.61 1.668a.639.639 0 0 1-1.2 0l-.61-1.668a9.59 9.59 0 0 0-5.703-5.703l-1.668-.61a.639.639 0 0 1 0-1.2l1.668-.61a9.59 9.59 0 0 0 5.703-5.703zM8 16.675a.266.266 0 0 1 .5 0l.254.694a4 4 0 0 0 2.376 2.377l.695.254a.266.266 0 0 1 0 .5l-.695.254a4 4 0 0 0-2.376 2.377l-.254.694a.266.266 0 0 1-.5 0l-.254-.694a4 4 0 0 0-2.376-2.377l-.695-.254a.266.266 0 0 1 0-.5l.695-.254a4 4 0 0 0 2.376-2.377zM4.2.21a.32.32 0 0 1 .6 0l.305.833a4.8 4.8 0 0 0 2.852 2.852l.833.305a.32.32 0 0 1 0 .6l-.833.305a4.8 4.8 0 0 0-2.852 2.852L4.8 8.79a.32.32 0 0 1-.6 0l-.305-.833a4.8 4.8 0 0 0-2.852-2.852L.21 4.8a.32.32 0 0 1 0-.6l.833-.305a4.8 4.8 0 0 0 2.852-2.852z"/></svg>
</template>

CSS

.icon-sparkles-fill-24 {
  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%22M14.4%203.419a.639.639%200%200%201%201.2%200l.61%201.668a9.59%209.59%200%200%200%205.703%205.703l1.668.61a.639.639%200%200%201%200%201.2l-1.668.61a9.59%209.59%200%200%200-5.703%205.703l-.61%201.668a.639.639%200%200%201-1.2%200l-.61-1.668a9.59%209.59%200%200%200-5.703-5.703l-1.668-.61a.639.639%200%200%201%200-1.2l1.668-.61a9.59%209.59%200%200%200%205.703-5.703zM8%2016.675a.266.266%200%200%201%20.5%200l.254.694a4%204%200%200%200%202.376%202.377l.695.254a.266.266%200%200%201%200%20.5l-.695.254a4%204%200%200%200-2.376%202.377l-.254.694a.266.266%200%200%201-.5%200l-.254-.694a4%204%200%200%200-2.376-2.377l-.695-.254a.266.266%200%200%201%200-.5l.695-.254a4%204%200%200%200%202.376-2.377zM4.2.21a.32.32%200%200%201%20.6%200l.305.833a4.8%204.8%200%200%200%202.852%202.852l.833.305a.32.32%200%200%201%200%20.6l-.833.305a4.8%204.8%200%200%200-2.852%202.852L4.8%208.79a.32.32%200%200%201-.6%200l-.305-.833a4.8%204.8%200%200%200-2.852-2.852L.21%204.8a.32.32%200%200%201%200-.6l.833-.305a4.8%204.8%200%200%200%202.852-2.852z%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%22M14.4%203.419a.639.639%200%200%201%201.2%200l.61%201.668a9.59%209.59%200%200%200%205.703%205.703l1.668.61a.639.639%200%200%201%200%201.2l-1.668.61a9.59%209.59%200%200%200-5.703%205.703l-.61%201.668a.639.639%200%200%201-1.2%200l-.61-1.668a9.59%209.59%200%200%200-5.703-5.703l-1.668-.61a.639.639%200%200%201%200-1.2l1.668-.61a9.59%209.59%200%200%200%205.703-5.703zM8%2016.675a.266.266%200%200%201%20.5%200l.254.694a4%204%200%200%200%202.376%202.377l.695.254a.266.266%200%200%201%200%20.5l-.695.254a4%204%200%200%200-2.376%202.377l-.254.694a.266.266%200%200%201-.5%200l-.254-.694a4%204%200%200%200-2.376-2.377l-.695-.254a.266.266%200%200%201%200-.5l.695-.254a4%204%200%200%200%202.376-2.377zM4.2.21a.32.32%200%200%201%20.6%200l.305.833a4.8%204.8%200%200%200%202.852%202.852l.833.305a.32.32%200%200%201%200%20.6l-.833.305a4.8%204.8%200%200%200-2.852%202.852L4.8%208.79a.32.32%200%200%201-.6%200l-.305-.833a4.8%204.8%200%200%200-2.852-2.852L.21%204.8a.32.32%200%200%201%200-.6l.833-.305a4.8%204.8%200%200%200%202.852-2.852z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/sparkles-fill-24.svg?color=%231a73e8&size=48