# color-filter-sparkle icon

Color filter sparkle. Gentleface icon, drawn on the 16 px pixel grid. Free, MIT licensed. Page: https://gentleface.com/icons/color-filter-sparkle

- Category: Photo & image
- Use it for: ai color grading, auto color grade
- Example: AI color-grading preset in a photo editor
- Built from: color-filter + sparkle
- Tags: color filter, colour filter, rgb, channels, color channels, additive color, red green blue, filters, photo filter, mix, circles, sparkle
- Family: color-filter, color-filter-off
- Component name: ColorFilterSparkleIcon
- Added: 2026-11-06
- Since: version 0.4.0
- npm: `import { ColorFilterSparkleIcon } from '@gentleface/react';` (@gentleface/react 0.6.0)

## Files

Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too.

- line-round: https://gentleface.com/svg/line-round/16/color-filter-sparkle.svg · PNG https://gentleface.com/png/line-round/16/color-filter-sparkle.png · https://gentleface.com/png/line-round/32/color-filter-sparkle.png · https://gentleface.com/png/line-round/48/color-filter-sparkle.png
- line-soft: https://gentleface.com/svg/line-soft/16/color-filter-sparkle.svg · PNG https://gentleface.com/png/line-soft/16/color-filter-sparkle.png · https://gentleface.com/png/line-soft/32/color-filter-sparkle.png · https://gentleface.com/png/line-soft/48/color-filter-sparkle.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/color-filter-sparkle.svg · PNG https://gentleface.com/png/line-sharp/16/color-filter-sparkle.png · https://gentleface.com/png/line-sharp/32/color-filter-sparkle.png · https://gentleface.com/png/line-sharp/48/color-filter-sparkle.png
- solid-round: https://gentleface.com/svg/solid-round/16/color-filter-sparkle.svg · PNG https://gentleface.com/png/solid-round/16/color-filter-sparkle.png · https://gentleface.com/png/solid-round/32/color-filter-sparkle.png · https://gentleface.com/png/solid-round/48/color-filter-sparkle.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/color-filter-sparkle.svg · PNG https://gentleface.com/png/solid-soft/16/color-filter-sparkle.png · https://gentleface.com/png/solid-soft/32/color-filter-sparkle.png · https://gentleface.com/png/solid-soft/48/color-filter-sparkle.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/color-filter-sparkle.svg · PNG https://gentleface.com/png/solid-sharp/16/color-filter-sparkle.png · https://gentleface.com/png/solid-sharp/32/color-filter-sparkle.png · https://gentleface.com/png/solid-sharp/48/color-filter-sparkle.png

The SVG of every style: https://gentleface.com/icons/color-filter-sparkle.json (`svg`).

## Animated

`color-filter-sparkle-split`: The sparkle twinkles out. The three colour rings part outward from the centre, hold apart like separated channels, then slide back together, and as they recombine the sparkle twinkles in.

File: https://gentleface.com/motion/color-filter-sparkle-split.svg (line-round, 16 px). Native SVG animation that loops by itself. To play it once, run 0.2 s to 1.6 s. Patterns: https://gentleface.com/animated-icons.md

```svg
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="none" stroke="currentColor" stroke-width="1.001" stroke-linecap="round" stroke-linejoin="round"><g><animateTransform attributeName="transform" type="translate" dur="2.8s" repeatCount="indefinite" keyTimes="0;0.161;0.229;0.279;0.343;0.379;1" values="0 0;0 0;0 -1.1;0 -1.1;0 .14;0 0;0 0" calcMode="spline" keySplines="0 0 1 1;.15 .75 .25 1;0 0 1 1;.6 0 .25 1;.37 0 .63 1;0 0 1 1"/><path d="M10.638 9.646C9.897 10.183 8.985 10.5 8 10.5C5.515 10.5 3.5 8.485 3.5 6C3.5 3.515 5.515 1.5 8 1.5C10.485 1.5 12.5 3.515 12.5 6C12.5 7.5 11.766 8.828 10.638 9.646" stroke-dasharray="20.109 30.237" stroke-dashoffset="-4.065"><animate attributeName="stroke-dasharray" dur="2.8s" repeatCount="indefinite" keyTimes="0;0.089;0.098;0.107;0.116;0.125;0.134;0.143;0.152;0.161;0.386;0.395;0.403;0.412;0.421;0.43;0.439;0.447;0.456;0.465;0.474;0.483;0.492;0.5;0.509;0.518;0.527;0.536;1" values="20.109 30.237;20.11 30.237;20.078 30.237;19.986 30.237;19.901 30.237;20.119 30.237;20.824 30.237;28.237 30.237;28.237 30.237;28.237 30.237;28.237 30.237;26.351 30.237;24.977 30.237;23.638 30.237;21.229 30.237;19.348 30.237;18.758 30.237;18.521 30.237;18.443 30.237;18.429 30.237;18.425 30.237;18.427 30.237;18.452 30.237;18.565 30.237;18.837 30.237;19.303 30.237;19.875 30.237;20.11 30.237;20.109 30.237"/><animate attributeName="stroke-dashoffset" dur="2.8s" repeatCount="indefinite" keyTimes="0;0.089;0.098;0.107;0.116;0.125;0.134;0.143;0.152;0.161;0.386;0.395;0.403;0.412;0.421;0.43;0.439;0.447;0.456;0.465;0.474;0.483;0.492;0.5;0.509;0.518;0.527;0.536;1" values="-4.065;-4.065;-4.086;-4.169;-4.301;-4.253;-3.943;0;0;0;0;-1.886;-1.639;-2.045;-3.44;-4.597;-4.934;-5.081;-5.139;-5.157;-5.164;-5.161;-5.129;-5.037;-4.856;-4.566;-4.2;-4.065;-4.065"/></path></g><g><animateTransform attributeName="transform" type="translate" dur="2.8s" repeatCount="indefinite" keyTimes="0;0.161;0.229;0.279;0.343;0.379;1" values="0 0;0 0;-.983 .492;-.983 .492;.125 -.063;0 0;0 0" calcMode="spline" keySplines="0 0 1 1;.15 .75 .25 1;0 0 1 1;.6 0 .25 1;.37 0 .63 1;0 0 1 1"/><path d="M10.193 10.64C9.537 12.315 7.907 13.502 6 13.502C3.514 13.502 1.499 11.486 1.5 9C1.499 6.514 3.514 4.498 6 4.498C8.486 4.498 10.501 6.514 10.5 9C10.5 9.579 10.391 10.132 10.193 10.64" stroke-dasharray="21.374 30.244" stroke-dashoffset="-3.435"><animate attributeName="stroke-dasharray" dur="2.8s" repeatCount="indefinite" keyTimes="0;0.089;0.098;0.107;0.116;0.125;0.134;0.143;0.152;0.161;0.386;0.395;0.403;0.412;0.421;0.43;0.439;0.447;0.456;0.465;0.474;0.483;0.492;0.5;0.509;0.518;0.527;0.536;1" values="21.374 30.244;21.374 30.244;21.465 30.244;21.756 30.244;22.283 30.244;23.053 30.244;24.012 30.244;25.068 30.244;26.19 30.244;28.244 30.244;28.244 30.244;25.799 30.244;20.621 30.244;20.494 30.244;21.7 30.244;22.227 30.244;22.447 30.244;22.562 30.244;22.638 30.244;22.686 30.244;22.707 30.244;22.7 30.244;22.612 30.244;22.426 30.244;22.132 30.244;21.781 30.244;21.488 30.244;21.374 30.244;21.374 30.244"/><animate attributeName="stroke-dashoffset" dur="2.8s" repeatCount="indefinite" keyTimes="0;0.089;0.098;0.107;0.116;0.125;0.134;0.143;0.152;0.161;0.386;0.395;0.403;0.412;0.421;0.43;0.439;0.447;0.456;0.465;0.474;0.483;0.492;0.5;0.509;0.518;0.527;0.536;1" values="-3.435;-3.435;-3.401;-3.294;-3.108;-2.838;-2.475;-1.977;-1.244;0;0;-1.046;-4.103;-3.739;-3.286;-3.139;-3.074;-3.037;-3.01;-2.992;-2.984;-2.987;-3.02;-3.087;-3.186;-3.301;-3.398;-3.435;-3.435"/></path></g><g><animateTransform attributeName="transform" type="translate" dur="2.8s" repeatCount="indefinite" keyTimes="0;0.161;0.229;0.279;0.343;0.379;1" values="0 0;0 0;.983 .492;.983 .492;-.125 -.063;0 0;0 0" calcMode="spline" keySplines="0 0 1 1;.15 .75 .25 1;0 0 1 1;.6 0 .25 1;.37 0 .63 1;0 0 1 1"/><path d="M12.56 12.701C11.833 13.205 10.951 13.5 10 13.5C7.515 13.5 5.5 11.485 5.5 9C5.5 6.515 7.515 4.5 10 4.5C12.485 4.5 14.5 6.515 14.5 9C14.5 10.534 13.732 11.889 12.56 12.701" stroke-dasharray="1.379 30.238" stroke-dashoffset="-3.796"><animate attributeName="stroke-dasharray" dur="2.8s" repeatCount="indefinite" keyTimes="0;0.089;0.098;0.107;0.116;0.125;0.134;0.143;0.152;0.161;0.386;0.395;0.403;0.412;0.421;0.43;0.439;0.447;0.456;0.465;0.474;0.483;0.492;0.5;0.509;0.518;0.527;0.536;1" values="1.379 30.238;1.378 30.238;1.477 30.238;1.778 30.238;3.053 30.238;3.206 30.238;3.357 30.238;3.481 30.238;6.598 30.238;6.598 30.238;6.598 30.238;5.518 30.238;4.017 30.238;1.195 30.238;1.806 30.238;2.314 30.238;2.809 30.238;2.741 30.238;2.706 30.238;2.692 30.238;2.685 30.238;2.688 30.238;2.713 30.238;2.752 30.238;2.164 30.238;1.772 30.238;1.486 30.238;1.378 30.238;1.379 30.238"/><animate attributeName="stroke-dashoffset" dur="2.8s" repeatCount="indefinite" keyTimes="0;0.089;0.098;0.107;0.116;0.125;0.134;0.143;0.152;0.161;0.386;0.395;0.403;0.412;0.421;0.43;0.439;0.447;0.456;0.465;0.474;0.483;0.492;0.5;0.509;0.518;0.527;0.536;1" values="-3.796;-3.797;-3.766;-3.676;-3.545;-3.392;-3.241;-3.117;0;0;0;-1.08;-2.581;-3.18;-3.486;-3.673;-3.789;-3.857;-3.892;-3.906;-3.913;-3.91;-3.885;-3.846;-3.812;-3.794;-3.794;-3.797;-3.796"/></path><path d="M12.56 12.701C11.833 13.205 10.951 13.5 10 13.5C7.515 13.5 5.5 11.485 5.5 9C5.5 6.515 7.515 4.5 10 4.5C12.485 4.5 14.5 6.515 14.5 9C14.5 10.534 13.732 11.889 12.56 12.701" stroke-dasharray="16.422 30.238" stroke-dashoffset="-8.021"><animate attributeName="stroke-dasharray" dur="2.8s" repeatCount="indefinite" keyTimes="0;0.089;0.098;0.107;0.116;0.125;0.134;0.143;0.152;0.161;0.386;0.395;0.403;0.412;0.421;0.43;0.439;0.447;0.456;0.465;0.474;0.483;0.492;0.5;0.509;0.518;0.527;0.536;1" values="16.422 30.238;16.422 30.238;16.483 30.238;16.716 30.238;18.108 30.238;18.351 30.238;18.708 30.238;19.223 30.238;19.973 30.238;21.64 30.238;21.64 30.238;20.311 30.238;17.243 30.238;17.567 30.238;17.17 30.238;16.999 30.238;18.126 30.238;18.159 30.238;18.185 30.238;18.204 30.238;18.212 30.238;18.21 30.238;18.176 30.238;18.112 30.238;16.524 30.238;16.443 30.238;16.424 30.238;16.422 30.238;16.422 30.238"/><animate attributeName="stroke-dashoffset" dur="2.8s" repeatCount="indefinite" keyTimes="0;0.089;0.098;0.107;0.116;0.125;0.134;0.143;0.152;0.161;0.386;0.395;0.403;0.412;0.421;0.43;0.439;0.447;0.456;0.465;0.474;0.483;0.492;0.5;0.509;0.518;0.527;0.536;1" values="-8.021;-8.021;-7.986;-7.836;-6.598;-6.598;-6.598;-6.598;-6.598;-6.598;-6.598;-6.598;-6.598;-6.796;-7.406;-7.674;-6.598;-6.598;-6.598;-6.598;-6.598;-6.598;-6.598;-6.598;-8.099;-8.092;-8.044;-8.021;-8.021"/></path></g><g transform="translate(11.5 11.5)"><g><animateTransform attributeName="transform" type="scale" dur="2.8s" repeatCount="indefinite" keyTimes="0;0.089;0.161;0.386;0.457;1" values="1;1;0;0;1;1" calcMode="spline" keySplines="0 0 1 1;.6 0 .9 .4;0 0 1 1;.15 .75 .25 1;0 0 1 1"/><animate attributeName="visibility" calcMode="discrete" dur="2.8s" repeatCount="indefinite" keyTimes="0;0.161;0.386" values="visible;hidden;visible"/><g><animateTransform attributeName="transform" type="rotate" dur="2.8s" repeatCount="indefinite" keyTimes="0;0.089;0.161;0.386;0.479;0.536;1" values="0;0;45;-90;12;0;0" calcMode="spline" keySplines="0 0 1 1;.6 0 .9 .4;0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1"/><g transform="translate(-11.5 -11.5)"><path fill="currentColor" stroke="none" d="M16 11.5C13 12 12 13 11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5Z"></path></g></g></g></g></svg>
```

