sparkles fill icon
sparkles-fill-16 from Octicons by GitHub · 16 · MIT Free for personal and commercial use.
- Name
- sparkles-fill-16
- Set
- Octicons
- Style
- 16
- Viewbox
- 16×16
- 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 16 16"><path fill="currentColor" d="M9.6 2.279a.426.426 0 0 1 .8 0l.407 1.112a6.39 6.39 0 0 0 3.802 3.802l1.112.407a.426.426 0 0 1 0 .8l-1.112.407a6.39 6.39 0 0 0-3.802 3.802l-.407 1.112a.426.426 0 0 1-.8 0l-.407-1.112a6.39 6.39 0 0 0-3.802-3.802L4.279 8.4a.426.426 0 0 1 0-.8l1.112-.407a6.39 6.39 0 0 0 3.802-3.802zm-4.267 8.837a.178.178 0 0 1 .334 0l.169.464a2.66 2.66 0 0 0 1.584 1.584l.464.169a.178.178 0 0 1 0 .334l-.464.169a2.66 2.66 0 0 0-1.584 1.584l-.169.464a.178.178 0 0 1-.334 0l-.169-.464a2.66 2.66 0 0 0-1.584-1.584l-.464-.169a.178.178 0 0 1 0-.334l.464-.169a2.66 2.66 0 0 0 1.584-1.584zM2.8.14a.213.213 0 0 1 .4 0l.203.556a3.2 3.2 0 0 0 1.901 1.901l.556.203a.213.213 0 0 1 0 .4l-.556.203a3.2 3.2 0 0 0-1.901 1.901L3.2 5.86a.213.213 0 0 1-.4 0l-.203-.556A3.2 3.2 0 0 0 .696 3.403L.14 3.2a.213.213 0 0 1 0-.4l.556-.203A3.2 3.2 0 0 0 2.597.696z"/></svg>
React
import type { SVGProps } from "react";
export function OcticonSparklesFill16(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M9.6 2.279a.426.426 0 0 1 .8 0l.407 1.112a6.39 6.39 0 0 0 3.802 3.802l1.112.407a.426.426 0 0 1 0 .8l-1.112.407a6.39 6.39 0 0 0-3.802 3.802l-.407 1.112a.426.426 0 0 1-.8 0l-.407-1.112a6.39 6.39 0 0 0-3.802-3.802L4.279 8.4a.426.426 0 0 1 0-.8l1.112-.407a6.39 6.39 0 0 0 3.802-3.802zm-4.267 8.837a.178.178 0 0 1 .334 0l.169.464a2.66 2.66 0 0 0 1.584 1.584l.464.169a.178.178 0 0 1 0 .334l-.464.169a2.66 2.66 0 0 0-1.584 1.584l-.169.464a.178.178 0 0 1-.334 0l-.169-.464a2.66 2.66 0 0 0-1.584-1.584l-.464-.169a.178.178 0 0 1 0-.334l.464-.169a2.66 2.66 0 0 0 1.584-1.584zM2.8.14a.213.213 0 0 1 .4 0l.203.556a3.2 3.2 0 0 0 1.901 1.901l.556.203a.213.213 0 0 1 0 .4l-.556.203a3.2 3.2 0 0 0-1.901 1.901L3.2 5.86a.213.213 0 0 1-.4 0l-.203-.556A3.2 3.2 0 0 0 .696 3.403L.14 3.2a.213.213 0 0 1 0-.4l.556-.203A3.2 3.2 0 0 0 2.597.696z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M9.6 2.279a.426.426 0 0 1 .8 0l.407 1.112a6.39 6.39 0 0 0 3.802 3.802l1.112.407a.426.426 0 0 1 0 .8l-1.112.407a6.39 6.39 0 0 0-3.802 3.802l-.407 1.112a.426.426 0 0 1-.8 0l-.407-1.112a6.39 6.39 0 0 0-3.802-3.802L4.279 8.4a.426.426 0 0 1 0-.8l1.112-.407a6.39 6.39 0 0 0 3.802-3.802zm-4.267 8.837a.178.178 0 0 1 .334 0l.169.464a2.66 2.66 0 0 0 1.584 1.584l.464.169a.178.178 0 0 1 0 .334l-.464.169a2.66 2.66 0 0 0-1.584 1.584l-.169.464a.178.178 0 0 1-.334 0l-.169-.464a2.66 2.66 0 0 0-1.584-1.584l-.464-.169a.178.178 0 0 1 0-.334l.464-.169a2.66 2.66 0 0 0 1.584-1.584zM2.8.14a.213.213 0 0 1 .4 0l.203.556a3.2 3.2 0 0 0 1.901 1.901l.556.203a.213.213 0 0 1 0 .4l-.556.203a3.2 3.2 0 0 0-1.901 1.901L3.2 5.86a.213.213 0 0 1-.4 0l-.203-.556A3.2 3.2 0 0 0 .696 3.403L.14 3.2a.213.213 0 0 1 0-.4l.556-.203A3.2 3.2 0 0 0 2.597.696z"/></svg> </template>
CSS
.icon-sparkles-fill-16 {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.6%202.279a.426.426%200%200%201%20.8%200l.407%201.112a6.39%206.39%200%200%200%203.802%203.802l1.112.407a.426.426%200%200%201%200%20.8l-1.112.407a6.39%206.39%200%200%200-3.802%203.802l-.407%201.112a.426.426%200%200%201-.8%200l-.407-1.112a6.39%206.39%200%200%200-3.802-3.802L4.279%208.4a.426.426%200%200%201%200-.8l1.112-.407a6.39%206.39%200%200%200%203.802-3.802zm-4.267%208.837a.178.178%200%200%201%20.334%200l.169.464a2.66%202.66%200%200%200%201.584%201.584l.464.169a.178.178%200%200%201%200%20.334l-.464.169a2.66%202.66%200%200%200-1.584%201.584l-.169.464a.178.178%200%200%201-.334%200l-.169-.464a2.66%202.66%200%200%200-1.584-1.584l-.464-.169a.178.178%200%200%201%200-.334l.464-.169a2.66%202.66%200%200%200%201.584-1.584zM2.8.14a.213.213%200%200%201%20.4%200l.203.556a3.2%203.2%200%200%200%201.901%201.901l.556.203a.213.213%200%200%201%200%20.4l-.556.203a3.2%203.2%200%200%200-1.901%201.901L3.2%205.86a.213.213%200%200%201-.4%200l-.203-.556A3.2%203.2%200%200%200%20.696%203.403L.14%203.2a.213.213%200%200%201%200-.4l.556-.203A3.2%203.2%200%200%200%202.597.696z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.6%202.279a.426.426%200%200%201%20.8%200l.407%201.112a6.39%206.39%200%200%200%203.802%203.802l1.112.407a.426.426%200%200%201%200%20.8l-1.112.407a6.39%206.39%200%200%200-3.802%203.802l-.407%201.112a.426.426%200%200%201-.8%200l-.407-1.112a6.39%206.39%200%200%200-3.802-3.802L4.279%208.4a.426.426%200%200%201%200-.8l1.112-.407a6.39%206.39%200%200%200%203.802-3.802zm-4.267%208.837a.178.178%200%200%201%20.334%200l.169.464a2.66%202.66%200%200%200%201.584%201.584l.464.169a.178.178%200%200%201%200%20.334l-.464.169a2.66%202.66%200%200%200-1.584%201.584l-.169.464a.178.178%200%200%201-.334%200l-.169-.464a2.66%202.66%200%200%200-1.584-1.584l-.464-.169a.178.178%200%200%201%200-.334l.464-.169a2.66%202.66%200%200%200%201.584-1.584zM2.8.14a.213.213%200%200%201%20.4%200l.203.556a3.2%203.2%200%200%200%201.901%201.901l.556.203a.213.213%200%200%201%200%20.4l-.556.203a3.2%203.2%200%200%200-1.901%201.901L3.2%205.86a.213.213%200%200%201-.4%200l-.203-.556A3.2%203.2%200%200%200%20.696%203.403L.14%203.2a.213.213%200%200%201%200-.4l.556-.203A3.2%203.2%200%200%200%202.597.696z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/sparkles-fill-16.svg?color=%231a73e8&size=48