## Code (line-round)

The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. For another style, take its SVG from the JSON and swap the path `d`.

### SVG

```svg
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M6.33 10.713C6.33 10.729 6.329 10.745 6.327 10.761C6.214 10.864 6.126 10.991 6.07 11.133C6.053 11.142 6.037 11.15 6.019 11.157C5.891 11.209 5.764 11.208 5.636 11.154C5.509 11.101 5.42 11.01 5.368 10.882C5.262 10.621 5.179 10.356 5.119 10.086C4.693 9.787 4.323 9.429 4.009 9.012C3.673 8.566 3.418 8.078 3.245 7.547C3.117 7.153 3.039 6.75 3.011 6.34C2.699 6.69 2.455 7.086 2.28 7.527C2.093 8 2 8.491 2 9C2 9.509 2.093 10 2.28 10.473C2.484 10.987 2.781 11.439 3.171 11.829C3.562 12.22 4.014 12.517 4.527 12.721C5 12.908 5.491 13.002 6 13.002C6.411 13.002 6.81 12.941 7.195 12.82C7.202 12.744 7.225 12.673 7.264 12.607C7.272 12.594 7.28 12.582 7.288 12.57C7.781 12.669 8.193 12.786 8.525 12.92C8.893 13.068 9.194 13.251 9.427 13.468C9.425 13.475 9.424 13.483 9.422 13.491C9.388 13.628 9.314 13.731 9.197 13.802C9.081 13.873 8.955 13.892 8.818 13.858C8.536 13.79 8.264 13.698 8.001 13.584C7.365 13.862 6.697 14.002 6 14.002C5.364 14.002 4.75 13.884 4.159 13.65C3.517 13.396 2.952 13.025 2.464 12.536C1.976 12.048 1.605 11.483 1.351 10.841C1.117 10.249 1 9.636 1 9C1 8.364 1.117 7.751 1.351 7.159C1.605 6.517 1.976 5.952 2.464 5.464C2.669 5.258 2.887 5.074 3.119 4.91C3.176 4.656 3.254 4.406 3.351 4.16C3.605 3.518 3.976 2.953 4.464 2.464C4.953 1.976 5.518 1.605 6.16 1.351C6.751 1.117 7.364 1 8 1C8.636 1 9.249 1.117 9.84 1.351C10.482 1.605 11.047 1.976 11.536 2.464C12.024 2.953 12.395 3.518 12.649 4.16C12.747 4.407 12.824 4.657 12.881 4.912C13.113 5.076 13.331 5.26 13.536 5.464C14.024 5.953 14.395 6.518 14.649 7.16C14.883 7.751 15 8.364 15 9C15 9.206 14.987 9.412 14.962 9.617C14.944 9.756 14.882 9.868 14.775 9.952C14.668 10.035 14.545 10.068 14.405 10.051C14.3 10.007 14.201 9.959 14.108 9.909C14.094 9.895 14.081 9.88 14.069 9.864C13.985 9.757 13.952 9.633 13.969 9.493C13.99 9.329 14 9.165 14 9C14 8.491 13.906 8.001 13.719 7.528C13.543 7.082 13.296 6.683 12.979 6.331C12.949 6.446 12.887 6.539 12.793 6.608C12.699 6.677 12.592 6.709 12.473 6.704C12.467 6.703 12.461 6.703 12.455 6.703C12.38 6.462 12.217 6.258 11.998 6.133C11.999 6.088 12 6.044 12 6C12 5.838 11.99 5.677 11.971 5.519C11.812 5.429 11.646 5.349 11.472 5.281C10.999 5.094 10.509 5 10 5C9.703 5 9.411 5.032 9.126 5.096C9.404 5.318 9.655 5.568 9.882 5.847C10.132 6.155 10.342 6.488 10.512 6.844C10.457 7.172 10.396 7.47 10.329 7.738C10.207 7.784 10.086 7.782 9.964 7.732C9.836 7.679 9.746 7.589 9.693 7.461C9.545 7.105 9.349 6.777 9.105 6.477C8.851 6.164 8.555 5.895 8.219 5.671C8.148 5.623 8.075 5.577 8.001 5.535C7.699 5.708 7.423 5.921 7.172 6.172C6.781 6.562 6.484 7.014 6.281 7.528C6.094 8.001 6 8.491 6 9C6 9.162 6.009 9.322 6.028 9.481C6.304 9.637 6.596 9.759 6.903 9.847C7.039 9.885 7.139 9.964 7.206 10.083C7.267 10.194 7.283 10.312 7.254 10.437C7.12 10.464 6.981 10.489 6.836 10.514C6.664 10.542 6.502 10.615 6.367 10.726C6.355 10.722 6.343 10.717 6.33 10.713ZM8.002 4.416C8.054 4.394 8.107 4.372 8.16 4.351C8.751 4.117 9.364 4 10 4C10.551 4 11.086 4.088 11.604 4.264C11.409 3.858 11.151 3.494 10.828 3.172C10.438 2.781 9.986 2.484 9.472 2.281C8.999 2.094 8.509 2 8 2C7.491 2 7.001 2.094 6.528 2.281C6.014 2.484 5.562 2.781 5.172 3.172C4.85 3.493 4.592 3.857 4.397 4.262C4.914 4.086 5.449 3.998 6 3.998C6.483 3.998 6.955 4.067 7.418 4.204C7.618 4.263 7.813 4.334 8.002 4.416ZM5.011 8.659C5.046 8.144 5.159 7.644 5.351 7.16C5.605 6.518 5.976 5.953 6.464 5.464C6.596 5.333 6.733 5.21 6.876 5.095C6.589 5.031 6.297 4.998 6 4.998C5.491 4.998 5 5.092 4.527 5.279C4.354 5.348 4.188 5.427 4.029 5.517C4.01 5.676 4 5.837 4 6C4 6.423 4.065 6.835 4.196 7.238C4.335 7.662 4.538 8.053 4.807 8.41C4.872 8.496 4.94 8.579 5.011 8.659ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z"/></svg>
```

### React

```tsx
// Gentleface "color-filter-sparkle" (line-round), MIT. https://gentleface.com/icons/color-filter-sparkle
import type { SVGProps } from 'react';

export function ColorFilterSparkleIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M6.33 10.713C6.33 10.729 6.329 10.745 6.327 10.761C6.214 10.864 6.126 10.991 6.07 11.133C6.053 11.142 6.037 11.15 6.019 11.157C5.891 11.209 5.764 11.208 5.636 11.154C5.509 11.101 5.42 11.01 5.368 10.882C5.262 10.621 5.179 10.356 5.119 10.086C4.693 9.787 4.323 9.429 4.009 9.012C3.673 8.566 3.418 8.078 3.245 7.547C3.117 7.153 3.039 6.75 3.011 6.34C2.699 6.69 2.455 7.086 2.28 7.527C2.093 8 2 8.491 2 9C2 9.509 2.093 10 2.28 10.473C2.484 10.987 2.781 11.439 3.171 11.829C3.562 12.22 4.014 12.517 4.527 12.721C5 12.908 5.491 13.002 6 13.002C6.411 13.002 6.81 12.941 7.195 12.82C7.202 12.744 7.225 12.673 7.264 12.607C7.272 12.594 7.28 12.582 7.288 12.57C7.781 12.669 8.193 12.786 8.525 12.92C8.893 13.068 9.194 13.251 9.427 13.468C9.425 13.475 9.424 13.483 9.422 13.491C9.388 13.628 9.314 13.731 9.197 13.802C9.081 13.873 8.955 13.892 8.818 13.858C8.536 13.79 8.264 13.698 8.001 13.584C7.365 13.862 6.697 14.002 6 14.002C5.364 14.002 4.75 13.884 4.159 13.65C3.517 13.396 2.952 13.025 2.464 12.536C1.976 12.048 1.605 11.483 1.351 10.841C1.117 10.249 1 9.636 1 9C1 8.364 1.117 7.751 1.351 7.159C1.605 6.517 1.976 5.952 2.464 5.464C2.669 5.258 2.887 5.074 3.119 4.91C3.176 4.656 3.254 4.406 3.351 4.16C3.605 3.518 3.976 2.953 4.464 2.464C4.953 1.976 5.518 1.605 6.16 1.351C6.751 1.117 7.364 1 8 1C8.636 1 9.249 1.117 9.84 1.351C10.482 1.605 11.047 1.976 11.536 2.464C12.024 2.953 12.395 3.518 12.649 4.16C12.747 4.407 12.824 4.657 12.881 4.912C13.113 5.076 13.331 5.26 13.536 5.464C14.024 5.953 14.395 6.518 14.649 7.16C14.883 7.751 15 8.364 15 9C15 9.206 14.987 9.412 14.962 9.617C14.944 9.756 14.882 9.868 14.775 9.952C14.668 10.035 14.545 10.068 14.405 10.051C14.3 10.007 14.201 9.959 14.108 9.909C14.094 9.895 14.081 9.88 14.069 9.864C13.985 9.757 13.952 9.633 13.969 9.493C13.99 9.329 14 9.165 14 9C14 8.491 13.906 8.001 13.719 7.528C13.543 7.082 13.296 6.683 12.979 6.331C12.949 6.446 12.887 6.539 12.793 6.608C12.699 6.677 12.592 6.709 12.473 6.704C12.467 6.703 12.461 6.703 12.455 6.703C12.38 6.462 12.217 6.258 11.998 6.133C11.999 6.088 12 6.044 12 6C12 5.838 11.99 5.677 11.971 5.519C11.812 5.429 11.646 5.349 11.472 5.281C10.999 5.094 10.509 5 10 5C9.703 5 9.411 5.032 9.126 5.096C9.404 5.318 9.655 5.568 9.882 5.847C10.132 6.155 10.342 6.488 10.512 6.844C10.457 7.172 10.396 7.47 10.329 7.738C10.207 7.784 10.086 7.782 9.964 7.732C9.836 7.679 9.746 7.589 9.693 7.461C9.545 7.105 9.349 6.777 9.105 6.477C8.851 6.164 8.555 5.895 8.219 5.671C8.148 5.623 8.075 5.577 8.001 5.535C7.699 5.708 7.423 5.921 7.172 6.172C6.781 6.562 6.484 7.014 6.281 7.528C6.094 8.001 6 8.491 6 9C6 9.162 6.009 9.322 6.028 9.481C6.304 9.637 6.596 9.759 6.903 9.847C7.039 9.885 7.139 9.964 7.206 10.083C7.267 10.194 7.283 10.312 7.254 10.437C7.12 10.464 6.981 10.489 6.836 10.514C6.664 10.542 6.502 10.615 6.367 10.726C6.355 10.722 6.343 10.717 6.33 10.713ZM8.002 4.416C8.054 4.394 8.107 4.372 8.16 4.351C8.751 4.117 9.364 4 10 4C10.551 4 11.086 4.088 11.604 4.264C11.409 3.858 11.151 3.494 10.828 3.172C10.438 2.781 9.986 2.484 9.472 2.281C8.999 2.094 8.509 2 8 2C7.491 2 7.001 2.094 6.528 2.281C6.014 2.484 5.562 2.781 5.172 3.172C4.85 3.493 4.592 3.857 4.397 4.262C4.914 4.086 5.449 3.998 6 3.998C6.483 3.998 6.955 4.067 7.418 4.204C7.618 4.263 7.813 4.334 8.002 4.416ZM5.011 8.659C5.046 8.144 5.159 7.644 5.351 7.16C5.605 6.518 5.976 5.953 6.464 5.464C6.596 5.333 6.733 5.21 6.876 5.095C6.589 5.031 6.297 4.998 6 4.998C5.491 4.998 5 5.092 4.527 5.279C4.354 5.348 4.188 5.427 4.029 5.517C4.01 5.676 4 5.837 4 6C4 6.423 4.065 6.835 4.196 7.238C4.335 7.662 4.538 8.053 4.807 8.41C4.872 8.496 4.94 8.579 5.011 8.659ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "color-filter-sparkle" (line-round), MIT. https://gentleface.com/icons/color-filter-sparkle -->
<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true">
    <path d="M6.33 10.713C6.33 10.729 6.329 10.745 6.327 10.761C6.214 10.864 6.126 10.991 6.07 11.133C6.053 11.142 6.037 11.15 6.019 11.157C5.891 11.209 5.764 11.208 5.636 11.154C5.509 11.101 5.42 11.01 5.368 10.882C5.262 10.621 5.179 10.356 5.119 10.086C4.693 9.787 4.323 9.429 4.009 9.012C3.673 8.566 3.418 8.078 3.245 7.547C3.117 7.153 3.039 6.75 3.011 6.34C2.699 6.69 2.455 7.086 2.28 7.527C2.093 8 2 8.491 2 9C2 9.509 2.093 10 2.28 10.473C2.484 10.987 2.781 11.439 3.171 11.829C3.562 12.22 4.014 12.517 4.527 12.721C5 12.908 5.491 13.002 6 13.002C6.411 13.002 6.81 12.941 7.195 12.82C7.202 12.744 7.225 12.673 7.264 12.607C7.272 12.594 7.28 12.582 7.288 12.57C7.781 12.669 8.193 12.786 8.525 12.92C8.893 13.068 9.194 13.251 9.427 13.468C9.425 13.475 9.424 13.483 9.422 13.491C9.388 13.628 9.314 13.731 9.197 13.802C9.081 13.873 8.955 13.892 8.818 13.858C8.536 13.79 8.264 13.698 8.001 13.584C7.365 13.862 6.697 14.002 6 14.002C5.364 14.002 4.75 13.884 4.159 13.65C3.517 13.396 2.952 13.025 2.464 12.536C1.976 12.048 1.605 11.483 1.351 10.841C1.117 10.249 1 9.636 1 9C1 8.364 1.117 7.751 1.351 7.159C1.605 6.517 1.976 5.952 2.464 5.464C2.669 5.258 2.887 5.074 3.119 4.91C3.176 4.656 3.254 4.406 3.351 4.16C3.605 3.518 3.976 2.953 4.464 2.464C4.953 1.976 5.518 1.605 6.16 1.351C6.751 1.117 7.364 1 8 1C8.636 1 9.249 1.117 9.84 1.351C10.482 1.605 11.047 1.976 11.536 2.464C12.024 2.953 12.395 3.518 12.649 4.16C12.747 4.407 12.824 4.657 12.881 4.912C13.113 5.076 13.331 5.26 13.536 5.464C14.024 5.953 14.395 6.518 14.649 7.16C14.883 7.751 15 8.364 15 9C15 9.206 14.987 9.412 14.962 9.617C14.944 9.756 14.882 9.868 14.775 9.952C14.668 10.035 14.545 10.068 14.405 10.051C14.3 10.007 14.201 9.959 14.108 9.909C14.094 9.895 14.081 9.88 14.069 9.864C13.985 9.757 13.952 9.633 13.969 9.493C13.99 9.329 14 9.165 14 9C14 8.491 13.906 8.001 13.719 7.528C13.543 7.082 13.296 6.683 12.979 6.331C12.949 6.446 12.887 6.539 12.793 6.608C12.699 6.677 12.592 6.709 12.473 6.704C12.467 6.703 12.461 6.703 12.455 6.703C12.38 6.462 12.217 6.258 11.998 6.133C11.999 6.088 12 6.044 12 6C12 5.838 11.99 5.677 11.971 5.519C11.812 5.429 11.646 5.349 11.472 5.281C10.999 5.094 10.509 5 10 5C9.703 5 9.411 5.032 9.126 5.096C9.404 5.318 9.655 5.568 9.882 5.847C10.132 6.155 10.342 6.488 10.512 6.844C10.457 7.172 10.396 7.47 10.329 7.738C10.207 7.784 10.086 7.782 9.964 7.732C9.836 7.679 9.746 7.589 9.693 7.461C9.545 7.105 9.349 6.777 9.105 6.477C8.851 6.164 8.555 5.895 8.219 5.671C8.148 5.623 8.075 5.577 8.001 5.535C7.699 5.708 7.423 5.921 7.172 6.172C6.781 6.562 6.484 7.014 6.281 7.528C6.094 8.001 6 8.491 6 9C6 9.162 6.009 9.322 6.028 9.481C6.304 9.637 6.596 9.759 6.903 9.847C7.039 9.885 7.139 9.964 7.206 10.083C7.267 10.194 7.283 10.312 7.254 10.437C7.12 10.464 6.981 10.489 6.836 10.514C6.664 10.542 6.502 10.615 6.367 10.726C6.355 10.722 6.343 10.717 6.33 10.713ZM8.002 4.416C8.054 4.394 8.107 4.372 8.16 4.351C8.751 4.117 9.364 4 10 4C10.551 4 11.086 4.088 11.604 4.264C11.409 3.858 11.151 3.494 10.828 3.172C10.438 2.781 9.986 2.484 9.472 2.281C8.999 2.094 8.509 2 8 2C7.491 2 7.001 2.094 6.528 2.281C6.014 2.484 5.562 2.781 5.172 3.172C4.85 3.493 4.592 3.857 4.397 4.262C4.914 4.086 5.449 3.998 6 3.998C6.483 3.998 6.955 4.067 7.418 4.204C7.618 4.263 7.813 4.334 8.002 4.416ZM5.011 8.659C5.046 8.144 5.159 7.644 5.351 7.16C5.605 6.518 5.976 5.953 6.464 5.464C6.596 5.333 6.733 5.21 6.876 5.095C6.589 5.031 6.297 4.998 6 4.998C5.491 4.998 5 5.092 4.527 5.279C4.354 5.348 4.188 5.427 4.029 5.517C4.01 5.676 4 5.837 4 6C4 6.423 4.065 6.835 4.196 7.238C4.335 7.662 4.538 8.053 4.807 8.41C4.872 8.496 4.94 8.579 5.011 8.659ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "color-filter-sparkle" (line-round), MIT. https://gentleface.com/icons/color-filter-sparkle -->
<script>
  let props = $props();
</script>

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
  <path d="M6.33 10.713C6.33 10.729 6.329 10.745 6.327 10.761C6.214 10.864 6.126 10.991 6.07 11.133C6.053 11.142 6.037 11.15 6.019 11.157C5.891 11.209 5.764 11.208 5.636 11.154C5.509 11.101 5.42 11.01 5.368 10.882C5.262 10.621 5.179 10.356 5.119 10.086C4.693 9.787 4.323 9.429 4.009 9.012C3.673 8.566 3.418 8.078 3.245 7.547C3.117 7.153 3.039 6.75 3.011 6.34C2.699 6.69 2.455 7.086 2.28 7.527C2.093 8 2 8.491 2 9C2 9.509 2.093 10 2.28 10.473C2.484 10.987 2.781 11.439 3.171 11.829C3.562 12.22 4.014 12.517 4.527 12.721C5 12.908 5.491 13.002 6 13.002C6.411 13.002 6.81 12.941 7.195 12.82C7.202 12.744 7.225 12.673 7.264 12.607C7.272 12.594 7.28 12.582 7.288 12.57C7.781 12.669 8.193 12.786 8.525 12.92C8.893 13.068 9.194 13.251 9.427 13.468C9.425 13.475 9.424 13.483 9.422 13.491C9.388 13.628 9.314 13.731 9.197 13.802C9.081 13.873 8.955 13.892 8.818 13.858C8.536 13.79 8.264 13.698 8.001 13.584C7.365 13.862 6.697 14.002 6 14.002C5.364 14.002 4.75 13.884 4.159 13.65C3.517 13.396 2.952 13.025 2.464 12.536C1.976 12.048 1.605 11.483 1.351 10.841C1.117 10.249 1 9.636 1 9C1 8.364 1.117 7.751 1.351 7.159C1.605 6.517 1.976 5.952 2.464 5.464C2.669 5.258 2.887 5.074 3.119 4.91C3.176 4.656 3.254 4.406 3.351 4.16C3.605 3.518 3.976 2.953 4.464 2.464C4.953 1.976 5.518 1.605 6.16 1.351C6.751 1.117 7.364 1 8 1C8.636 1 9.249 1.117 9.84 1.351C10.482 1.605 11.047 1.976 11.536 2.464C12.024 2.953 12.395 3.518 12.649 4.16C12.747 4.407 12.824 4.657 12.881 4.912C13.113 5.076 13.331 5.26 13.536 5.464C14.024 5.953 14.395 6.518 14.649 7.16C14.883 7.751 15 8.364 15 9C15 9.206 14.987 9.412 14.962 9.617C14.944 9.756 14.882 9.868 14.775 9.952C14.668 10.035 14.545 10.068 14.405 10.051C14.3 10.007 14.201 9.959 14.108 9.909C14.094 9.895 14.081 9.88 14.069 9.864C13.985 9.757 13.952 9.633 13.969 9.493C13.99 9.329 14 9.165 14 9C14 8.491 13.906 8.001 13.719 7.528C13.543 7.082 13.296 6.683 12.979 6.331C12.949 6.446 12.887 6.539 12.793 6.608C12.699 6.677 12.592 6.709 12.473 6.704C12.467 6.703 12.461 6.703 12.455 6.703C12.38 6.462 12.217 6.258 11.998 6.133C11.999 6.088 12 6.044 12 6C12 5.838 11.99 5.677 11.971 5.519C11.812 5.429 11.646 5.349 11.472 5.281C10.999 5.094 10.509 5 10 5C9.703 5 9.411 5.032 9.126 5.096C9.404 5.318 9.655 5.568 9.882 5.847C10.132 6.155 10.342 6.488 10.512 6.844C10.457 7.172 10.396 7.47 10.329 7.738C10.207 7.784 10.086 7.782 9.964 7.732C9.836 7.679 9.746 7.589 9.693 7.461C9.545 7.105 9.349 6.777 9.105 6.477C8.851 6.164 8.555 5.895 8.219 5.671C8.148 5.623 8.075 5.577 8.001 5.535C7.699 5.708 7.423 5.921 7.172 6.172C6.781 6.562 6.484 7.014 6.281 7.528C6.094 8.001 6 8.491 6 9C6 9.162 6.009 9.322 6.028 9.481C6.304 9.637 6.596 9.759 6.903 9.847C7.039 9.885 7.139 9.964 7.206 10.083C7.267 10.194 7.283 10.312 7.254 10.437C7.12 10.464 6.981 10.489 6.836 10.514C6.664 10.542 6.502 10.615 6.367 10.726C6.355 10.722 6.343 10.717 6.33 10.713ZM8.002 4.416C8.054 4.394 8.107 4.372 8.16 4.351C8.751 4.117 9.364 4 10 4C10.551 4 11.086 4.088 11.604 4.264C11.409 3.858 11.151 3.494 10.828 3.172C10.438 2.781 9.986 2.484 9.472 2.281C8.999 2.094 8.509 2 8 2C7.491 2 7.001 2.094 6.528 2.281C6.014 2.484 5.562 2.781 5.172 3.172C4.85 3.493 4.592 3.857 4.397 4.262C4.914 4.086 5.449 3.998 6 3.998C6.483 3.998 6.955 4.067 7.418 4.204C7.618 4.263 7.813 4.334 8.002 4.416ZM5.011 8.659C5.046 8.144 5.159 7.644 5.351 7.16C5.605 6.518 5.976 5.953 6.464 5.464C6.596 5.333 6.733 5.21 6.876 5.095C6.589 5.031 6.297 4.998 6 4.998C5.491 4.998 5 5.092 4.527 5.279C4.354 5.348 4.188 5.427 4.029 5.517C4.01 5.676 4 5.837 4 6C4 6.423 4.065 6.835 4.196 7.238C4.335 7.662 4.538 8.053 4.807 8.41C4.872 8.496 4.94 8.579 5.011 8.659ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "color-filter-sparkle" (line-round), MIT. https://gentleface.com/icons/color-filter-sparkle. An <img> can't take currentColor: it draws black. Inline the SVG or use the CSS mask to color it. -->
<img src="https://gentleface.com/svg/line-round/16/color-filter-sparkle.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "color-filter-sparkle" (line-round), MIT. https://gentleface.com/icons/color-filter-sparkle. Takes the text color. */
.icon-color-filter-sparkle {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M6.33 10.713C6.33 10.729 6.329 10.745 6.327 10.761C6.214 10.864 6.126 10.991 6.07 11.133C6.053 11.142 6.037 11.15 6.019 11.157C5.891 11.209 5.764 11.208 5.636 11.154C5.509 11.101 5.42 11.01 5.368 10.882C5.262 10.621 5.179 10.356 5.119 10.086C4.693 9.787 4.323 9.429 4.009 9.012C3.673 8.566 3.418 8.078 3.245 7.547C3.117 7.153 3.039 6.75 3.011 6.34C2.699 6.69 2.455 7.086 2.28 7.527C2.093 8 2 8.491 2 9C2 9.509 2.093 10 2.28 10.473C2.484 10.987 2.781 11.439 3.171 11.829C3.562 12.22 4.014 12.517 4.527 12.721C5 12.908 5.491 13.002 6 13.002C6.411 13.002 6.81 12.941 7.195 12.82C7.202 12.744 7.225 12.673 7.264 12.607C7.272 12.594 7.28 12.582 7.288 12.57C7.781 12.669 8.193 12.786 8.525 12.92C8.893 13.068 9.194 13.251 9.427 13.468C9.425 13.475 9.424 13.483 9.422 13.491C9.388 13.628 9.314 13.731 9.197 13.802C9.081 13.873 8.955 13.892 8.818 13.858C8.536 13.79 8.264 13.698 8.001 13.584C7.365 13.862 6.697 14.002 6 14.002C5.364 14.002 4.75 13.884 4.159 13.65C3.517 13.396 2.952 13.025 2.464 12.536C1.976 12.048 1.605 11.483 1.351 10.841C1.117 10.249 1 9.636 1 9C1 8.364 1.117 7.751 1.351 7.159C1.605 6.517 1.976 5.952 2.464 5.464C2.669 5.258 2.887 5.074 3.119 4.91C3.176 4.656 3.254 4.406 3.351 4.16C3.605 3.518 3.976 2.953 4.464 2.464C4.953 1.976 5.518 1.605 6.16 1.351C6.751 1.117 7.364 1 8 1C8.636 1 9.249 1.117 9.84 1.351C10.482 1.605 11.047 1.976 11.536 2.464C12.024 2.953 12.395 3.518 12.649 4.16C12.747 4.407 12.824 4.657 12.881 4.912C13.113 5.076 13.331 5.26 13.536 5.464C14.024 5.953 14.395 6.518 14.649 7.16C14.883 7.751 15 8.364 15 9C15 9.206 14.987 9.412 14.962 9.617C14.944 9.756 14.882 9.868 14.775 9.952C14.668 10.035 14.545 10.068 14.405 10.051C14.3 10.007 14.201 9.959 14.108 9.909C14.094 9.895 14.081 9.88 14.069 9.864C13.985 9.757 13.952 9.633 13.969 9.493C13.99 9.329 14 9.165 14 9C14 8.491 13.906 8.001 13.719 7.528C13.543 7.082 13.296 6.683 12.979 6.331C12.949 6.446 12.887 6.539 12.793 6.608C12.699 6.677 12.592 6.709 12.473 6.704C12.467 6.703 12.461 6.703 12.455 6.703C12.38 6.462 12.217 6.258 11.998 6.133C11.999 6.088 12 6.044 12 6C12 5.838 11.99 5.677 11.971 5.519C11.812 5.429 11.646 5.349 11.472 5.281C10.999 5.094 10.509 5 10 5C9.703 5 9.411 5.032 9.126 5.096C9.404 5.318 9.655 5.568 9.882 5.847C10.132 6.155 10.342 6.488 10.512 6.844C10.457 7.172 10.396 7.47 10.329 7.738C10.207 7.784 10.086 7.782 9.964 7.732C9.836 7.679 9.746 7.589 9.693 7.461C9.545 7.105 9.349 6.777 9.105 6.477C8.851 6.164 8.555 5.895 8.219 5.671C8.148 5.623 8.075 5.577 8.001 5.535C7.699 5.708 7.423 5.921 7.172 6.172C6.781 6.562 6.484 7.014 6.281 7.528C6.094 8.001 6 8.491 6 9C6 9.162 6.009 9.322 6.028 9.481C6.304 9.637 6.596 9.759 6.903 9.847C7.039 9.885 7.139 9.964 7.206 10.083C7.267 10.194 7.283 10.312 7.254 10.437C7.12 10.464 6.981 10.489 6.836 10.514C6.664 10.542 6.502 10.615 6.367 10.726C6.355 10.722 6.343 10.717 6.33 10.713ZM8.002 4.416C8.054 4.394 8.107 4.372 8.16 4.351C8.751 4.117 9.364 4 10 4C10.551 4 11.086 4.088 11.604 4.264C11.409 3.858 11.151 3.494 10.828 3.172C10.438 2.781 9.986 2.484 9.472 2.281C8.999 2.094 8.509 2 8 2C7.491 2 7.001 2.094 6.528 2.281C6.014 2.484 5.562 2.781 5.172 3.172C4.85 3.493 4.592 3.857 4.397 4.262C4.914 4.086 5.449 3.998 6 3.998C6.483 3.998 6.955 4.067 7.418 4.204C7.618 4.263 7.813 4.334 8.002 4.416ZM5.011 8.659C5.046 8.144 5.159 7.644 5.351 7.16C5.605 6.518 5.976 5.953 6.464 5.464C6.596 5.333 6.733 5.21 6.876 5.095C6.589 5.031 6.297 4.998 6 4.998C5.491 4.998 5 5.092 4.527 5.279C4.354 5.348 4.188 5.427 4.029 5.517C4.01 5.676 4 5.837 4 6C4 6.423 4.065 6.835 4.196 7.238C4.335 7.662 4.538 8.053 4.807 8.41C4.872 8.496 4.94 8.579 5.011 8.659ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M6.33 10.713C6.33 10.729 6.329 10.745 6.327 10.761C6.214 10.864 6.126 10.991 6.07 11.133C6.053 11.142 6.037 11.15 6.019 11.157C5.891 11.209 5.764 11.208 5.636 11.154C5.509 11.101 5.42 11.01 5.368 10.882C5.262 10.621 5.179 10.356 5.119 10.086C4.693 9.787 4.323 9.429 4.009 9.012C3.673 8.566 3.418 8.078 3.245 7.547C3.117 7.153 3.039 6.75 3.011 6.34C2.699 6.69 2.455 7.086 2.28 7.527C2.093 8 2 8.491 2 9C2 9.509 2.093 10 2.28 10.473C2.484 10.987 2.781 11.439 3.171 11.829C3.562 12.22 4.014 12.517 4.527 12.721C5 12.908 5.491 13.002 6 13.002C6.411 13.002 6.81 12.941 7.195 12.82C7.202 12.744 7.225 12.673 7.264 12.607C7.272 12.594 7.28 12.582 7.288 12.57C7.781 12.669 8.193 12.786 8.525 12.92C8.893 13.068 9.194 13.251 9.427 13.468C9.425 13.475 9.424 13.483 9.422 13.491C9.388 13.628 9.314 13.731 9.197 13.802C9.081 13.873 8.955 13.892 8.818 13.858C8.536 13.79 8.264 13.698 8.001 13.584C7.365 13.862 6.697 14.002 6 14.002C5.364 14.002 4.75 13.884 4.159 13.65C3.517 13.396 2.952 13.025 2.464 12.536C1.976 12.048 1.605 11.483 1.351 10.841C1.117 10.249 1 9.636 1 9C1 8.364 1.117 7.751 1.351 7.159C1.605 6.517 1.976 5.952 2.464 5.464C2.669 5.258 2.887 5.074 3.119 4.91C3.176 4.656 3.254 4.406 3.351 4.16C3.605 3.518 3.976 2.953 4.464 2.464C4.953 1.976 5.518 1.605 6.16 1.351C6.751 1.117 7.364 1 8 1C8.636 1 9.249 1.117 9.84 1.351C10.482 1.605 11.047 1.976 11.536 2.464C12.024 2.953 12.395 3.518 12.649 4.16C12.747 4.407 12.824 4.657 12.881 4.912C13.113 5.076 13.331 5.26 13.536 5.464C14.024 5.953 14.395 6.518 14.649 7.16C14.883 7.751 15 8.364 15 9C15 9.206 14.987 9.412 14.962 9.617C14.944 9.756 14.882 9.868 14.775 9.952C14.668 10.035 14.545 10.068 14.405 10.051C14.3 10.007 14.201 9.959 14.108 9.909C14.094 9.895 14.081 9.88 14.069 9.864C13.985 9.757 13.952 9.633 13.969 9.493C13.99 9.329 14 9.165 14 9C14 8.491 13.906 8.001 13.719 7.528C13.543 7.082 13.296 6.683 12.979 6.331C12.949 6.446 12.887 6.539 12.793 6.608C12.699 6.677 12.592 6.709 12.473 6.704C12.467 6.703 12.461 6.703 12.455 6.703C12.38 6.462 12.217 6.258 11.998 6.133C11.999 6.088 12 6.044 12 6C12 5.838 11.99 5.677 11.971 5.519C11.812 5.429 11.646 5.349 11.472 5.281C10.999 5.094 10.509 5 10 5C9.703 5 9.411 5.032 9.126 5.096C9.404 5.318 9.655 5.568 9.882 5.847C10.132 6.155 10.342 6.488 10.512 6.844C10.457 7.172 10.396 7.47 10.329 7.738C10.207 7.784 10.086 7.782 9.964 7.732C9.836 7.679 9.746 7.589 9.693 7.461C9.545 7.105 9.349 6.777 9.105 6.477C8.851 6.164 8.555 5.895 8.219 5.671C8.148 5.623 8.075 5.577 8.001 5.535C7.699 5.708 7.423 5.921 7.172 6.172C6.781 6.562 6.484 7.014 6.281 7.528C6.094 8.001 6 8.491 6 9C6 9.162 6.009 9.322 6.028 9.481C6.304 9.637 6.596 9.759 6.903 9.847C7.039 9.885 7.139 9.964 7.206 10.083C7.267 10.194 7.283 10.312 7.254 10.437C7.12 10.464 6.981 10.489 6.836 10.514C6.664 10.542 6.502 10.615 6.367 10.726C6.355 10.722 6.343 10.717 6.33 10.713ZM8.002 4.416C8.054 4.394 8.107 4.372 8.16 4.351C8.751 4.117 9.364 4 10 4C10.551 4 11.086 4.088 11.604 4.264C11.409 3.858 11.151 3.494 10.828 3.172C10.438 2.781 9.986 2.484 9.472 2.281C8.999 2.094 8.509 2 8 2C7.491 2 7.001 2.094 6.528 2.281C6.014 2.484 5.562 2.781 5.172 3.172C4.85 3.493 4.592 3.857 4.397 4.262C4.914 4.086 5.449 3.998 6 3.998C6.483 3.998 6.955 4.067 7.418 4.204C7.618 4.263 7.813 4.334 8.002 4.416ZM5.011 8.659C5.046 8.144 5.159 7.644 5.351 7.16C5.605 6.518 5.976 5.953 6.464 5.464C6.596 5.333 6.733 5.21 6.876 5.095C6.589 5.031 6.297 4.998 6 4.998C5.491 4.998 5 5.092 4.527 5.279C4.354 5.348 4.188 5.427 4.029 5.517C4.01 5.676 4 5.837 4 6C4 6.423 4.065 6.835 4.196 7.238C4.335 7.662 4.538 8.053 4.807 8.41C4.872 8.496 4.94 8.579 5.011 8.659ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat;
}
```

### Data URL

```text
data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='currentColor'%3E%3Cpath d='M6.33 10.713C6.33 10.729 6.329 10.745 6.327 10.761C6.214 10.864 6.126 10.991 6.07 11.133C6.053 11.142 6.037 11.15 6.019 11.157C5.891 11.209 5.764 11.208 5.636 11.154C5.509 11.101 5.42 11.01 5.368 10.882C5.262 10.621 5.179 10.356 5.119 10.086C4.693 9.787 4.323 9.429 4.009 9.012C3.673 8.566 3.418 8.078 3.245 7.547C3.117 7.153 3.039 6.75 3.011 6.34C2.699 6.69 2.455 7.086 2.28 7.527C2.093 8 2 8.491 2 9C2 9.509 2.093 10 2.28 10.473C2.484 10.987 2.781 11.439 3.171 11.829C3.562 12.22 4.014 12.517 4.527 12.721C5 12.908 5.491 13.002 6 13.002C6.411 13.002 6.81 12.941 7.195 12.82C7.202 12.744 7.225 12.673 7.264 12.607C7.272 12.594 7.28 12.582 7.288 12.57C7.781 12.669 8.193 12.786 8.525 12.92C8.893 13.068 9.194 13.251 9.427 13.468C9.425 13.475 9.424 13.483 9.422 13.491C9.388 13.628 9.314 13.731 9.197 13.802C9.081 13.873 8.955 13.892 8.818 13.858C8.536 13.79 8.264 13.698 8.001 13.584C7.365 13.862 6.697 14.002 6 14.002C5.364 14.002 4.75 13.884 4.159 13.65C3.517 13.396 2.952 13.025 2.464 12.536C1.976 12.048 1.605 11.483 1.351 10.841C1.117 10.249 1 9.636 1 9C1 8.364 1.117 7.751 1.351 7.159C1.605 6.517 1.976 5.952 2.464 5.464C2.669 5.258 2.887 5.074 3.119 4.91C3.176 4.656 3.254 4.406 3.351 4.16C3.605 3.518 3.976 2.953 4.464 2.464C4.953 1.976 5.518 1.605 6.16 1.351C6.751 1.117 7.364 1 8 1C8.636 1 9.249 1.117 9.84 1.351C10.482 1.605 11.047 1.976 11.536 2.464C12.024 2.953 12.395 3.518 12.649 4.16C12.747 4.407 12.824 4.657 12.881 4.912C13.113 5.076 13.331 5.26 13.536 5.464C14.024 5.953 14.395 6.518 14.649 7.16C14.883 7.751 15 8.364 15 9C15 9.206 14.987 9.412 14.962 9.617C14.944 9.756 14.882 9.868 14.775 9.952C14.668 10.035 14.545 10.068 14.405 10.051C14.3 10.007 14.201 9.959 14.108 9.909C14.094 9.895 14.081 9.88 14.069 9.864C13.985 9.757 13.952 9.633 13.969 9.493C13.99 9.329 14 9.165 14 9C14 8.491 13.906 8.001 13.719 7.528C13.543 7.082 13.296 6.683 12.979 6.331C12.949 6.446 12.887 6.539 12.793 6.608C12.699 6.677 12.592 6.709 12.473 6.704C12.467 6.703 12.461 6.703 12.455 6.703C12.38 6.462 12.217 6.258 11.998 6.133C11.999 6.088 12 6.044 12 6C12 5.838 11.99 5.677 11.971 5.519C11.812 5.429 11.646 5.349 11.472 5.281C10.999 5.094 10.509 5 10 5C9.703 5 9.411 5.032 9.126 5.096C9.404 5.318 9.655 5.568 9.882 5.847C10.132 6.155 10.342 6.488 10.512 6.844C10.457 7.172 10.396 7.47 10.329 7.738C10.207 7.784 10.086 7.782 9.964 7.732C9.836 7.679 9.746 7.589 9.693 7.461C9.545 7.105 9.349 6.777 9.105 6.477C8.851 6.164 8.555 5.895 8.219 5.671C8.148 5.623 8.075 5.577 8.001 5.535C7.699 5.708 7.423 5.921 7.172 6.172C6.781 6.562 6.484 7.014 6.281 7.528C6.094 8.001 6 8.491 6 9C6 9.162 6.009 9.322 6.028 9.481C6.304 9.637 6.596 9.759 6.903 9.847C7.039 9.885 7.139 9.964 7.206 10.083C7.267 10.194 7.283 10.312 7.254 10.437C7.12 10.464 6.981 10.489 6.836 10.514C6.664 10.542 6.502 10.615 6.367 10.726C6.355 10.722 6.343 10.717 6.33 10.713ZM8.002 4.416C8.054 4.394 8.107 4.372 8.16 4.351C8.751 4.117 9.364 4 10 4C10.551 4 11.086 4.088 11.604 4.264C11.409 3.858 11.151 3.494 10.828 3.172C10.438 2.781 9.986 2.484 9.472 2.281C8.999 2.094 8.509 2 8 2C7.491 2 7.001 2.094 6.528 2.281C6.014 2.484 5.562 2.781 5.172 3.172C4.85 3.493 4.592 3.857 4.397 4.262C4.914 4.086 5.449 3.998 6 3.998C6.483 3.998 6.955 4.067 7.418 4.204C7.618 4.263 7.813 4.334 8.002 4.416ZM5.011 8.659C5.046 8.144 5.159 7.644 5.351 7.16C5.605 6.518 5.976 5.953 6.464 5.464C6.596 5.333 6.733 5.21 6.876 5.095C6.589 5.031 6.297 4.998 6 4.998C5.491 4.998 5 5.092 4.527 5.279C4.354 5.348 4.188 5.427 4.029 5.517C4.01 5.676 4 5.837 4 6C4 6.423 4.065 6.835 4.196 7.238C4.335 7.662 4.538 8.053 4.807 8.41C4.872 8.496 4.94 8.579 5.011 8.659ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "color-filter-sparkle" (line-round), MIT. https://gentleface.com/icons/color-filter-sparkle
     Every icon of this style in one file: https://gentleface.com/sprite/line-round.svg
     Serve it from your own origin: <use> does not load from another origin. -->
<svg width="16" height="16" aria-hidden="true"><use href="/sprite/line-round.svg#color-filter-sparkle"/></svg>
```

### SwiftUI

```swift
// Gentleface "color-filter-sparkle" (line-round), MIT. https://gentleface.com/icons/color-filter-sparkle
import SwiftUI

struct ColorFilterSparkleIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 6.33, y: 10.713))
        p.addCurve(to: CGPoint(x: 6.327, y: 10.761), control1: CGPoint(x: 6.33, y: 10.729), control2: CGPoint(x: 6.329, y: 10.745))
        p.addCurve(to: CGPoint(x: 6.07, y: 11.133), control1: CGPoint(x: 6.214, y: 10.864), control2: CGPoint(x: 6.126, y: 10.991))
        p.addCurve(to: CGPoint(x: 6.019, y: 11.157), control1: CGPoint(x: 6.053, y: 11.142), control2: CGPoint(x: 6.037, y: 11.15))
        p.addCurve(to: CGPoint(x: 5.636, y: 11.154), control1: CGPoint(x: 5.891, y: 11.209), control2: CGPoint(x: 5.764, y: 11.208))
        p.addCurve(to: CGPoint(x: 5.368, y: 10.882), control1: CGPoint(x: 5.509, y: 11.101), control2: CGPoint(x: 5.42, y: 11.01))
        p.addCurve(to: CGPoint(x: 5.119, y: 10.086), control1: CGPoint(x: 5.262, y: 10.621), control2: CGPoint(x: 5.179, y: 10.356))
        p.addCurve(to: CGPoint(x: 4.009, y: 9.012), control1: CGPoint(x: 4.693, y: 9.787), control2: CGPoint(x: 4.323, y: 9.429))
        p.addCurve(to: CGPoint(x: 3.245, y: 7.547), control1: CGPoint(x: 3.673, y: 8.566), control2: CGPoint(x: 3.418, y: 8.078))
        p.addCurve(to: CGPoint(x: 3.011, y: 6.34), control1: CGPoint(x: 3.117, y: 7.153), control2: CGPoint(x: 3.039, y: 6.75))
        p.addCurve(to: CGPoint(x: 2.28, y: 7.527), control1: CGPoint(x: 2.699, y: 6.69), control2: CGPoint(x: 2.455, y: 7.086))
        p.addCurve(to: CGPoint(x: 2, y: 9), control1: CGPoint(x: 2.093, y: 8), control2: CGPoint(x: 2, y: 8.491))
        p.addCurve(to: CGPoint(x: 2.28, y: 10.473), control1: CGPoint(x: 2, y: 9.509), control2: CGPoint(x: 2.093, y: 10))
        p.addCurve(to: CGPoint(x: 3.171, y: 11.829), control1: CGPoint(x: 2.484, y: 10.987), control2: CGPoint(x: 2.781, y: 11.439))
        p.addCurve(to: CGPoint(x: 4.527, y: 12.721), control1: CGPoint(x: 3.562, y: 12.22), control2: CGPoint(x: 4.014, y: 12.517))
        p.addCurve(to: CGPoint(x: 6, y: 13.002), control1: CGPoint(x: 5, y: 12.908), control2: CGPoint(x: 5.491, y: 13.002))
        p.addCurve(to: CGPoint(x: 7.195, y: 12.82), control1: CGPoint(x: 6.411, y: 13.002), control2: CGPoint(x: 6.81, y: 12.941))
        p.addCurve(to: CGPoint(x: 7.264, y: 12.607), control1: CGPoint(x: 7.202, y: 12.744), control2: CGPoint(x: 7.225, y: 12.673))
        p.addCurve(to: CGPoint(x: 7.288, y: 12.57), control1: CGPoint(x: 7.272, y: 12.594), control2: CGPoint(x: 7.28, y: 12.582))
        p.addCurve(to: CGPoint(x: 8.525, y: 12.92), control1: CGPoint(x: 7.781, y: 12.669), control2: CGPoint(x: 8.193, y: 12.786))
        p.addCurve(to: CGPoint(x: 9.427, y: 13.468), control1: CGPoint(x: 8.893, y: 13.068), control2: CGPoint(x: 9.194, y: 13.251))
        p.addCurve(to: CGPoint(x: 9.422, y: 13.491), control1: CGPoint(x: 9.425, y: 13.475), control2: CGPoint(x: 9.424, y: 13.483))
        p.addCurve(to: CGPoint(x: 9.197, y: 13.802), control1: CGPoint(x: 9.388, y: 13.628), control2: CGPoint(x: 9.314, y: 13.731))
        p.addCurve(to: CGPoint(x: 8.818, y: 13.858), control1: CGPoint(x: 9.081, y: 13.873), control2: CGPoint(x: 8.955, y: 13.892))
        p.addCurve(to: CGPoint(x: 8.001, y: 13.584), control1: CGPoint(x: 8.536, y: 13.79), control2: CGPoint(x: 8.264, y: 13.698))
        p.addCurve(to: CGPoint(x: 6, y: 14.002), control1: CGPoint(x: 7.365, y: 13.862), control2: CGPoint(x: 6.697, y: 14.002))
        p.addCurve(to: CGPoint(x: 4.159, y: 13.65), control1: CGPoint(x: 5.364, y: 14.002), control2: CGPoint(x: 4.75, y: 13.884))
        p.addCurve(to: CGPoint(x: 2.464, y: 12.536), control1: CGPoint(x: 3.517, y: 13.396), control2: CGPoint(x: 2.952, y: 13.025))
        p.addCurve(to: CGPoint(x: 1.351, y: 10.841), control1: CGPoint(x: 1.976, y: 12.048), control2: CGPoint(x: 1.605, y: 11.483))
        p.addCurve(to: CGPoint(x: 1, y: 9), control1: CGPoint(x: 1.117, y: 10.249), control2: CGPoint(x: 1, y: 9.636))
        p.addCurve(to: CGPoint(x: 1.351, y: 7.159), control1: CGPoint(x: 1, y: 8.364), control2: CGPoint(x: 1.117, y: 7.751))
        p.addCurve(to: CGPoint(x: 2.464, y: 5.464), control1: CGPoint(x: 1.605, y: 6.517), control2: CGPoint(x: 1.976, y: 5.952))
        p.addCurve(to: CGPoint(x: 3.119, y: 4.91), control1: CGPoint(x: 2.669, y: 5.258), control2: CGPoint(x: 2.887, y: 5.074))
        p.addCurve(to: CGPoint(x: 3.351, y: 4.16), control1: CGPoint(x: 3.176, y: 4.656), control2: CGPoint(x: 3.254, y: 4.406))
        p.addCurve(to: CGPoint(x: 4.464, y: 2.464), control1: CGPoint(x: 3.605, y: 3.518), control2: CGPoint(x: 3.976, y: 2.953))
        p.addCurve(to: CGPoint(x: 6.16, y: 1.351), control1: CGPoint(x: 4.953, y: 1.976), control2: CGPoint(x: 5.518, y: 1.605))
        p.addCurve(to: CGPoint(x: 8, y: 1), control1: CGPoint(x: 6.751, y: 1.117), control2: CGPoint(x: 7.364, y: 1))
        p.addCurve(to: CGPoint(x: 9.84, y: 1.351), control1: CGPoint(x: 8.636, y: 1), control2: CGPoint(x: 9.249, y: 1.117))
        p.addCurve(to: CGPoint(x: 11.536, y: 2.464), control1: CGPoint(x: 10.482, y: 1.605), control2: CGPoint(x: 11.047, y: 1.976))
        p.addCurve(to: CGPoint(x: 12.649, y: 4.16), control1: CGPoint(x: 12.024, y: 2.953), control2: CGPoint(x: 12.395, y: 3.518))
        p.addCurve(to: CGPoint(x: 12.881, y: 4.912), control1: CGPoint(x: 12.747, y: 4.407), control2: CGPoint(x: 12.824, y: 4.657))
        p.addCurve(to: CGPoint(x: 13.536, y: 5.464), control1: CGPoint(x: 13.113, y: 5.076), control2: CGPoint(x: 13.331, y: 5.26))
        p.addCurve(to: CGPoint(x: 14.649, y: 7.16), control1: CGPoint(x: 14.024, y: 5.953), control2: CGPoint(x: 14.395, y: 6.518))
        p.addCurve(to: CGPoint(x: 15, y: 9), control1: CGPoint(x: 14.883, y: 7.751), control2: CGPoint(x: 15, y: 8.364))
        p.addCurve(to: CGPoint(x: 14.962, y: 9.617), control1: CGPoint(x: 15, y: 9.206), control2: CGPoint(x: 14.987, y: 9.412))
        p.addCurve(to: CGPoint(x: 14.775, y: 9.952), control1: CGPoint(x: 14.944, y: 9.756), control2: CGPoint(x: 14.882, y: 9.868))
        p.addCurve(to: CGPoint(x: 14.405, y: 10.051), control1: CGPoint(x: 14.668, y: 10.035), control2: CGPoint(x: 14.545, y: 10.068))
        p.addCurve(to: CGPoint(x: 14.108, y: 9.909), control1: CGPoint(x: 14.3, y: 10.007), control2: CGPoint(x: 14.201, y: 9.959))
        p.addCurve(to: CGPoint(x: 14.069, y: 9.864), control1: CGPoint(x: 14.094, y: 9.895), control2: CGPoint(x: 14.081, y: 9.88))
        p.addCurve(to: CGPoint(x: 13.969, y: 9.493), control1: CGPoint(x: 13.985, y: 9.757), control2: CGPoint(x: 13.952, y: 9.633))
        p.addCurve(to: CGPoint(x: 14, y: 9), control1: CGPoint(x: 13.99, y: 9.329), control2: CGPoint(x: 14, y: 9.165))
        p.addCurve(to: CGPoint(x: 13.719, y: 7.528), control1: CGPoint(x: 14, y: 8.491), control2: CGPoint(x: 13.906, y: 8.001))
        p.addCurve(to: CGPoint(x: 12.979, y: 6.331), control1: CGPoint(x: 13.543, y: 7.082), control2: CGPoint(x: 13.296, y: 6.683))
        p.addCurve(to: CGPoint(x: 12.793, y: 6.608), control1: CGPoint(x: 12.949, y: 6.446), control2: CGPoint(x: 12.887, y: 6.539))
        p.addCurve(to: CGPoint(x: 12.473, y: 6.704), control1: CGPoint(x: 12.699, y: 6.677), control2: CGPoint(x: 12.592, y: 6.709))
        p.addCurve(to: CGPoint(x: 12.455, y: 6.703), control1: CGPoint(x: 12.467, y: 6.703), control2: CGPoint(x: 12.461, y: 6.703))
        p.addCurve(to: CGPoint(x: 11.998, y: 6.133), control1: CGPoint(x: 12.38, y: 6.462), control2: CGPoint(x: 12.217, y: 6.258))
        p.addCurve(to: CGPoint(x: 12, y: 6), control1: CGPoint(x: 11.999, y: 6.088), control2: CGPoint(x: 12, y: 6.044))
        p.addCurve(to: CGPoint(x: 11.971, y: 5.519), control1: CGPoint(x: 12, y: 5.838), control2: CGPoint(x: 11.99, y: 5.677))
        p.addCurve(to: CGPoint(x: 11.472, y: 5.281), control1: CGPoint(x: 11.812, y: 5.429), control2: CGPoint(x: 11.646, y: 5.349))
        p.addCurve(to: CGPoint(x: 10, y: 5), control1: CGPoint(x: 10.999, y: 5.094), control2: CGPoint(x: 10.509, y: 5))
        p.addCurve(to: CGPoint(x: 9.126, y: 5.096), control1: CGPoint(x: 9.703, y: 5), control2: CGPoint(x: 9.411, y: 5.032))
        p.addCurve(to: CGPoint(x: 9.882, y: 5.847), control1: CGPoint(x: 9.404, y: 5.318), control2: CGPoint(x: 9.655, y: 5.568))
        p.addCurve(to: CGPoint(x: 10.512, y: 6.844), control1: CGPoint(x: 10.132, y: 6.155), control2: CGPoint(x: 10.342, y: 6.488))
        p.addCurve(to: CGPoint(x: 10.329, y: 7.738), control1: CGPoint(x: 10.457, y: 7.172), control2: CGPoint(x: 10.396, y: 7.47))
        p.addCurve(to: CGPoint(x: 9.964, y: 7.732), control1: CGPoint(x: 10.207, y: 7.784), control2: CGPoint(x: 10.086, y: 7.782))
        p.addCurve(to: CGPoint(x: 9.693, y: 7.461), control1: CGPoint(x: 9.836, y: 7.679), control2: CGPoint(x: 9.746, y: 7.589))
        p.addCurve(to: CGPoint(x: 9.105, y: 6.477), control1: CGPoint(x: 9.545, y: 7.105), control2: CGPoint(x: 9.349, y: 6.777))
        p.addCurve(to: CGPoint(x: 8.219, y: 5.671), control1: CGPoint(x: 8.851, y: 6.164), control2: CGPoint(x: 8.555, y: 5.895))
        p.addCurve(to: CGPoint(x: 8.001, y: 5.535), control1: CGPoint(x: 8.148, y: 5.623), control2: CGPoint(x: 8.075, y: 5.577))
        p.addCurve(to: CGPoint(x: 7.172, y: 6.172), control1: CGPoint(x: 7.699, y: 5.708), control2: CGPoint(x: 7.423, y: 5.921))
        p.addCurve(to: CGPoint(x: 6.281, y: 7.528), control1: CGPoint(x: 6.781, y: 6.562), control2: CGPoint(x: 6.484, y: 7.014))
        p.addCurve(to: CGPoint(x: 6, y: 9), control1: CGPoint(x: 6.094, y: 8.001), control2: CGPoint(x: 6, y: 8.491))
        p.addCurve(to: CGPoint(x: 6.028, y: 9.481), control1: CGPoint(x: 6, y: 9.162), control2: CGPoint(x: 6.009, y: 9.322))
        p.addCurve(to: CGPoint(x: 6.903, y: 9.847), control1: CGPoint(x: 6.304, y: 9.637), control2: CGPoint(x: 6.596, y: 9.759))
        p.addCurve(to: CGPoint(x: 7.206, y: 10.083), control1: CGPoint(x: 7.039, y: 9.885), control2: CGPoint(x: 7.139, y: 9.964))
        p.addCurve(to: CGPoint(x: 7.254, y: 10.437), control1: CGPoint(x: 7.267, y: 10.194), control2: CGPoint(x: 7.283, y: 10.312))
        p.addCurve(to: CGPoint(x: 6.836, y: 10.514), control1: CGPoint(x: 7.12, y: 10.464), control2: CGPoint(x: 6.981, y: 10.489))
        p.addCurve(to: CGPoint(x: 6.367, y: 10.726), control1: CGPoint(x: 6.664, y: 10.542), control2: CGPoint(x: 6.502, y: 10.615))
        p.addCurve(to: CGPoint(x: 6.33, y: 10.713), control1: CGPoint(x: 6.355, y: 10.722), control2: CGPoint(x: 6.343, y: 10.717))
        p.closeSubpath()
        p.move(to: CGPoint(x: 8.002, y: 4.416))
        p.addCurve(to: CGPoint(x: 8.16, y: 4.351), control1: CGPoint(x: 8.054, y: 4.394), control2: CGPoint(x: 8.107, y: 4.372))
        p.addCurve(to: CGPoint(x: 10, y: 4), control1: CGPoint(x: 8.751, y: 4.117), control2: CGPoint(x: 9.364, y: 4))
        p.addCurve(to: CGPoint(x: 11.604, y: 4.264), control1: CGPoint(x: 10.551, y: 4), control2: CGPoint(x: 11.086, y: 4.088))
        p.addCurve(to: CGPoint(x: 10.828, y: 3.172), control1: CGPoint(x: 11.409, y: 3.858), control2: CGPoint(x: 11.151, y: 3.494))
        p.addCurve(to: CGPoint(x: 9.472, y: 2.281), control1: CGPoint(x: 10.438, y: 2.781), control2: CGPoint(x: 9.986, y: 2.484))
        p.addCurve(to: CGPoint(x: 8, y: 2), control1: CGPoint(x: 8.999, y: 2.094), control2: CGPoint(x: 8.509, y: 2))
        p.addCurve(to: CGPoint(x: 6.528, y: 2.281), control1: CGPoint(x: 7.491, y: 2), control2: CGPoint(x: 7.001, y: 2.094))
        p.addCurve(to: CGPoint(x: 5.172, y: 3.172), control1: CGPoint(x: 6.014, y: 2.484), control2: CGPoint(x: 5.562, y: 2.781))
        p.addCurve(to: CGPoint(x: 4.397, y: 4.262), control1: CGPoint(x: 4.85, y: 3.493), control2: CGPoint(x: 4.592, y: 3.857))
        p.addCurve(to: CGPoint(x: 6, y: 3.998), control1: CGPoint(x: 4.914, y: 4.086), control2: CGPoint(x: 5.449, y: 3.998))
        p.addCurve(to: CGPoint(x: 7.418, y: 4.204), control1: CGPoint(x: 6.483, y: 3.998), control2: CGPoint(x: 6.955, y: 4.067))
        p.addCurve(to: CGPoint(x: 8.002, y: 4.416), control1: CGPoint(x: 7.618, y: 4.263), control2: CGPoint(x: 7.813, y: 4.334))
        p.closeSubpath()
        p.move(to: CGPoint(x: 5.011, y: 8.659))
        p.addCurve(to: CGPoint(x: 5.351, y: 7.16), control1: CGPoint(x: 5.046, y: 8.144), control2: CGPoint(x: 5.159, y: 7.644))
        p.addCurve(to: CGPoint(x: 6.464, y: 5.464), control1: CGPoint(x: 5.605, y: 6.518), control2: CGPoint(x: 5.976, y: 5.953))
        p.addCurve(to: CGPoint(x: 6.876, y: 5.095), control1: CGPoint(x: 6.596, y: 5.333), control2: CGPoint(x: 6.733, y: 5.21))
        p.addCurve(to: CGPoint(x: 6, y: 4.998), control1: CGPoint(x: 6.589, y: 5.031), control2: CGPoint(x: 6.297, y: 4.998))
        p.addCurve(to: CGPoint(x: 4.527, y: 5.279), control1: CGPoint(x: 5.491, y: 4.998), control2: CGPoint(x: 5, y: 5.092))
        p.addCurve(to: CGPoint(x: 4.029, y: 5.517), control1: CGPoint(x: 4.354, y: 5.348), control2: CGPoint(x: 4.188, y: 5.427))
        p.addCurve(to: CGPoint(x: 4, y: 6), control1: CGPoint(x: 4.01, y: 5.676), control2: CGPoint(x: 4, y: 5.837))
        p.addCurve(to: CGPoint(x: 4.196, y: 7.238), control1: CGPoint(x: 4, y: 6.423), control2: CGPoint(x: 4.065, y: 6.835))
        p.addCurve(to: CGPoint(x: 4.807, y: 8.41), control1: CGPoint(x: 4.335, y: 7.662), control2: CGPoint(x: 4.538, y: 8.053))
        p.addCurve(to: CGPoint(x: 5.011, y: 8.659), control1: CGPoint(x: 4.872, y: 8.496), control2: CGPoint(x: 4.94, y: 8.579))
        p.closeSubpath()
        p.move(to: CGPoint(x: 11.5, y: 16))
        p.addCurve(to: CGPoint(x: 7, y: 11.5), control1: CGPoint(x: 11, y: 13), control2: CGPoint(x: 10, y: 12))
        p.addCurve(to: CGPoint(x: 11.5, y: 7), control1: CGPoint(x: 10, y: 11), control2: CGPoint(x: 11, y: 10))
        p.addCurve(to: CGPoint(x: 16, y: 11.5), control1: CGPoint(x: 12, y: 10), control2: CGPoint(x: 13, y: 11))
        p.addCurve(to: CGPoint(x: 11.5, y: 16), control1: CGPoint(x: 13, y: 12), control2: CGPoint(x: 12, y: 13))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

// ColorFilterSparkleIcon().frame(width: 16, height: 16) fills with the foreground style. Keep it on whole points to stay crisp.
```

### Compose

```kotlin
// Gentleface "color-filter-sparkle" (line-round), MIT. https://gentleface.com/icons/color-filter-sparkle
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.SolidColor
import androidx.compose.ui.graphics.vector.ImageVector
import androidx.compose.ui.graphics.vector.addPathNodes
import androidx.compose.ui.unit.dp

val ColorFilterSparkleIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "color-filter-sparkle", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M6.33 10.713C6.33 10.729 6.329 10.745 6.327 10.761C6.214 10.864 6.126 10.991 6.07 11.133C6.053 11.142 6.037 11.15 6.019 11.157C5.891 11.209 5.764 11.208 5.636 11.154C5.509 11.101 5.42 11.01 5.368 10.882C5.262 10.621 5.179 10.356 5.119 10.086C4.693 9.787 4.323 9.429 4.009 9.012C3.673 8.566 3.418 8.078 3.245 7.547C3.117 7.153 3.039 6.75 3.011 6.34C2.699 6.69 2.455 7.086 2.28 7.527C2.093 8 2 8.491 2 9C2 9.509 2.093 10 2.28 10.473C2.484 10.987 2.781 11.439 3.171 11.829C3.562 12.22 4.014 12.517 4.527 12.721C5 12.908 5.491 13.002 6 13.002C6.411 13.002 6.81 12.941 7.195 12.82C7.202 12.744 7.225 12.673 7.264 12.607C7.272 12.594 7.28 12.582 7.288 12.57C7.781 12.669 8.193 12.786 8.525 12.92C8.893 13.068 9.194 13.251 9.427 13.468C9.425 13.475 9.424 13.483 9.422 13.491C9.388 13.628 9.314 13.731 9.197 13.802C9.081 13.873 8.955 13.892 8.818 13.858C8.536 13.79 8.264 13.698 8.001 13.584C7.365 13.862 6.697 14.002 6 14.002C5.364 14.002 4.75 13.884 4.159 13.65C3.517 13.396 2.952 13.025 2.464 12.536C1.976 12.048 1.605 11.483 1.351 10.841C1.117 10.249 1 9.636 1 9C1 8.364 1.117 7.751 1.351 7.159C1.605 6.517 1.976 5.952 2.464 5.464C2.669 5.258 2.887 5.074 3.119 4.91C3.176 4.656 3.254 4.406 3.351 4.16C3.605 3.518 3.976 2.953 4.464 2.464C4.953 1.976 5.518 1.605 6.16 1.351C6.751 1.117 7.364 1 8 1C8.636 1 9.249 1.117 9.84 1.351C10.482 1.605 11.047 1.976 11.536 2.464C12.024 2.953 12.395 3.518 12.649 4.16C12.747 4.407 12.824 4.657 12.881 4.912C13.113 5.076 13.331 5.26 13.536 5.464C14.024 5.953 14.395 6.518 14.649 7.16C14.883 7.751 15 8.364 15 9C15 9.206 14.987 9.412 14.962 9.617C14.944 9.756 14.882 9.868 14.775 9.952C14.668 10.035 14.545 10.068 14.405 10.051C14.3 10.007 14.201 9.959 14.108 9.909C14.094 9.895 14.081 9.88 14.069 9.864C13.985 9.757 13.952 9.633 13.969 9.493C13.99 9.329 14 9.165 14 9C14 8.491 13.906 8.001 13.719 7.528C13.543 7.082 13.296 6.683 12.979 6.331C12.949 6.446 12.887 6.539 12.793 6.608C12.699 6.677 12.592 6.709 12.473 6.704C12.467 6.703 12.461 6.703 12.455 6.703C12.38 6.462 12.217 6.258 11.998 6.133C11.999 6.088 12 6.044 12 6C12 5.838 11.99 5.677 11.971 5.519C11.812 5.429 11.646 5.349 11.472 5.281C10.999 5.094 10.509 5 10 5C9.703 5 9.411 5.032 9.126 5.096C9.404 5.318 9.655 5.568 9.882 5.847C10.132 6.155 10.342 6.488 10.512 6.844C10.457 7.172 10.396 7.47 10.329 7.738C10.207 7.784 10.086 7.782 9.964 7.732C9.836 7.679 9.746 7.589 9.693 7.461C9.545 7.105 9.349 6.777 9.105 6.477C8.851 6.164 8.555 5.895 8.219 5.671C8.148 5.623 8.075 5.577 8.001 5.535C7.699 5.708 7.423 5.921 7.172 6.172C6.781 6.562 6.484 7.014 6.281 7.528C6.094 8.001 6 8.491 6 9C6 9.162 6.009 9.322 6.028 9.481C6.304 9.637 6.596 9.759 6.903 9.847C7.039 9.885 7.139 9.964 7.206 10.083C7.267 10.194 7.283 10.312 7.254 10.437C7.12 10.464 6.981 10.489 6.836 10.514C6.664 10.542 6.502 10.615 6.367 10.726C6.355 10.722 6.343 10.717 6.33 10.713ZM8.002 4.416C8.054 4.394 8.107 4.372 8.16 4.351C8.751 4.117 9.364 4 10 4C10.551 4 11.086 4.088 11.604 4.264C11.409 3.858 11.151 3.494 10.828 3.172C10.438 2.781 9.986 2.484 9.472 2.281C8.999 2.094 8.509 2 8 2C7.491 2 7.001 2.094 6.528 2.281C6.014 2.484 5.562 2.781 5.172 3.172C4.85 3.493 4.592 3.857 4.397 4.262C4.914 4.086 5.449 3.998 6 3.998C6.483 3.998 6.955 4.067 7.418 4.204C7.618 4.263 7.813 4.334 8.002 4.416ZM5.011 8.659C5.046 8.144 5.159 7.644 5.351 7.16C5.605 6.518 5.976 5.953 6.464 5.464C6.596 5.333 6.733 5.21 6.876 5.095C6.589 5.031 6.297 4.998 6 4.998C5.491 4.998 5 5.092 4.527 5.279C4.354 5.348 4.188 5.427 4.029 5.517C4.01 5.676 4 5.837 4 6C4 6.423 4.065 6.835 4.196 7.238C4.335 7.662 4.538 8.053 4.807 8.41C4.872 8.496 4.94 8.579 5.011 8.659ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

// Icon(ColorFilterSparkleIcon, contentDescription = null) tints it with LocalContentColor.
```

### Android XML

```xml
<!-- res/drawable/ic_color_filter_sparkle.xml · Gentleface "color-filter-sparkle" (line-round), MIT. https://gentleface.com/icons/color-filter-sparkle -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="16dp"
    android:height="16dp"
    android:viewportWidth="16"
    android:viewportHeight="16"
    android:tint="?attr/colorControlNormal">
  <path
      android:fillColor="@android:color/white"
      android:pathData="M6.33 10.713C6.33 10.729 6.329 10.745 6.327 10.761C6.214 10.864 6.126 10.991 6.07 11.133C6.053 11.142 6.037 11.15 6.019 11.157C5.891 11.209 5.764 11.208 5.636 11.154C5.509 11.101 5.42 11.01 5.368 10.882C5.262 10.621 5.179 10.356 5.119 10.086C4.693 9.787 4.323 9.429 4.009 9.012C3.673 8.566 3.418 8.078 3.245 7.547C3.117 7.153 3.039 6.75 3.011 6.34C2.699 6.69 2.455 7.086 2.28 7.527C2.093 8 2 8.491 2 9C2 9.509 2.093 10 2.28 10.473C2.484 10.987 2.781 11.439 3.171 11.829C3.562 12.22 4.014 12.517 4.527 12.721C5 12.908 5.491 13.002 6 13.002C6.411 13.002 6.81 12.941 7.195 12.82C7.202 12.744 7.225 12.673 7.264 12.607C7.272 12.594 7.28 12.582 7.288 12.57C7.781 12.669 8.193 12.786 8.525 12.92C8.893 13.068 9.194 13.251 9.427 13.468C9.425 13.475 9.424 13.483 9.422 13.491C9.388 13.628 9.314 13.731 9.197 13.802C9.081 13.873 8.955 13.892 8.818 13.858C8.536 13.79 8.264 13.698 8.001 13.584C7.365 13.862 6.697 14.002 6 14.002C5.364 14.002 4.75 13.884 4.159 13.65C3.517 13.396 2.952 13.025 2.464 12.536C1.976 12.048 1.605 11.483 1.351 10.841C1.117 10.249 1 9.636 1 9C1 8.364 1.117 7.751 1.351 7.159C1.605 6.517 1.976 5.952 2.464 5.464C2.669 5.258 2.887 5.074 3.119 4.91C3.176 4.656 3.254 4.406 3.351 4.16C3.605 3.518 3.976 2.953 4.464 2.464C4.953 1.976 5.518 1.605 6.16 1.351C6.751 1.117 7.364 1 8 1C8.636 1 9.249 1.117 9.84 1.351C10.482 1.605 11.047 1.976 11.536 2.464C12.024 2.953 12.395 3.518 12.649 4.16C12.747 4.407 12.824 4.657 12.881 4.912C13.113 5.076 13.331 5.26 13.536 5.464C14.024 5.953 14.395 6.518 14.649 7.16C14.883 7.751 15 8.364 15 9C15 9.206 14.987 9.412 14.962 9.617C14.944 9.756 14.882 9.868 14.775 9.952C14.668 10.035 14.545 10.068 14.405 10.051C14.3 10.007 14.201 9.959 14.108 9.909C14.094 9.895 14.081 9.88 14.069 9.864C13.985 9.757 13.952 9.633 13.969 9.493C13.99 9.329 14 9.165 14 9C14 8.491 13.906 8.001 13.719 7.528C13.543 7.082 13.296 6.683 12.979 6.331C12.949 6.446 12.887 6.539 12.793 6.608C12.699 6.677 12.592 6.709 12.473 6.704C12.467 6.703 12.461 6.703 12.455 6.703C12.38 6.462 12.217 6.258 11.998 6.133C11.999 6.088 12 6.044 12 6C12 5.838 11.99 5.677 11.971 5.519C11.812 5.429 11.646 5.349 11.472 5.281C10.999 5.094 10.509 5 10 5C9.703 5 9.411 5.032 9.126 5.096C9.404 5.318 9.655 5.568 9.882 5.847C10.132 6.155 10.342 6.488 10.512 6.844C10.457 7.172 10.396 7.47 10.329 7.738C10.207 7.784 10.086 7.782 9.964 7.732C9.836 7.679 9.746 7.589 9.693 7.461C9.545 7.105 9.349 6.777 9.105 6.477C8.851 6.164 8.555 5.895 8.219 5.671C8.148 5.623 8.075 5.577 8.001 5.535C7.699 5.708 7.423 5.921 7.172 6.172C6.781 6.562 6.484 7.014 6.281 7.528C6.094 8.001 6 8.491 6 9C6 9.162 6.009 9.322 6.028 9.481C6.304 9.637 6.596 9.759 6.903 9.847C7.039 9.885 7.139 9.964 7.206 10.083C7.267 10.194 7.283 10.312 7.254 10.437C7.12 10.464 6.981 10.489 6.836 10.514C6.664 10.542 6.502 10.615 6.367 10.726C6.355 10.722 6.343 10.717 6.33 10.713ZM8.002 4.416C8.054 4.394 8.107 4.372 8.16 4.351C8.751 4.117 9.364 4 10 4C10.551 4 11.086 4.088 11.604 4.264C11.409 3.858 11.151 3.494 10.828 3.172C10.438 2.781 9.986 2.484 9.472 2.281C8.999 2.094 8.509 2 8 2C7.491 2 7.001 2.094 6.528 2.281C6.014 2.484 5.562 2.781 5.172 3.172C4.85 3.493 4.592 3.857 4.397 4.262C4.914 4.086 5.449 3.998 6 3.998C6.483 3.998 6.955 4.067 7.418 4.204C7.618 4.263 7.813 4.334 8.002 4.416ZM5.011 8.659C5.046 8.144 5.159 7.644 5.351 7.16C5.605 6.518 5.976 5.953 6.464 5.464C6.596 5.333 6.733 5.21 6.876 5.095C6.589 5.031 6.297 4.998 6 4.998C5.491 4.998 5 5.092 4.527 5.279C4.354 5.348 4.188 5.427 4.029 5.517C4.01 5.676 4 5.837 4 6C4 6.423 4.065 6.835 4.196 7.238C4.335 7.662 4.538 8.053 4.807 8.41C4.872 8.496 4.94 8.579 5.011 8.659ZM11.5 16C11 13 10 12 7 11.5C10 11 11 10 11.5 7C12 10 13 11 16 11.5C13 12 12 13 11.5 16Z"/>
</vector>
```

### Flutter

```dart
// Gentleface "color-filter-sparkle" (line-round), MIT. https://gentleface.com/icons/color-filter-sparkle
import 'package:flutter/widgets.dart';

class ColorFilterSparkleIcon extends StatelessWidget {
  const ColorFilterSparkleIcon({super.key, this.size = 16, this.color});
  final double size;
  final Color? color;

  @override
  Widget build(BuildContext context) => CustomPaint(
        size: Size.square(size),
        painter: _ColorFilterSparkleIconPainter(color ?? IconTheme.of(context).color ?? const Color(0xFF000000)),
      );
}

class _ColorFilterSparkleIconPainter extends CustomPainter {
  _ColorFilterSparkleIconPainter(this.color);
  final Color color;

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(6.33, 10.713)
      ..cubicTo(6.33, 10.729, 6.329, 10.745, 6.327, 10.761)
      ..cubicTo(6.214, 10.864, 6.126, 10.991, 6.07, 11.133)
      ..cubicTo(6.053, 11.142, 6.037, 11.15, 6.019, 11.157)
      ..cubicTo(5.891, 11.209, 5.764, 11.208, 5.636, 11.154)
      ..cubicTo(5.509, 11.101, 5.42, 11.01, 5.368, 10.882)
      ..cubicTo(5.262, 10.621, 5.179, 10.356, 5.119, 10.086)
      ..cubicTo(4.693, 9.787, 4.323, 9.429, 4.009, 9.012)
      ..cubicTo(3.673, 8.566, 3.418, 8.078, 3.245, 7.547)
      ..cubicTo(3.117, 7.153, 3.039, 6.75, 3.011, 6.34)
      ..cubicTo(2.699, 6.69, 2.455, 7.086, 2.28, 7.527)
      ..cubicTo(2.093, 8, 2, 8.491, 2, 9)
      ..cubicTo(2, 9.509, 2.093, 10, 2.28, 10.473)
      ..cubicTo(2.484, 10.987, 2.781, 11.439, 3.171, 11.829)
      ..cubicTo(3.562, 12.22, 4.014, 12.517, 4.527, 12.721)
      ..cubicTo(5, 12.908, 5.491, 13.002, 6, 13.002)
      ..cubicTo(6.411, 13.002, 6.81, 12.941, 7.195, 12.82)
      ..cubicTo(7.202, 12.744, 7.225, 12.673, 7.264, 12.607)
      ..cubicTo(7.272, 12.594, 7.28, 12.582, 7.288, 12.57)
      ..cubicTo(7.781, 12.669, 8.193, 12.786, 8.525, 12.92)
      ..cubicTo(8.893, 13.068, 9.194, 13.251, 9.427, 13.468)
      ..cubicTo(9.425, 13.475, 9.424, 13.483, 9.422, 13.491)
      ..cubicTo(9.388, 13.628, 9.314, 13.731, 9.197, 13.802)
      ..cubicTo(9.081, 13.873, 8.955, 13.892, 8.818, 13.858)
      ..cubicTo(8.536, 13.79, 8.264, 13.698, 8.001, 13.584)
      ..cubicTo(7.365, 13.862, 6.697, 14.002, 6, 14.002)
      ..cubicTo(5.364, 14.002, 4.75, 13.884, 4.159, 13.65)
      ..cubicTo(3.517, 13.396, 2.952, 13.025, 2.464, 12.536)
      ..cubicTo(1.976, 12.048, 1.605, 11.483, 1.351, 10.841)
      ..cubicTo(1.117, 10.249, 1, 9.636, 1, 9)
      ..cubicTo(1, 8.364, 1.117, 7.751, 1.351, 7.159)
      ..cubicTo(1.605, 6.517, 1.976, 5.952, 2.464, 5.464)
      ..cubicTo(2.669, 5.258, 2.887, 5.074, 3.119, 4.91)
      ..cubicTo(3.176, 4.656, 3.254, 4.406, 3.351, 4.16)
      ..cubicTo(3.605, 3.518, 3.976, 2.953, 4.464, 2.464)
      ..cubicTo(4.953, 1.976, 5.518, 1.605, 6.16, 1.351)
      ..cubicTo(6.751, 1.117, 7.364, 1, 8, 1)
      ..cubicTo(8.636, 1, 9.249, 1.117, 9.84, 1.351)
      ..cubicTo(10.482, 1.605, 11.047, 1.976, 11.536, 2.464)
      ..cubicTo(12.024, 2.953, 12.395, 3.518, 12.649, 4.16)
      ..cubicTo(12.747, 4.407, 12.824, 4.657, 12.881, 4.912)
      ..cubicTo(13.113, 5.076, 13.331, 5.26, 13.536, 5.464)
      ..cubicTo(14.024, 5.953, 14.395, 6.518, 14.649, 7.16)
      ..cubicTo(14.883, 7.751, 15, 8.364, 15, 9)
      ..cubicTo(15, 9.206, 14.987, 9.412, 14.962, 9.617)
      ..cubicTo(14.944, 9.756, 14.882, 9.868, 14.775, 9.952)
      ..cubicTo(14.668, 10.035, 14.545, 10.068, 14.405, 10.051)
      ..cubicTo(14.3, 10.007, 14.201, 9.959, 14.108, 9.909)
      ..cubicTo(14.094, 9.895, 14.081, 9.88, 14.069, 9.864)
      ..cubicTo(13.985, 9.757, 13.952, 9.633, 13.969, 9.493)
      ..cubicTo(13.99, 9.329, 14, 9.165, 14, 9)
      ..cubicTo(14, 8.491, 13.906, 8.001, 13.719, 7.528)
      ..cubicTo(13.543, 7.082, 13.296, 6.683, 12.979, 6.331)
      ..cubicTo(12.949, 6.446, 12.887, 6.539, 12.793, 6.608)
      ..cubicTo(12.699, 6.677, 12.592, 6.709, 12.473, 6.704)
      ..cubicTo(12.467, 6.703, 12.461, 6.703, 12.455, 6.703)
      ..cubicTo(12.38, 6.462, 12.217, 6.258, 11.998, 6.133)
      ..cubicTo(11.999, 6.088, 12, 6.044, 12, 6)
      ..cubicTo(12, 5.838, 11.99, 5.677, 11.971, 5.519)
      ..cubicTo(11.812, 5.429, 11.646, 5.349, 11.472, 5.281)
      ..cubicTo(10.999, 5.094, 10.509, 5, 10, 5)
      ..cubicTo(9.703, 5, 9.411, 5.032, 9.126, 5.096)
      ..cubicTo(9.404, 5.318, 9.655, 5.568, 9.882, 5.847)
      ..cubicTo(10.132, 6.155, 10.342, 6.488, 10.512, 6.844)
      ..cubicTo(10.457, 7.172, 10.396, 7.47, 10.329, 7.738)
      ..cubicTo(10.207, 7.784, 10.086, 7.782, 9.964, 7.732)
      ..cubicTo(9.836, 7.679, 9.746, 7.589, 9.693, 7.461)
      ..cubicTo(9.545, 7.105, 9.349, 6.777, 9.105, 6.477)
      ..cubicTo(8.851, 6.164, 8.555, 5.895, 8.219, 5.671)
      ..cubicTo(8.148, 5.623, 8.075, 5.577, 8.001, 5.535)
      ..cubicTo(7.699, 5.708, 7.423, 5.921, 7.172, 6.172)
      ..cubicTo(6.781, 6.562, 6.484, 7.014, 6.281, 7.528)
      ..cubicTo(6.094, 8.001, 6, 8.491, 6, 9)
      ..cubicTo(6, 9.162, 6.009, 9.322, 6.028, 9.481)
      ..cubicTo(6.304, 9.637, 6.596, 9.759, 6.903, 9.847)
      ..cubicTo(7.039, 9.885, 7.139, 9.964, 7.206, 10.083)
      ..cubicTo(7.267, 10.194, 7.283, 10.312, 7.254, 10.437)
      ..cubicTo(7.12, 10.464, 6.981, 10.489, 6.836, 10.514)
      ..cubicTo(6.664, 10.542, 6.502, 10.615, 6.367, 10.726)
      ..cubicTo(6.355, 10.722, 6.343, 10.717, 6.33, 10.713)
      ..close()
      ..moveTo(8.002, 4.416)
      ..cubicTo(8.054, 4.394, 8.107, 4.372, 8.16, 4.351)
      ..cubicTo(8.751, 4.117, 9.364, 4, 10, 4)
      ..cubicTo(10.551, 4, 11.086, 4.088, 11.604, 4.264)
      ..cubicTo(11.409, 3.858, 11.151, 3.494, 10.828, 3.172)
      ..cubicTo(10.438, 2.781, 9.986, 2.484, 9.472, 2.281)
      ..cubicTo(8.999, 2.094, 8.509, 2, 8, 2)
      ..cubicTo(7.491, 2, 7.001, 2.094, 6.528, 2.281)
      ..cubicTo(6.014, 2.484, 5.562, 2.781, 5.172, 3.172)
      ..cubicTo(4.85, 3.493, 4.592, 3.857, 4.397, 4.262)
      ..cubicTo(4.914, 4.086, 5.449, 3.998, 6, 3.998)
      ..cubicTo(6.483, 3.998, 6.955, 4.067, 7.418, 4.204)
      ..cubicTo(7.618, 4.263, 7.813, 4.334, 8.002, 4.416)
      ..close()
      ..moveTo(5.011, 8.659)
      ..cubicTo(5.046, 8.144, 5.159, 7.644, 5.351, 7.16)
      ..cubicTo(5.605, 6.518, 5.976, 5.953, 6.464, 5.464)
      ..cubicTo(6.596, 5.333, 6.733, 5.21, 6.876, 5.095)
      ..cubicTo(6.589, 5.031, 6.297, 4.998, 6, 4.998)
      ..cubicTo(5.491, 4.998, 5, 5.092, 4.527, 5.279)
      ..cubicTo(4.354, 5.348, 4.188, 5.427, 4.029, 5.517)
      ..cubicTo(4.01, 5.676, 4, 5.837, 4, 6)
      ..cubicTo(4, 6.423, 4.065, 6.835, 4.196, 7.238)
      ..cubicTo(4.335, 7.662, 4.538, 8.053, 4.807, 8.41)
      ..cubicTo(4.872, 8.496, 4.94, 8.579, 5.011, 8.659)
      ..close()
      ..moveTo(11.5, 16)
      ..cubicTo(11, 13, 10, 12, 7, 11.5)
      ..cubicTo(10, 11, 11, 10, 11.5, 7)
      ..cubicTo(12, 10, 13, 11, 16, 11.5)
      ..cubicTo(13, 12, 12, 13, 11.5, 16)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

  @override
  bool shouldRepaint(_ColorFilterSparkleIconPainter old) => old.color != color;
}
```