# sliders-sparkle icon

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

- Category: Actions
- Use it for: auto adjust, ai adjust
- Example: Auto-adjust light and colour in a photo editor
- Built from: sliders + sparkle
- Tags: sliders, adjust, tune, controls, options, equalizer, sparkle
- Family: sliders, sliders-off, sliders-plus, sliders-vertical
- Component name: SlidersSparkleIcon
- Added: 2026-11-06
- Since: version 0.4.0
- npm: `import { SlidersSparkleIcon } 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/sliders-sparkle.svg · PNG https://gentleface.com/png/line-round/16/sliders-sparkle.png · https://gentleface.com/png/line-round/32/sliders-sparkle.png · https://gentleface.com/png/line-round/48/sliders-sparkle.png
- line-soft: https://gentleface.com/svg/line-soft/16/sliders-sparkle.svg · PNG https://gentleface.com/png/line-soft/16/sliders-sparkle.png · https://gentleface.com/png/line-soft/32/sliders-sparkle.png · https://gentleface.com/png/line-soft/48/sliders-sparkle.png
- line-sharp: https://gentleface.com/svg/line-sharp/16/sliders-sparkle.svg · PNG https://gentleface.com/png/line-sharp/16/sliders-sparkle.png · https://gentleface.com/png/line-sharp/32/sliders-sparkle.png · https://gentleface.com/png/line-sharp/48/sliders-sparkle.png
- solid-round: https://gentleface.com/svg/solid-round/16/sliders-sparkle.svg · PNG https://gentleface.com/png/solid-round/16/sliders-sparkle.png · https://gentleface.com/png/solid-round/32/sliders-sparkle.png · https://gentleface.com/png/solid-round/48/sliders-sparkle.png
- solid-soft: https://gentleface.com/svg/solid-soft/16/sliders-sparkle.svg · PNG https://gentleface.com/png/solid-soft/16/sliders-sparkle.png · https://gentleface.com/png/solid-soft/32/sliders-sparkle.png · https://gentleface.com/png/solid-soft/48/sliders-sparkle.png
- solid-sharp: https://gentleface.com/svg/solid-sharp/16/sliders-sparkle.svg · PNG https://gentleface.com/png/solid-sharp/16/sliders-sparkle.png · https://gentleface.com/png/solid-sharp/32/sliders-sparkle.png · https://gentleface.com/png/solid-sharp/48/sliders-sparkle.png

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

## Animated

`sliders-sparkle-tune`: The sparkle twinkles out and the bottom rail shows whole. The top knob hunts for its value, sliding left, overshooting right and settling, and the bottom knob does the same a beat later. When both are still, the sparkle twinkles back in.

File: https://gentleface.com/motion/sliders-sparkle-tune.svg (line-round, 16 px). Native SVG animation that loops by itself. To play it once, run 0.2 s to 2.3 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"><path d="M2.5 4.5L13.5 4.5" stroke-dasharray="6 13" stroke-dashoffset="0"><animate attributeName="stroke-dasharray" dur="3s" repeatCount="indefinite" keyTimes="0;0.083;0.092;0.1;0.108;0.117;0.125;0.133;0.142;0.15;0.167;0.175;0.183;0.192;0.2;0.208;0.216;0.225;0.233;0.241;0.25;0.258;0.266;0.275;0.283;0.291;0.299;0.308;0.316;0.324;0.333;0.341;0.349;0.357;0.366;0.374;0.382;0.391;0.399;0.407;0.416;0.424;0.432;0.44;0.449;0.457;0.465;0.474;0.482;0.49;0.499;0.507;0.515;0.523;0.532;0.54;0.62;0.628;0.636;0.645;0.653;0.661;0.669;0.678;0.686;0.694;0.702;0.711;0.719;0.727;0.735;0.744;0.752;0.76;1" values="6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;5.979 13;5.903 13;5.737 13;5.411 13;4.812 13;4.115 13;3.667 13;3.406 13;3.251 13;3.161 13;3.114 13;3.1 13;3.172 13;3.395 13;3.754 13;4.219 13;4.749 13;5.292 13;5.799 13;6.221 13;6.523 13;6.68 13;6.692 13;6.625 13;6.499 13;6.328 13;6.134 13;5.942 13;5.777 13;5.66 13;5.604 13;5.608 13;5.649 13;5.719 13;5.804 13;5.888 13;5.956 13;5.994 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13"/><animate attributeName="stroke-dashoffset" dur="3s" repeatCount="indefinite" keyTimes="0;0.083;0.092;0.1;0.108;0.117;0.125;0.133;0.142;0.15;0.167;0.175;0.183;0.192;0.2;0.208;0.216;0.225;0.233;0.241;0.25;0.258;0.266;0.275;0.283;0.291;0.299;0.308;0.316;0.324;0.333;0.341;0.349;0.357;0.366;0.374;0.382;0.391;0.399;0.407;0.416;0.424;0.432;0.44;0.449;0.457;0.465;0.474;0.482;0.49;0.499;0.507;0.515;0.523;0.532;0.54;0.62;0.628;0.636;0.645;0.653;0.661;0.669;0.678;0.686;0.694;0.702;0.711;0.719;0.727;0.735;0.744;0.752;0.76;1" values="0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0"/></path><path d="M2.5 4.5L13.5 4.5" stroke-dasharray="1 13" stroke-dashoffset="-10"><animate attributeName="stroke-dasharray" dur="3s" repeatCount="indefinite" keyTimes="0;0.083;0.092;0.1;0.108;0.117;0.125;0.133;0.142;0.15;0.167;0.175;0.183;0.192;0.2;0.208;0.216;0.225;0.233;0.241;0.25;0.258;0.266;0.275;0.283;0.291;0.299;0.308;0.316;0.324;0.333;0.341;0.349;0.357;0.366;0.374;0.382;0.391;0.399;0.407;0.416;0.424;0.432;0.44;0.449;0.457;0.465;0.474;0.482;0.49;0.499;0.507;0.515;0.523;0.532;0.54;0.62;0.628;0.636;0.645;0.653;0.661;0.669;0.678;0.686;0.694;0.702;0.711;0.719;0.727;0.735;0.744;0.752;0.76;1" values="1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1.021 13;1.097 13;1.263 13;1.589 13;2.188 13;2.885 13;3.333 13;3.594 13;3.749 13;3.839 13;3.886 13;3.9 13;3.828 13;3.605 13;3.246 13;2.781 13;2.251 13;1.708 13;1.201 13;.779 13;.477 13;.32 13;.308 13;.375 13;.501 13;.672 13;.866 13;1.058 13;1.223 13;1.34 13;1.396 13;1.392 13;1.351 13;1.281 13;1.196 13;1.112 13;1.044 13;1.006 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13"/><animate attributeName="stroke-dashoffset" dur="3s" repeatCount="indefinite" keyTimes="0;0.083;0.092;0.1;0.108;0.117;0.125;0.133;0.142;0.15;0.167;0.175;0.183;0.192;0.2;0.208;0.216;0.225;0.233;0.241;0.25;0.258;0.266;0.275;0.283;0.291;0.299;0.308;0.316;0.324;0.333;0.341;0.349;0.357;0.366;0.374;0.382;0.391;0.399;0.407;0.416;0.424;0.432;0.44;0.449;0.457;0.465;0.474;0.482;0.49;0.499;0.507;0.515;0.523;0.532;0.54;0.62;0.628;0.636;0.645;0.653;0.661;0.669;0.678;0.686;0.694;0.702;0.711;0.719;0.727;0.735;0.744;0.752;0.76;1" values="-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-9.979;-9.903;-9.737;-9.411;-8.812;-8.115;-7.667;-7.406;-7.251;-7.161;-7.114;-7.1;-7.172;-7.395;-7.754;-8.219;-8.749;-9.292;-9.799;-10.221;-10.523;-10.68;-10.692;-10.625;-10.499;-10.328;-10.134;-9.942;-9.777;-9.66;-9.604;-9.608;-9.649;-9.719;-9.804;-9.888;-9.956;-9.994;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10;-10"/></path><path d="M2.5 11.5L13.5 11.5" stroke-dasharray="1 13" stroke-dashoffset="0"><animate attributeName="stroke-dasharray" dur="3s" repeatCount="indefinite" keyTimes="0;0.083;0.092;0.1;0.108;0.117;0.125;0.133;0.142;0.15;0.167;0.175;0.183;0.192;0.2;0.208;0.216;0.225;0.233;0.241;0.25;0.258;0.266;0.275;0.283;0.291;0.299;0.308;0.316;0.324;0.333;0.341;0.349;0.357;0.366;0.374;0.382;0.391;0.399;0.407;0.416;0.424;0.432;0.44;0.449;0.457;0.465;0.474;0.482;0.49;0.499;0.507;0.515;0.523;0.532;0.54;0.62;0.628;0.636;0.645;0.653;0.661;0.669;0.678;0.686;0.694;0.702;0.711;0.719;0.727;0.735;0.744;0.752;0.76;1" values="1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1.007 13;1.06 13;1.19 13;1.451 13;1.956 13;2.723 13;3.322 13;3.67 13;3.878 13;4.001 13;4.068 13;4.097 13;4.078 13;3.913 13;3.6 13;3.164 13;2.644 13;2.085 13;1.542 13;1.065 13;.698 13;.47 13;.4 13;.432 13;.515 13;.641 13;.794 13;.954 13;1.101 13;1.215 13;1.284 13;1.299 13;1.279 13;1.235 13;1.175 13;1.11 13;1.053 13;1.014 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13;1 13"/><animate attributeName="stroke-dashoffset" dur="3s" repeatCount="indefinite" keyTimes="0;0.083;0.092;0.1;0.108;0.117;0.125;0.133;0.142;0.15;0.167;0.175;0.183;0.192;0.2;0.208;0.216;0.225;0.233;0.241;0.25;0.258;0.266;0.275;0.283;0.291;0.299;0.308;0.316;0.324;0.333;0.341;0.349;0.357;0.366;0.374;0.382;0.391;0.399;0.407;0.416;0.424;0.432;0.44;0.449;0.457;0.465;0.474;0.482;0.49;0.499;0.507;0.515;0.523;0.532;0.54;0.62;0.628;0.636;0.645;0.653;0.661;0.669;0.678;0.686;0.694;0.702;0.711;0.719;0.727;0.735;0.744;0.752;0.76;1" values="0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0"/></path><path d="M2.5 11.5L13.5 11.5" stroke-dasharray="0 13" stroke-dashoffset="0" visibility="hidden"><animate attributeName="stroke-dasharray" dur="3s" repeatCount="indefinite" keyTimes="0;0.083;0.092;0.1;0.108;0.117;0.125;0.133;0.142;0.15;0.167;0.175;0.183;0.192;0.2;0.208;0.216;0.225;0.233;0.241;0.25;0.258;0.266;0.275;0.283;0.291;0.299;0.308;0.316;0.324;0.333;0.341;0.349;0.357;0.366;0.374;0.382;0.391;0.399;0.407;0.416;0.424;0.432;0.44;0.449;0.457;0.465;0.474;0.482;0.49;0.499;0.507;0.515;0.523;0.532;0.54;0.62;0.628;0.636;0.645;0.653;0.661;0.669;0.678;0.686;0.694;0.702;0.711;0.719;0.727;0.735;0.744;0.752;0.76;1" values="0 13;0 13;0 13;0 13;0 13;0 13;0 13;0 13;2 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;6 13;5.993 13;5.94 13;5.81 13;5.549 13;5.044 13;4.277 13;3.678 13;3.33 13;3.122 13;2.999 13;2.932 13;2.903 13;2.922 13;3.087 13;3.4 13;3.836 13;4.356 13;4.915 13;5.458 13;5.935 13;6.302 13;6.53 13;6.6 13;6.568 13;6.485 13;6.359 13;6.206 13;6.046 13;5.899 13;5.785 13;5.716 13;5.701 13;5.721 13;5.765 13;5.825 13;5.89 13;5.947 13;5.986 13;6 13;6 13;2 13;0 13;0 13;0 13;0 13;0 13;0 13;0 13;0 13;0 13;0 13;0 13;0 13;0 13;0 13;0 13;0 13;0 13"/><animate attributeName="stroke-dashoffset" dur="3s" repeatCount="indefinite" keyTimes="0;0.083;0.092;0.1;0.108;0.117;0.125;0.133;0.142;0.15;0.167;0.175;0.183;0.192;0.2;0.208;0.216;0.225;0.233;0.241;0.25;0.258;0.266;0.275;0.283;0.291;0.299;0.308;0.316;0.324;0.333;0.341;0.349;0.357;0.366;0.374;0.382;0.391;0.399;0.407;0.416;0.424;0.432;0.44;0.449;0.457;0.465;0.474;0.482;0.49;0.499;0.507;0.515;0.523;0.532;0.54;0.62;0.628;0.636;0.645;0.653;0.661;0.669;0.678;0.686;0.694;0.702;0.711;0.719;0.727;0.735;0.744;0.752;0.76;1" values="0;0;0;0;0;0;0;0;-5;-5;-5;-5;-5;-5;-5;-5;-5;-5.007;-5.06;-5.19;-5.451;-5.956;-6.723;-7.322;-7.67;-7.878;-8.001;-8.068;-8.097;-8.078;-7.913;-7.6;-7.164;-6.644;-6.085;-5.542;-5.065;-4.698;-4.47;-4.4;-4.432;-4.515;-4.641;-4.794;-4.954;-5.101;-5.215;-5.284;-5.299;-5.279;-5.235;-5.175;-5.11;-5.053;-5.014;-5;-5;-5;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0"/><animate attributeName="visibility" calcMode="discrete" dur="3s" repeatCount="indefinite" keyTimes="0;0.133;0.636" values="hidden;visible;hidden"/></path><g><animateTransform attributeName="transform" type="translate" dur="3s" repeatCount="indefinite" keyTimes="0;0.167;0.267;0.353;0.427;0.487;1" values="0 0;0 0;-2.9 0;.7 0;-.4 0;0 0;0 0" calcMode="spline" keySplines="0 0 1 1;.6 0 .25 1;.37 0 .63 1;.37 0 .63 1;.37 0 .63 1;0 0 1 1"/><path d="M11.242 6.358C11.013 6.45 10.762 6.5 10.5 6.5C9.395 6.5 8.5 5.605 8.5 4.5C8.5 3.395 9.395 2.5 10.5 2.5C11.605 2.5 12.5 3.395 12.5 4.5C12.5 5.343 11.98 6.063 11.242 6.358" stroke-dasharray="10.19 14.544" stroke-dashoffset="-1.142"><animate attributeName="stroke-dasharray" dur="3s" repeatCount="indefinite" keyTimes="0;0.083;0.092;0.1;0.108;0.117;0.125;0.133;0.142;0.15;0.62;0.628;0.636;0.645;0.653;0.661;0.669;0.678;0.686;0.694;0.702;0.711;0.719;0.727;0.735;0.744;0.752;0.76;1" values="10.19 14.544;10.19 14.544;10.378 14.544;10.709 14.544;12.544 14.544;12.544 14.544;12.544 14.544;12.544 14.544;12.544 14.544;12.544 14.544;12.544 14.544;12.544 14.544;12.544 14.544;12.544 14.544;12.544 14.544;12.544 14.544;12.544 14.544;12.544 14.544;12.544 14.544;12.544 14.544;12.544 14.544;12.544 14.544;12.544 14.544;12.544 14.544;10.714 14.544;10.477 14.544;10.265 14.544;10.19 14.544;10.19 14.544"/><animate attributeName="stroke-dashoffset" dur="3s" repeatCount="indefinite" keyTimes="0;0.083;0.092;0.1;0.108;0.117;0.125;0.133;0.142;0.15;0.62;0.628;0.636;0.645;0.653;0.661;0.669;0.678;0.686;0.694;0.702;0.711;0.719;0.727;0.735;0.744;0.752;0.76;1" values="-1.142;-1.142;-1.076;-.89;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;0;-.618;-.899;-1.067;-1.142;-1.142"/></path></g><g><animateTransform attributeName="transform" type="translate" dur="3s" repeatCount="indefinite" keyTimes="0;0.22;0.32;0.407;0.48;0.54;1" values="0 0;0 0;3.1 0;-.6 0;.3 0;0 0;0 0" calcMode="spline" keySplines="0 0 1 1;.6 0 .25 1;.37 0 .63 1;.37 0 .63 1;.37 0 .63 1;0 0 1 1"/><path d="M7.5 11.5L7.5 11.5C7.5 12.605 6.605 13.5 5.5 13.5C4.395 13.5 3.5 12.605 3.5 11.5C3.5 10.395 4.395 9.5 5.5 9.5C6.605 9.5 7.5 10.395 7.5 11.5" stroke-dasharray="9.16 14.549" stroke-dashoffset="-1.694"><animate attributeName="stroke-dasharray" dur="3s" repeatCount="indefinite" keyTimes="0;0.083;0.092;0.1;0.108;0.117;0.125;0.133;0.142;0.15;0.62;0.628;0.636;0.645;0.653;0.661;0.669;0.678;0.686;0.694;0.702;0.711;0.719;0.727;0.735;0.744;0.752;0.76;1" values="9.16 14.549;9.16 14.549;9.281 14.549;9.436 14.549;9.562 14.549;9.842 14.549;10.619 14.549;12.549 14.549;12.549 14.549;12.549 14.549;12.549 14.549;12.549 14.549;12.549 14.549;9.961 14.549;9.602 14.549;9.418 14.549;9.251 14.549;9.162 14.549;9.134 14.549;9.136 14.549;9.138 14.549;9.138 14.549;9.135 14.549;9.165 14.549;9.246 14.549;9.317 14.549;9.336 14.549;9.16 14.549;9.16 14.549"/><animate attributeName="stroke-dashoffset" dur="3s" repeatCount="indefinite" keyTimes="0;0.083;0.092;0.1;0.108;0.117;0.125;0.133;0.142;0.15;0.62;0.628;0.636;0.645;0.653;0.661;0.669;0.678;0.686;0.694;0.702;0.711;0.719;0.727;0.735;0.744;0.752;0.76;1" values="-1.694;-1.694;-1.573;-1.468;-1.28;-.991;-.503;0;0;0;0;0;0;-1.853;-1.546;-1.252;-1.076;-.962;-.886;-.837;-.816;-.824;-.907;-1.055;-1.24;-1.421;-1.555;-1.694;-1.694"/></path></g><g transform="translate(11.5 11.5)"><g><animateTransform attributeName="transform" type="scale" dur="3s" repeatCount="indefinite" keyTimes="0;0.083;0.15;0.62;0.687;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="3s" repeatCount="indefinite" keyTimes="0;0.15;0.62" values="visible;hidden;visible"/><g><animateTransform attributeName="transform" type="rotate" dur="3s" repeatCount="indefinite" keyTimes="0;0.083;0.15;0.62;0.707;0.76;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="M2.144 4.856C2.048 4.759 2 4.641 2 4.5C2 4.359 2.048 4.241 2.144 4.144C2.241 4.048 2.359 4 2.5 4L8.05 4C8.079 3.858 8.121 3.717 8.176 3.58C8.303 3.259 8.488 2.976 8.732 2.732C8.976 2.488 9.259 2.303 9.58 2.176C9.875 2.059 10.182 2 10.5 2C10.818 2 11.125 2.059 11.42 2.176C11.741 2.303 12.024 2.488 12.268 2.732C12.512 2.976 12.697 3.259 12.824 3.58C12.879 3.717 12.921 3.858 12.95 4L13.5 4C13.641 4 13.759 4.048 13.856 4.144C13.952 4.241 14 4.359 14 4.5C14 4.641 13.952 4.759 13.856 4.856C13.759 4.952 13.641 5 13.5 5L12.951 5C12.889 5.312 12.766 5.607 12.583 5.883C12.507 5.998 12.401 6.069 12.265 6.096C12.13 6.123 12.005 6.099 11.89 6.023C11.772 5.945 11.7 5.839 11.673 5.706C11.646 5.572 11.672 5.447 11.75 5.33C11.917 5.078 12 4.802 12 4.5C12 4.309 11.965 4.125 11.895 3.948C11.818 3.755 11.707 3.586 11.561 3.439C11.414 3.293 11.245 3.182 11.052 3.105C10.875 3.035 10.691 3 10.5 3C10.309 3 10.125 3.035 9.948 3.105C9.755 3.182 9.586 3.293 9.439 3.439C9.293 3.586 9.182 3.755 9.105 3.948C9.035 4.125 9 4.309 9 4.5C9 4.86 9.115 5.178 9.344 5.456C9.573 5.733 9.864 5.906 10.218 5.973C10.353 5.999 10.46 6.069 10.537 6.184C10.609 6.288 10.636 6.402 10.62 6.525C10.58 6.599 10.55 6.677 10.529 6.759C10.496 6.804 10.455 6.844 10.404 6.878C10.29 6.956 10.165 6.981 10.03 6.955C9.753 6.902 9.493 6.805 9.249 6.665C8.989 6.514 8.764 6.324 8.573 6.093C8.382 5.862 8.237 5.605 8.139 5.321C8.102 5.215 8.072 5.108 8.05 5L2.5 5C2.359 5 2.241 4.952 2.144 4.856ZM11.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 16ZM2.144 11.856C2.048 11.759 2 11.641 2 11.5C2 11.359 2.048 11.241 2.144 11.144C2.241 11.048 2.359 11 2.5 11L3.05 11C3.079 10.858 3.121 10.717 3.176 10.58C3.303 10.259 3.488 9.976 3.732 9.732C3.976 9.488 4.259 9.303 4.58 9.176C4.875 9.059 5.182 9 5.5 9C5.805 9 6.101 9.054 6.386 9.162C6.672 9.271 6.929 9.426 7.158 9.629C7.263 9.722 7.32 9.837 7.328 9.972C7.336 10.108 7.294 10.229 7.2 10.334C7.107 10.44 6.992 10.497 6.857 10.505C6.721 10.513 6.6 10.471 6.495 10.377C6.211 10.126 5.879 10 5.5 10C5.309 10 5.125 10.035 4.948 10.105C4.755 10.182 4.586 10.293 4.439 10.439C4.293 10.586 4.182 10.755 4.105 10.948C4.035 11.125 4 11.309 4 11.5C4 11.691 4.035 11.875 4.105 12.052C4.182 12.245 4.293 12.414 4.439 12.561C4.586 12.707 4.755 12.818 4.948 12.895C5.125 12.965 5.309 13 5.5 13C5.879 13 6.211 12.874 6.495 12.623C6.598 12.531 6.719 12.49 6.856 12.498C6.994 12.506 7.109 12.562 7.2 12.666C7.294 12.771 7.336 12.892 7.328 13.028C7.32 13.163 7.263 13.278 7.158 13.371C6.929 13.574 6.672 13.729 6.386 13.838C6.101 13.946 5.805 14 5.5 14C5.182 14 4.875 13.941 4.58 13.824C4.259 13.697 3.976 13.512 3.732 13.268C3.488 13.024 3.303 12.741 3.176 12.42C3.121 12.283 3.079 12.142 3.05 12L2.5 12C2.359 12 2.241 11.952 2.144 11.856Z"/></svg>
```

### React

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

export function SlidersSparkleIcon(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="M2.144 4.856C2.048 4.759 2 4.641 2 4.5C2 4.359 2.048 4.241 2.144 4.144C2.241 4.048 2.359 4 2.5 4L8.05 4C8.079 3.858 8.121 3.717 8.176 3.58C8.303 3.259 8.488 2.976 8.732 2.732C8.976 2.488 9.259 2.303 9.58 2.176C9.875 2.059 10.182 2 10.5 2C10.818 2 11.125 2.059 11.42 2.176C11.741 2.303 12.024 2.488 12.268 2.732C12.512 2.976 12.697 3.259 12.824 3.58C12.879 3.717 12.921 3.858 12.95 4L13.5 4C13.641 4 13.759 4.048 13.856 4.144C13.952 4.241 14 4.359 14 4.5C14 4.641 13.952 4.759 13.856 4.856C13.759 4.952 13.641 5 13.5 5L12.951 5C12.889 5.312 12.766 5.607 12.583 5.883C12.507 5.998 12.401 6.069 12.265 6.096C12.13 6.123 12.005 6.099 11.89 6.023C11.772 5.945 11.7 5.839 11.673 5.706C11.646 5.572 11.672 5.447 11.75 5.33C11.917 5.078 12 4.802 12 4.5C12 4.309 11.965 4.125 11.895 3.948C11.818 3.755 11.707 3.586 11.561 3.439C11.414 3.293 11.245 3.182 11.052 3.105C10.875 3.035 10.691 3 10.5 3C10.309 3 10.125 3.035 9.948 3.105C9.755 3.182 9.586 3.293 9.439 3.439C9.293 3.586 9.182 3.755 9.105 3.948C9.035 4.125 9 4.309 9 4.5C9 4.86 9.115 5.178 9.344 5.456C9.573 5.733 9.864 5.906 10.218 5.973C10.353 5.999 10.46 6.069 10.537 6.184C10.609 6.288 10.636 6.402 10.62 6.525C10.58 6.599 10.55 6.677 10.529 6.759C10.496 6.804 10.455 6.844 10.404 6.878C10.29 6.956 10.165 6.981 10.03 6.955C9.753 6.902 9.493 6.805 9.249 6.665C8.989 6.514 8.764 6.324 8.573 6.093C8.382 5.862 8.237 5.605 8.139 5.321C8.102 5.215 8.072 5.108 8.05 5L2.5 5C2.359 5 2.241 4.952 2.144 4.856ZM11.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 16ZM2.144 11.856C2.048 11.759 2 11.641 2 11.5C2 11.359 2.048 11.241 2.144 11.144C2.241 11.048 2.359 11 2.5 11L3.05 11C3.079 10.858 3.121 10.717 3.176 10.58C3.303 10.259 3.488 9.976 3.732 9.732C3.976 9.488 4.259 9.303 4.58 9.176C4.875 9.059 5.182 9 5.5 9C5.805 9 6.101 9.054 6.386 9.162C6.672 9.271 6.929 9.426 7.158 9.629C7.263 9.722 7.32 9.837 7.328 9.972C7.336 10.108 7.294 10.229 7.2 10.334C7.107 10.44 6.992 10.497 6.857 10.505C6.721 10.513 6.6 10.471 6.495 10.377C6.211 10.126 5.879 10 5.5 10C5.309 10 5.125 10.035 4.948 10.105C4.755 10.182 4.586 10.293 4.439 10.439C4.293 10.586 4.182 10.755 4.105 10.948C4.035 11.125 4 11.309 4 11.5C4 11.691 4.035 11.875 4.105 12.052C4.182 12.245 4.293 12.414 4.439 12.561C4.586 12.707 4.755 12.818 4.948 12.895C5.125 12.965 5.309 13 5.5 13C5.879 13 6.211 12.874 6.495 12.623C6.598 12.531 6.719 12.49 6.856 12.498C6.994 12.506 7.109 12.562 7.2 12.666C7.294 12.771 7.336 12.892 7.328 13.028C7.32 13.163 7.263 13.278 7.158 13.371C6.929 13.574 6.672 13.729 6.386 13.838C6.101 13.946 5.805 14 5.5 14C5.182 14 4.875 13.941 4.58 13.824C4.259 13.697 3.976 13.512 3.732 13.268C3.488 13.024 3.303 12.741 3.176 12.42C3.121 12.283 3.079 12.142 3.05 12L2.5 12C2.359 12 2.241 11.952 2.144 11.856Z" />
    </svg>
  );
}
```

### Vue

```vue
<!-- Gentleface "sliders-sparkle" (line-round), MIT. https://gentleface.com/icons/sliders-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="M2.144 4.856C2.048 4.759 2 4.641 2 4.5C2 4.359 2.048 4.241 2.144 4.144C2.241 4.048 2.359 4 2.5 4L8.05 4C8.079 3.858 8.121 3.717 8.176 3.58C8.303 3.259 8.488 2.976 8.732 2.732C8.976 2.488 9.259 2.303 9.58 2.176C9.875 2.059 10.182 2 10.5 2C10.818 2 11.125 2.059 11.42 2.176C11.741 2.303 12.024 2.488 12.268 2.732C12.512 2.976 12.697 3.259 12.824 3.58C12.879 3.717 12.921 3.858 12.95 4L13.5 4C13.641 4 13.759 4.048 13.856 4.144C13.952 4.241 14 4.359 14 4.5C14 4.641 13.952 4.759 13.856 4.856C13.759 4.952 13.641 5 13.5 5L12.951 5C12.889 5.312 12.766 5.607 12.583 5.883C12.507 5.998 12.401 6.069 12.265 6.096C12.13 6.123 12.005 6.099 11.89 6.023C11.772 5.945 11.7 5.839 11.673 5.706C11.646 5.572 11.672 5.447 11.75 5.33C11.917 5.078 12 4.802 12 4.5C12 4.309 11.965 4.125 11.895 3.948C11.818 3.755 11.707 3.586 11.561 3.439C11.414 3.293 11.245 3.182 11.052 3.105C10.875 3.035 10.691 3 10.5 3C10.309 3 10.125 3.035 9.948 3.105C9.755 3.182 9.586 3.293 9.439 3.439C9.293 3.586 9.182 3.755 9.105 3.948C9.035 4.125 9 4.309 9 4.5C9 4.86 9.115 5.178 9.344 5.456C9.573 5.733 9.864 5.906 10.218 5.973C10.353 5.999 10.46 6.069 10.537 6.184C10.609 6.288 10.636 6.402 10.62 6.525C10.58 6.599 10.55 6.677 10.529 6.759C10.496 6.804 10.455 6.844 10.404 6.878C10.29 6.956 10.165 6.981 10.03 6.955C9.753 6.902 9.493 6.805 9.249 6.665C8.989 6.514 8.764 6.324 8.573 6.093C8.382 5.862 8.237 5.605 8.139 5.321C8.102 5.215 8.072 5.108 8.05 5L2.5 5C2.359 5 2.241 4.952 2.144 4.856ZM11.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 16ZM2.144 11.856C2.048 11.759 2 11.641 2 11.5C2 11.359 2.048 11.241 2.144 11.144C2.241 11.048 2.359 11 2.5 11L3.05 11C3.079 10.858 3.121 10.717 3.176 10.58C3.303 10.259 3.488 9.976 3.732 9.732C3.976 9.488 4.259 9.303 4.58 9.176C4.875 9.059 5.182 9 5.5 9C5.805 9 6.101 9.054 6.386 9.162C6.672 9.271 6.929 9.426 7.158 9.629C7.263 9.722 7.32 9.837 7.328 9.972C7.336 10.108 7.294 10.229 7.2 10.334C7.107 10.44 6.992 10.497 6.857 10.505C6.721 10.513 6.6 10.471 6.495 10.377C6.211 10.126 5.879 10 5.5 10C5.309 10 5.125 10.035 4.948 10.105C4.755 10.182 4.586 10.293 4.439 10.439C4.293 10.586 4.182 10.755 4.105 10.948C4.035 11.125 4 11.309 4 11.5C4 11.691 4.035 11.875 4.105 12.052C4.182 12.245 4.293 12.414 4.439 12.561C4.586 12.707 4.755 12.818 4.948 12.895C5.125 12.965 5.309 13 5.5 13C5.879 13 6.211 12.874 6.495 12.623C6.598 12.531 6.719 12.49 6.856 12.498C6.994 12.506 7.109 12.562 7.2 12.666C7.294 12.771 7.336 12.892 7.328 13.028C7.32 13.163 7.263 13.278 7.158 13.371C6.929 13.574 6.672 13.729 6.386 13.838C6.101 13.946 5.805 14 5.5 14C5.182 14 4.875 13.941 4.58 13.824C4.259 13.697 3.976 13.512 3.732 13.268C3.488 13.024 3.303 12.741 3.176 12.42C3.121 12.283 3.079 12.142 3.05 12L2.5 12C2.359 12 2.241 11.952 2.144 11.856Z" />
  </svg>
</template>
```

### Svelte

```svelte
<!-- Gentleface "sliders-sparkle" (line-round), MIT. https://gentleface.com/icons/sliders-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="M2.144 4.856C2.048 4.759 2 4.641 2 4.5C2 4.359 2.048 4.241 2.144 4.144C2.241 4.048 2.359 4 2.5 4L8.05 4C8.079 3.858 8.121 3.717 8.176 3.58C8.303 3.259 8.488 2.976 8.732 2.732C8.976 2.488 9.259 2.303 9.58 2.176C9.875 2.059 10.182 2 10.5 2C10.818 2 11.125 2.059 11.42 2.176C11.741 2.303 12.024 2.488 12.268 2.732C12.512 2.976 12.697 3.259 12.824 3.58C12.879 3.717 12.921 3.858 12.95 4L13.5 4C13.641 4 13.759 4.048 13.856 4.144C13.952 4.241 14 4.359 14 4.5C14 4.641 13.952 4.759 13.856 4.856C13.759 4.952 13.641 5 13.5 5L12.951 5C12.889 5.312 12.766 5.607 12.583 5.883C12.507 5.998 12.401 6.069 12.265 6.096C12.13 6.123 12.005 6.099 11.89 6.023C11.772 5.945 11.7 5.839 11.673 5.706C11.646 5.572 11.672 5.447 11.75 5.33C11.917 5.078 12 4.802 12 4.5C12 4.309 11.965 4.125 11.895 3.948C11.818 3.755 11.707 3.586 11.561 3.439C11.414 3.293 11.245 3.182 11.052 3.105C10.875 3.035 10.691 3 10.5 3C10.309 3 10.125 3.035 9.948 3.105C9.755 3.182 9.586 3.293 9.439 3.439C9.293 3.586 9.182 3.755 9.105 3.948C9.035 4.125 9 4.309 9 4.5C9 4.86 9.115 5.178 9.344 5.456C9.573 5.733 9.864 5.906 10.218 5.973C10.353 5.999 10.46 6.069 10.537 6.184C10.609 6.288 10.636 6.402 10.62 6.525C10.58 6.599 10.55 6.677 10.529 6.759C10.496 6.804 10.455 6.844 10.404 6.878C10.29 6.956 10.165 6.981 10.03 6.955C9.753 6.902 9.493 6.805 9.249 6.665C8.989 6.514 8.764 6.324 8.573 6.093C8.382 5.862 8.237 5.605 8.139 5.321C8.102 5.215 8.072 5.108 8.05 5L2.5 5C2.359 5 2.241 4.952 2.144 4.856ZM11.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 16ZM2.144 11.856C2.048 11.759 2 11.641 2 11.5C2 11.359 2.048 11.241 2.144 11.144C2.241 11.048 2.359 11 2.5 11L3.05 11C3.079 10.858 3.121 10.717 3.176 10.58C3.303 10.259 3.488 9.976 3.732 9.732C3.976 9.488 4.259 9.303 4.58 9.176C4.875 9.059 5.182 9 5.5 9C5.805 9 6.101 9.054 6.386 9.162C6.672 9.271 6.929 9.426 7.158 9.629C7.263 9.722 7.32 9.837 7.328 9.972C7.336 10.108 7.294 10.229 7.2 10.334C7.107 10.44 6.992 10.497 6.857 10.505C6.721 10.513 6.6 10.471 6.495 10.377C6.211 10.126 5.879 10 5.5 10C5.309 10 5.125 10.035 4.948 10.105C4.755 10.182 4.586 10.293 4.439 10.439C4.293 10.586 4.182 10.755 4.105 10.948C4.035 11.125 4 11.309 4 11.5C4 11.691 4.035 11.875 4.105 12.052C4.182 12.245 4.293 12.414 4.439 12.561C4.586 12.707 4.755 12.818 4.948 12.895C5.125 12.965 5.309 13 5.5 13C5.879 13 6.211 12.874 6.495 12.623C6.598 12.531 6.719 12.49 6.856 12.498C6.994 12.506 7.109 12.562 7.2 12.666C7.294 12.771 7.336 12.892 7.328 13.028C7.32 13.163 7.263 13.278 7.158 13.371C6.929 13.574 6.672 13.729 6.386 13.838C6.101 13.946 5.805 14 5.5 14C5.182 14 4.875 13.941 4.58 13.824C4.259 13.697 3.976 13.512 3.732 13.268C3.488 13.024 3.303 12.741 3.176 12.42C3.121 12.283 3.079 12.142 3.05 12L2.5 12C2.359 12 2.241 11.952 2.144 11.856Z" />
</svg>
```

### HTML img

```html
<!-- Gentleface "sliders-sparkle" (line-round), MIT. https://gentleface.com/icons/sliders-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/sliders-sparkle.svg" width="16" height="16" alt="">
```

### CSS

```css
/* Gentleface "sliders-sparkle" (line-round), MIT. https://gentleface.com/icons/sliders-sparkle. Takes the text color. */
.icon-sliders-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='M2.144 4.856C2.048 4.759 2 4.641 2 4.5C2 4.359 2.048 4.241 2.144 4.144C2.241 4.048 2.359 4 2.5 4L8.05 4C8.079 3.858 8.121 3.717 8.176 3.58C8.303 3.259 8.488 2.976 8.732 2.732C8.976 2.488 9.259 2.303 9.58 2.176C9.875 2.059 10.182 2 10.5 2C10.818 2 11.125 2.059 11.42 2.176C11.741 2.303 12.024 2.488 12.268 2.732C12.512 2.976 12.697 3.259 12.824 3.58C12.879 3.717 12.921 3.858 12.95 4L13.5 4C13.641 4 13.759 4.048 13.856 4.144C13.952 4.241 14 4.359 14 4.5C14 4.641 13.952 4.759 13.856 4.856C13.759 4.952 13.641 5 13.5 5L12.951 5C12.889 5.312 12.766 5.607 12.583 5.883C12.507 5.998 12.401 6.069 12.265 6.096C12.13 6.123 12.005 6.099 11.89 6.023C11.772 5.945 11.7 5.839 11.673 5.706C11.646 5.572 11.672 5.447 11.75 5.33C11.917 5.078 12 4.802 12 4.5C12 4.309 11.965 4.125 11.895 3.948C11.818 3.755 11.707 3.586 11.561 3.439C11.414 3.293 11.245 3.182 11.052 3.105C10.875 3.035 10.691 3 10.5 3C10.309 3 10.125 3.035 9.948 3.105C9.755 3.182 9.586 3.293 9.439 3.439C9.293 3.586 9.182 3.755 9.105 3.948C9.035 4.125 9 4.309 9 4.5C9 4.86 9.115 5.178 9.344 5.456C9.573 5.733 9.864 5.906 10.218 5.973C10.353 5.999 10.46 6.069 10.537 6.184C10.609 6.288 10.636 6.402 10.62 6.525C10.58 6.599 10.55 6.677 10.529 6.759C10.496 6.804 10.455 6.844 10.404 6.878C10.29 6.956 10.165 6.981 10.03 6.955C9.753 6.902 9.493 6.805 9.249 6.665C8.989 6.514 8.764 6.324 8.573 6.093C8.382 5.862 8.237 5.605 8.139 5.321C8.102 5.215 8.072 5.108 8.05 5L2.5 5C2.359 5 2.241 4.952 2.144 4.856ZM11.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 16ZM2.144 11.856C2.048 11.759 2 11.641 2 11.5C2 11.359 2.048 11.241 2.144 11.144C2.241 11.048 2.359 11 2.5 11L3.05 11C3.079 10.858 3.121 10.717 3.176 10.58C3.303 10.259 3.488 9.976 3.732 9.732C3.976 9.488 4.259 9.303 4.58 9.176C4.875 9.059 5.182 9 5.5 9C5.805 9 6.101 9.054 6.386 9.162C6.672 9.271 6.929 9.426 7.158 9.629C7.263 9.722 7.32 9.837 7.328 9.972C7.336 10.108 7.294 10.229 7.2 10.334C7.107 10.44 6.992 10.497 6.857 10.505C6.721 10.513 6.6 10.471 6.495 10.377C6.211 10.126 5.879 10 5.5 10C5.309 10 5.125 10.035 4.948 10.105C4.755 10.182 4.586 10.293 4.439 10.439C4.293 10.586 4.182 10.755 4.105 10.948C4.035 11.125 4 11.309 4 11.5C4 11.691 4.035 11.875 4.105 12.052C4.182 12.245 4.293 12.414 4.439 12.561C4.586 12.707 4.755 12.818 4.948 12.895C5.125 12.965 5.309 13 5.5 13C5.879 13 6.211 12.874 6.495 12.623C6.598 12.531 6.719 12.49 6.856 12.498C6.994 12.506 7.109 12.562 7.2 12.666C7.294 12.771 7.336 12.892 7.328 13.028C7.32 13.163 7.263 13.278 7.158 13.371C6.929 13.574 6.672 13.729 6.386 13.838C6.101 13.946 5.805 14 5.5 14C5.182 14 4.875 13.941 4.58 13.824C4.259 13.697 3.976 13.512 3.732 13.268C3.488 13.024 3.303 12.741 3.176 12.42C3.121 12.283 3.079 12.142 3.05 12L2.5 12C2.359 12 2.241 11.952 2.144 11.856Z'/%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='M2.144 4.856C2.048 4.759 2 4.641 2 4.5C2 4.359 2.048 4.241 2.144 4.144C2.241 4.048 2.359 4 2.5 4L8.05 4C8.079 3.858 8.121 3.717 8.176 3.58C8.303 3.259 8.488 2.976 8.732 2.732C8.976 2.488 9.259 2.303 9.58 2.176C9.875 2.059 10.182 2 10.5 2C10.818 2 11.125 2.059 11.42 2.176C11.741 2.303 12.024 2.488 12.268 2.732C12.512 2.976 12.697 3.259 12.824 3.58C12.879 3.717 12.921 3.858 12.95 4L13.5 4C13.641 4 13.759 4.048 13.856 4.144C13.952 4.241 14 4.359 14 4.5C14 4.641 13.952 4.759 13.856 4.856C13.759 4.952 13.641 5 13.5 5L12.951 5C12.889 5.312 12.766 5.607 12.583 5.883C12.507 5.998 12.401 6.069 12.265 6.096C12.13 6.123 12.005 6.099 11.89 6.023C11.772 5.945 11.7 5.839 11.673 5.706C11.646 5.572 11.672 5.447 11.75 5.33C11.917 5.078 12 4.802 12 4.5C12 4.309 11.965 4.125 11.895 3.948C11.818 3.755 11.707 3.586 11.561 3.439C11.414 3.293 11.245 3.182 11.052 3.105C10.875 3.035 10.691 3 10.5 3C10.309 3 10.125 3.035 9.948 3.105C9.755 3.182 9.586 3.293 9.439 3.439C9.293 3.586 9.182 3.755 9.105 3.948C9.035 4.125 9 4.309 9 4.5C9 4.86 9.115 5.178 9.344 5.456C9.573 5.733 9.864 5.906 10.218 5.973C10.353 5.999 10.46 6.069 10.537 6.184C10.609 6.288 10.636 6.402 10.62 6.525C10.58 6.599 10.55 6.677 10.529 6.759C10.496 6.804 10.455 6.844 10.404 6.878C10.29 6.956 10.165 6.981 10.03 6.955C9.753 6.902 9.493 6.805 9.249 6.665C8.989 6.514 8.764 6.324 8.573 6.093C8.382 5.862 8.237 5.605 8.139 5.321C8.102 5.215 8.072 5.108 8.05 5L2.5 5C2.359 5 2.241 4.952 2.144 4.856ZM11.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 16ZM2.144 11.856C2.048 11.759 2 11.641 2 11.5C2 11.359 2.048 11.241 2.144 11.144C2.241 11.048 2.359 11 2.5 11L3.05 11C3.079 10.858 3.121 10.717 3.176 10.58C3.303 10.259 3.488 9.976 3.732 9.732C3.976 9.488 4.259 9.303 4.58 9.176C4.875 9.059 5.182 9 5.5 9C5.805 9 6.101 9.054 6.386 9.162C6.672 9.271 6.929 9.426 7.158 9.629C7.263 9.722 7.32 9.837 7.328 9.972C7.336 10.108 7.294 10.229 7.2 10.334C7.107 10.44 6.992 10.497 6.857 10.505C6.721 10.513 6.6 10.471 6.495 10.377C6.211 10.126 5.879 10 5.5 10C5.309 10 5.125 10.035 4.948 10.105C4.755 10.182 4.586 10.293 4.439 10.439C4.293 10.586 4.182 10.755 4.105 10.948C4.035 11.125 4 11.309 4 11.5C4 11.691 4.035 11.875 4.105 12.052C4.182 12.245 4.293 12.414 4.439 12.561C4.586 12.707 4.755 12.818 4.948 12.895C5.125 12.965 5.309 13 5.5 13C5.879 13 6.211 12.874 6.495 12.623C6.598 12.531 6.719 12.49 6.856 12.498C6.994 12.506 7.109 12.562 7.2 12.666C7.294 12.771 7.336 12.892 7.328 13.028C7.32 13.163 7.263 13.278 7.158 13.371C6.929 13.574 6.672 13.729 6.386 13.838C6.101 13.946 5.805 14 5.5 14C5.182 14 4.875 13.941 4.58 13.824C4.259 13.697 3.976 13.512 3.732 13.268C3.488 13.024 3.303 12.741 3.176 12.42C3.121 12.283 3.079 12.142 3.05 12L2.5 12C2.359 12 2.241 11.952 2.144 11.856Z'/%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='M2.144 4.856C2.048 4.759 2 4.641 2 4.5C2 4.359 2.048 4.241 2.144 4.144C2.241 4.048 2.359 4 2.5 4L8.05 4C8.079 3.858 8.121 3.717 8.176 3.58C8.303 3.259 8.488 2.976 8.732 2.732C8.976 2.488 9.259 2.303 9.58 2.176C9.875 2.059 10.182 2 10.5 2C10.818 2 11.125 2.059 11.42 2.176C11.741 2.303 12.024 2.488 12.268 2.732C12.512 2.976 12.697 3.259 12.824 3.58C12.879 3.717 12.921 3.858 12.95 4L13.5 4C13.641 4 13.759 4.048 13.856 4.144C13.952 4.241 14 4.359 14 4.5C14 4.641 13.952 4.759 13.856 4.856C13.759 4.952 13.641 5 13.5 5L12.951 5C12.889 5.312 12.766 5.607 12.583 5.883C12.507 5.998 12.401 6.069 12.265 6.096C12.13 6.123 12.005 6.099 11.89 6.023C11.772 5.945 11.7 5.839 11.673 5.706C11.646 5.572 11.672 5.447 11.75 5.33C11.917 5.078 12 4.802 12 4.5C12 4.309 11.965 4.125 11.895 3.948C11.818 3.755 11.707 3.586 11.561 3.439C11.414 3.293 11.245 3.182 11.052 3.105C10.875 3.035 10.691 3 10.5 3C10.309 3 10.125 3.035 9.948 3.105C9.755 3.182 9.586 3.293 9.439 3.439C9.293 3.586 9.182 3.755 9.105 3.948C9.035 4.125 9 4.309 9 4.5C9 4.86 9.115 5.178 9.344 5.456C9.573 5.733 9.864 5.906 10.218 5.973C10.353 5.999 10.46 6.069 10.537 6.184C10.609 6.288 10.636 6.402 10.62 6.525C10.58 6.599 10.55 6.677 10.529 6.759C10.496 6.804 10.455 6.844 10.404 6.878C10.29 6.956 10.165 6.981 10.03 6.955C9.753 6.902 9.493 6.805 9.249 6.665C8.989 6.514 8.764 6.324 8.573 6.093C8.382 5.862 8.237 5.605 8.139 5.321C8.102 5.215 8.072 5.108 8.05 5L2.5 5C2.359 5 2.241 4.952 2.144 4.856ZM11.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 16ZM2.144 11.856C2.048 11.759 2 11.641 2 11.5C2 11.359 2.048 11.241 2.144 11.144C2.241 11.048 2.359 11 2.5 11L3.05 11C3.079 10.858 3.121 10.717 3.176 10.58C3.303 10.259 3.488 9.976 3.732 9.732C3.976 9.488 4.259 9.303 4.58 9.176C4.875 9.059 5.182 9 5.5 9C5.805 9 6.101 9.054 6.386 9.162C6.672 9.271 6.929 9.426 7.158 9.629C7.263 9.722 7.32 9.837 7.328 9.972C7.336 10.108 7.294 10.229 7.2 10.334C7.107 10.44 6.992 10.497 6.857 10.505C6.721 10.513 6.6 10.471 6.495 10.377C6.211 10.126 5.879 10 5.5 10C5.309 10 5.125 10.035 4.948 10.105C4.755 10.182 4.586 10.293 4.439 10.439C4.293 10.586 4.182 10.755 4.105 10.948C4.035 11.125 4 11.309 4 11.5C4 11.691 4.035 11.875 4.105 12.052C4.182 12.245 4.293 12.414 4.439 12.561C4.586 12.707 4.755 12.818 4.948 12.895C5.125 12.965 5.309 13 5.5 13C5.879 13 6.211 12.874 6.495 12.623C6.598 12.531 6.719 12.49 6.856 12.498C6.994 12.506 7.109 12.562 7.2 12.666C7.294 12.771 7.336 12.892 7.328 13.028C7.32 13.163 7.263 13.278 7.158 13.371C6.929 13.574 6.672 13.729 6.386 13.838C6.101 13.946 5.805 14 5.5 14C5.182 14 4.875 13.941 4.58 13.824C4.259 13.697 3.976 13.512 3.732 13.268C3.488 13.024 3.303 12.741 3.176 12.42C3.121 12.283 3.079 12.142 3.05 12L2.5 12C2.359 12 2.241 11.952 2.144 11.856Z'/%3E%3C/svg%3E
```

### Sprite

```html
<!-- Gentleface "sliders-sparkle" (line-round), MIT. https://gentleface.com/icons/sliders-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#sliders-sparkle"/></svg>
```

### SwiftUI

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

struct SlidersSparkleIcon: Shape {
    func path(in rect: CGRect) -> Path {
        var p = Path()
        p.move(to: CGPoint(x: 2.144, y: 4.856))
        p.addCurve(to: CGPoint(x: 2, y: 4.5), control1: CGPoint(x: 2.048, y: 4.759), control2: CGPoint(x: 2, y: 4.641))
        p.addCurve(to: CGPoint(x: 2.144, y: 4.144), control1: CGPoint(x: 2, y: 4.359), control2: CGPoint(x: 2.048, y: 4.241))
        p.addCurve(to: CGPoint(x: 2.5, y: 4), control1: CGPoint(x: 2.241, y: 4.048), control2: CGPoint(x: 2.359, y: 4))
        p.addLine(to: CGPoint(x: 8.05, y: 4))
        p.addCurve(to: CGPoint(x: 8.176, y: 3.58), control1: CGPoint(x: 8.079, y: 3.858), control2: CGPoint(x: 8.121, y: 3.717))
        p.addCurve(to: CGPoint(x: 8.732, y: 2.732), control1: CGPoint(x: 8.303, y: 3.259), control2: CGPoint(x: 8.488, y: 2.976))
        p.addCurve(to: CGPoint(x: 9.58, y: 2.176), control1: CGPoint(x: 8.976, y: 2.488), control2: CGPoint(x: 9.259, y: 2.303))
        p.addCurve(to: CGPoint(x: 10.5, y: 2), control1: CGPoint(x: 9.875, y: 2.059), control2: CGPoint(x: 10.182, y: 2))
        p.addCurve(to: CGPoint(x: 11.42, y: 2.176), control1: CGPoint(x: 10.818, y: 2), control2: CGPoint(x: 11.125, y: 2.059))
        p.addCurve(to: CGPoint(x: 12.268, y: 2.732), control1: CGPoint(x: 11.741, y: 2.303), control2: CGPoint(x: 12.024, y: 2.488))
        p.addCurve(to: CGPoint(x: 12.824, y: 3.58), control1: CGPoint(x: 12.512, y: 2.976), control2: CGPoint(x: 12.697, y: 3.259))
        p.addCurve(to: CGPoint(x: 12.95, y: 4), control1: CGPoint(x: 12.879, y: 3.717), control2: CGPoint(x: 12.921, y: 3.858))
        p.addLine(to: CGPoint(x: 13.5, y: 4))
        p.addCurve(to: CGPoint(x: 13.856, y: 4.144), control1: CGPoint(x: 13.641, y: 4), control2: CGPoint(x: 13.759, y: 4.048))
        p.addCurve(to: CGPoint(x: 14, y: 4.5), control1: CGPoint(x: 13.952, y: 4.241), control2: CGPoint(x: 14, y: 4.359))
        p.addCurve(to: CGPoint(x: 13.856, y: 4.856), control1: CGPoint(x: 14, y: 4.641), control2: CGPoint(x: 13.952, y: 4.759))
        p.addCurve(to: CGPoint(x: 13.5, y: 5), control1: CGPoint(x: 13.759, y: 4.952), control2: CGPoint(x: 13.641, y: 5))
        p.addLine(to: CGPoint(x: 12.951, y: 5))
        p.addCurve(to: CGPoint(x: 12.583, y: 5.883), control1: CGPoint(x: 12.889, y: 5.312), control2: CGPoint(x: 12.766, y: 5.607))
        p.addCurve(to: CGPoint(x: 12.265, y: 6.096), control1: CGPoint(x: 12.507, y: 5.998), control2: CGPoint(x: 12.401, y: 6.069))
        p.addCurve(to: CGPoint(x: 11.89, y: 6.023), control1: CGPoint(x: 12.13, y: 6.123), control2: CGPoint(x: 12.005, y: 6.099))
        p.addCurve(to: CGPoint(x: 11.673, y: 5.706), control1: CGPoint(x: 11.772, y: 5.945), control2: CGPoint(x: 11.7, y: 5.839))
        p.addCurve(to: CGPoint(x: 11.75, y: 5.33), control1: CGPoint(x: 11.646, y: 5.572), control2: CGPoint(x: 11.672, y: 5.447))
        p.addCurve(to: CGPoint(x: 12, y: 4.5), control1: CGPoint(x: 11.917, y: 5.078), control2: CGPoint(x: 12, y: 4.802))
        p.addCurve(to: CGPoint(x: 11.895, y: 3.948), control1: CGPoint(x: 12, y: 4.309), control2: CGPoint(x: 11.965, y: 4.125))
        p.addCurve(to: CGPoint(x: 11.561, y: 3.439), control1: CGPoint(x: 11.818, y: 3.755), control2: CGPoint(x: 11.707, y: 3.586))
        p.addCurve(to: CGPoint(x: 11.052, y: 3.105), control1: CGPoint(x: 11.414, y: 3.293), control2: CGPoint(x: 11.245, y: 3.182))
        p.addCurve(to: CGPoint(x: 10.5, y: 3), control1: CGPoint(x: 10.875, y: 3.035), control2: CGPoint(x: 10.691, y: 3))
        p.addCurve(to: CGPoint(x: 9.948, y: 3.105), control1: CGPoint(x: 10.309, y: 3), control2: CGPoint(x: 10.125, y: 3.035))
        p.addCurve(to: CGPoint(x: 9.439, y: 3.439), control1: CGPoint(x: 9.755, y: 3.182), control2: CGPoint(x: 9.586, y: 3.293))
        p.addCurve(to: CGPoint(x: 9.105, y: 3.948), control1: CGPoint(x: 9.293, y: 3.586), control2: CGPoint(x: 9.182, y: 3.755))
        p.addCurve(to: CGPoint(x: 9, y: 4.5), control1: CGPoint(x: 9.035, y: 4.125), control2: CGPoint(x: 9, y: 4.309))
        p.addCurve(to: CGPoint(x: 9.344, y: 5.456), control1: CGPoint(x: 9, y: 4.86), control2: CGPoint(x: 9.115, y: 5.178))
        p.addCurve(to: CGPoint(x: 10.218, y: 5.973), control1: CGPoint(x: 9.573, y: 5.733), control2: CGPoint(x: 9.864, y: 5.906))
        p.addCurve(to: CGPoint(x: 10.537, y: 6.184), control1: CGPoint(x: 10.353, y: 5.999), control2: CGPoint(x: 10.46, y: 6.069))
        p.addCurve(to: CGPoint(x: 10.62, y: 6.525), control1: CGPoint(x: 10.609, y: 6.288), control2: CGPoint(x: 10.636, y: 6.402))
        p.addCurve(to: CGPoint(x: 10.529, y: 6.759), control1: CGPoint(x: 10.58, y: 6.599), control2: CGPoint(x: 10.55, y: 6.677))
        p.addCurve(to: CGPoint(x: 10.404, y: 6.878), control1: CGPoint(x: 10.496, y: 6.804), control2: CGPoint(x: 10.455, y: 6.844))
        p.addCurve(to: CGPoint(x: 10.03, y: 6.955), control1: CGPoint(x: 10.29, y: 6.956), control2: CGPoint(x: 10.165, y: 6.981))
        p.addCurve(to: CGPoint(x: 9.249, y: 6.665), control1: CGPoint(x: 9.753, y: 6.902), control2: CGPoint(x: 9.493, y: 6.805))
        p.addCurve(to: CGPoint(x: 8.573, y: 6.093), control1: CGPoint(x: 8.989, y: 6.514), control2: CGPoint(x: 8.764, y: 6.324))
        p.addCurve(to: CGPoint(x: 8.139, y: 5.321), control1: CGPoint(x: 8.382, y: 5.862), control2: CGPoint(x: 8.237, y: 5.605))
        p.addCurve(to: CGPoint(x: 8.05, y: 5), control1: CGPoint(x: 8.102, y: 5.215), control2: CGPoint(x: 8.072, y: 5.108))
        p.addLine(to: CGPoint(x: 2.5, y: 5))
        p.addCurve(to: CGPoint(x: 2.144, y: 4.856), control1: CGPoint(x: 2.359, y: 5), control2: CGPoint(x: 2.241, y: 4.952))
        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()
        p.move(to: CGPoint(x: 2.144, y: 11.856))
        p.addCurve(to: CGPoint(x: 2, y: 11.5), control1: CGPoint(x: 2.048, y: 11.759), control2: CGPoint(x: 2, y: 11.641))
        p.addCurve(to: CGPoint(x: 2.144, y: 11.144), control1: CGPoint(x: 2, y: 11.359), control2: CGPoint(x: 2.048, y: 11.241))
        p.addCurve(to: CGPoint(x: 2.5, y: 11), control1: CGPoint(x: 2.241, y: 11.048), control2: CGPoint(x: 2.359, y: 11))
        p.addLine(to: CGPoint(x: 3.05, y: 11))
        p.addCurve(to: CGPoint(x: 3.176, y: 10.58), control1: CGPoint(x: 3.079, y: 10.858), control2: CGPoint(x: 3.121, y: 10.717))
        p.addCurve(to: CGPoint(x: 3.732, y: 9.732), control1: CGPoint(x: 3.303, y: 10.259), control2: CGPoint(x: 3.488, y: 9.976))
        p.addCurve(to: CGPoint(x: 4.58, y: 9.176), control1: CGPoint(x: 3.976, y: 9.488), control2: CGPoint(x: 4.259, y: 9.303))
        p.addCurve(to: CGPoint(x: 5.5, y: 9), control1: CGPoint(x: 4.875, y: 9.059), control2: CGPoint(x: 5.182, y: 9))
        p.addCurve(to: CGPoint(x: 6.386, y: 9.162), control1: CGPoint(x: 5.805, y: 9), control2: CGPoint(x: 6.101, y: 9.054))
        p.addCurve(to: CGPoint(x: 7.158, y: 9.629), control1: CGPoint(x: 6.672, y: 9.271), control2: CGPoint(x: 6.929, y: 9.426))
        p.addCurve(to: CGPoint(x: 7.328, y: 9.972), control1: CGPoint(x: 7.263, y: 9.722), control2: CGPoint(x: 7.32, y: 9.837))
        p.addCurve(to: CGPoint(x: 7.2, y: 10.334), control1: CGPoint(x: 7.336, y: 10.108), control2: CGPoint(x: 7.294, y: 10.229))
        p.addCurve(to: CGPoint(x: 6.857, y: 10.505), control1: CGPoint(x: 7.107, y: 10.44), control2: CGPoint(x: 6.992, y: 10.497))
        p.addCurve(to: CGPoint(x: 6.495, y: 10.377), control1: CGPoint(x: 6.721, y: 10.513), control2: CGPoint(x: 6.6, y: 10.471))
        p.addCurve(to: CGPoint(x: 5.5, y: 10), control1: CGPoint(x: 6.211, y: 10.126), control2: CGPoint(x: 5.879, y: 10))
        p.addCurve(to: CGPoint(x: 4.948, y: 10.105), control1: CGPoint(x: 5.309, y: 10), control2: CGPoint(x: 5.125, y: 10.035))
        p.addCurve(to: CGPoint(x: 4.439, y: 10.439), control1: CGPoint(x: 4.755, y: 10.182), control2: CGPoint(x: 4.586, y: 10.293))
        p.addCurve(to: CGPoint(x: 4.105, y: 10.948), control1: CGPoint(x: 4.293, y: 10.586), control2: CGPoint(x: 4.182, y: 10.755))
        p.addCurve(to: CGPoint(x: 4, y: 11.5), control1: CGPoint(x: 4.035, y: 11.125), control2: CGPoint(x: 4, y: 11.309))
        p.addCurve(to: CGPoint(x: 4.105, y: 12.052), control1: CGPoint(x: 4, y: 11.691), control2: CGPoint(x: 4.035, y: 11.875))
        p.addCurve(to: CGPoint(x: 4.439, y: 12.561), control1: CGPoint(x: 4.182, y: 12.245), control2: CGPoint(x: 4.293, y: 12.414))
        p.addCurve(to: CGPoint(x: 4.948, y: 12.895), control1: CGPoint(x: 4.586, y: 12.707), control2: CGPoint(x: 4.755, y: 12.818))
        p.addCurve(to: CGPoint(x: 5.5, y: 13), control1: CGPoint(x: 5.125, y: 12.965), control2: CGPoint(x: 5.309, y: 13))
        p.addCurve(to: CGPoint(x: 6.495, y: 12.623), control1: CGPoint(x: 5.879, y: 13), control2: CGPoint(x: 6.211, y: 12.874))
        p.addCurve(to: CGPoint(x: 6.856, y: 12.498), control1: CGPoint(x: 6.598, y: 12.531), control2: CGPoint(x: 6.719, y: 12.49))
        p.addCurve(to: CGPoint(x: 7.2, y: 12.666), control1: CGPoint(x: 6.994, y: 12.506), control2: CGPoint(x: 7.109, y: 12.562))
        p.addCurve(to: CGPoint(x: 7.328, y: 13.028), control1: CGPoint(x: 7.294, y: 12.771), control2: CGPoint(x: 7.336, y: 12.892))
        p.addCurve(to: CGPoint(x: 7.158, y: 13.371), control1: CGPoint(x: 7.32, y: 13.163), control2: CGPoint(x: 7.263, y: 13.278))
        p.addCurve(to: CGPoint(x: 6.386, y: 13.838), control1: CGPoint(x: 6.929, y: 13.574), control2: CGPoint(x: 6.672, y: 13.729))
        p.addCurve(to: CGPoint(x: 5.5, y: 14), control1: CGPoint(x: 6.101, y: 13.946), control2: CGPoint(x: 5.805, y: 14))
        p.addCurve(to: CGPoint(x: 4.58, y: 13.824), control1: CGPoint(x: 5.182, y: 14), control2: CGPoint(x: 4.875, y: 13.941))
        p.addCurve(to: CGPoint(x: 3.732, y: 13.268), control1: CGPoint(x: 4.259, y: 13.697), control2: CGPoint(x: 3.976, y: 13.512))
        p.addCurve(to: CGPoint(x: 3.176, y: 12.42), control1: CGPoint(x: 3.488, y: 13.024), control2: CGPoint(x: 3.303, y: 12.741))
        p.addCurve(to: CGPoint(x: 3.05, y: 12), control1: CGPoint(x: 3.121, y: 12.283), control2: CGPoint(x: 3.079, y: 12.142))
        p.addLine(to: CGPoint(x: 2.5, y: 12))
        p.addCurve(to: CGPoint(x: 2.144, y: 11.856), control1: CGPoint(x: 2.359, y: 12), control2: CGPoint(x: 2.241, y: 11.952))
        p.closeSubpath()
        return p.applying(CGAffineTransform(scaleX: rect.width / 16, y: rect.height / 16))
    }
}

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

### Compose

```kotlin
// Gentleface "sliders-sparkle" (line-round), MIT. https://gentleface.com/icons/sliders-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 SlidersSparkleIcon: ImageVector by lazy {
    ImageVector.Builder(
        name = "sliders-sparkle", defaultWidth = 16.dp, defaultHeight = 16.dp,
        viewportWidth = 16f, viewportHeight = 16f,
    ).addPath(
        pathData = addPathNodes("M2.144 4.856C2.048 4.759 2 4.641 2 4.5C2 4.359 2.048 4.241 2.144 4.144C2.241 4.048 2.359 4 2.5 4L8.05 4C8.079 3.858 8.121 3.717 8.176 3.58C8.303 3.259 8.488 2.976 8.732 2.732C8.976 2.488 9.259 2.303 9.58 2.176C9.875 2.059 10.182 2 10.5 2C10.818 2 11.125 2.059 11.42 2.176C11.741 2.303 12.024 2.488 12.268 2.732C12.512 2.976 12.697 3.259 12.824 3.58C12.879 3.717 12.921 3.858 12.95 4L13.5 4C13.641 4 13.759 4.048 13.856 4.144C13.952 4.241 14 4.359 14 4.5C14 4.641 13.952 4.759 13.856 4.856C13.759 4.952 13.641 5 13.5 5L12.951 5C12.889 5.312 12.766 5.607 12.583 5.883C12.507 5.998 12.401 6.069 12.265 6.096C12.13 6.123 12.005 6.099 11.89 6.023C11.772 5.945 11.7 5.839 11.673 5.706C11.646 5.572 11.672 5.447 11.75 5.33C11.917 5.078 12 4.802 12 4.5C12 4.309 11.965 4.125 11.895 3.948C11.818 3.755 11.707 3.586 11.561 3.439C11.414 3.293 11.245 3.182 11.052 3.105C10.875 3.035 10.691 3 10.5 3C10.309 3 10.125 3.035 9.948 3.105C9.755 3.182 9.586 3.293 9.439 3.439C9.293 3.586 9.182 3.755 9.105 3.948C9.035 4.125 9 4.309 9 4.5C9 4.86 9.115 5.178 9.344 5.456C9.573 5.733 9.864 5.906 10.218 5.973C10.353 5.999 10.46 6.069 10.537 6.184C10.609 6.288 10.636 6.402 10.62 6.525C10.58 6.599 10.55 6.677 10.529 6.759C10.496 6.804 10.455 6.844 10.404 6.878C10.29 6.956 10.165 6.981 10.03 6.955C9.753 6.902 9.493 6.805 9.249 6.665C8.989 6.514 8.764 6.324 8.573 6.093C8.382 5.862 8.237 5.605 8.139 5.321C8.102 5.215 8.072 5.108 8.05 5L2.5 5C2.359 5 2.241 4.952 2.144 4.856ZM11.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 16ZM2.144 11.856C2.048 11.759 2 11.641 2 11.5C2 11.359 2.048 11.241 2.144 11.144C2.241 11.048 2.359 11 2.5 11L3.05 11C3.079 10.858 3.121 10.717 3.176 10.58C3.303 10.259 3.488 9.976 3.732 9.732C3.976 9.488 4.259 9.303 4.58 9.176C4.875 9.059 5.182 9 5.5 9C5.805 9 6.101 9.054 6.386 9.162C6.672 9.271 6.929 9.426 7.158 9.629C7.263 9.722 7.32 9.837 7.328 9.972C7.336 10.108 7.294 10.229 7.2 10.334C7.107 10.44 6.992 10.497 6.857 10.505C6.721 10.513 6.6 10.471 6.495 10.377C6.211 10.126 5.879 10 5.5 10C5.309 10 5.125 10.035 4.948 10.105C4.755 10.182 4.586 10.293 4.439 10.439C4.293 10.586 4.182 10.755 4.105 10.948C4.035 11.125 4 11.309 4 11.5C4 11.691 4.035 11.875 4.105 12.052C4.182 12.245 4.293 12.414 4.439 12.561C4.586 12.707 4.755 12.818 4.948 12.895C5.125 12.965 5.309 13 5.5 13C5.879 13 6.211 12.874 6.495 12.623C6.598 12.531 6.719 12.49 6.856 12.498C6.994 12.506 7.109 12.562 7.2 12.666C7.294 12.771 7.336 12.892 7.328 13.028C7.32 13.163 7.263 13.278 7.158 13.371C6.929 13.574 6.672 13.729 6.386 13.838C6.101 13.946 5.805 14 5.5 14C5.182 14 4.875 13.941 4.58 13.824C4.259 13.697 3.976 13.512 3.732 13.268C3.488 13.024 3.303 12.741 3.176 12.42C3.121 12.283 3.079 12.142 3.05 12L2.5 12C2.359 12 2.241 11.952 2.144 11.856Z"),
        fill = SolidColor(Color.Black),
    ).build()
}

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

### Android XML

```xml
<!-- res/drawable/ic_sliders_sparkle.xml · Gentleface "sliders-sparkle" (line-round), MIT. https://gentleface.com/icons/sliders-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="M2.144 4.856C2.048 4.759 2 4.641 2 4.5C2 4.359 2.048 4.241 2.144 4.144C2.241 4.048 2.359 4 2.5 4L8.05 4C8.079 3.858 8.121 3.717 8.176 3.58C8.303 3.259 8.488 2.976 8.732 2.732C8.976 2.488 9.259 2.303 9.58 2.176C9.875 2.059 10.182 2 10.5 2C10.818 2 11.125 2.059 11.42 2.176C11.741 2.303 12.024 2.488 12.268 2.732C12.512 2.976 12.697 3.259 12.824 3.58C12.879 3.717 12.921 3.858 12.95 4L13.5 4C13.641 4 13.759 4.048 13.856 4.144C13.952 4.241 14 4.359 14 4.5C14 4.641 13.952 4.759 13.856 4.856C13.759 4.952 13.641 5 13.5 5L12.951 5C12.889 5.312 12.766 5.607 12.583 5.883C12.507 5.998 12.401 6.069 12.265 6.096C12.13 6.123 12.005 6.099 11.89 6.023C11.772 5.945 11.7 5.839 11.673 5.706C11.646 5.572 11.672 5.447 11.75 5.33C11.917 5.078 12 4.802 12 4.5C12 4.309 11.965 4.125 11.895 3.948C11.818 3.755 11.707 3.586 11.561 3.439C11.414 3.293 11.245 3.182 11.052 3.105C10.875 3.035 10.691 3 10.5 3C10.309 3 10.125 3.035 9.948 3.105C9.755 3.182 9.586 3.293 9.439 3.439C9.293 3.586 9.182 3.755 9.105 3.948C9.035 4.125 9 4.309 9 4.5C9 4.86 9.115 5.178 9.344 5.456C9.573 5.733 9.864 5.906 10.218 5.973C10.353 5.999 10.46 6.069 10.537 6.184C10.609 6.288 10.636 6.402 10.62 6.525C10.58 6.599 10.55 6.677 10.529 6.759C10.496 6.804 10.455 6.844 10.404 6.878C10.29 6.956 10.165 6.981 10.03 6.955C9.753 6.902 9.493 6.805 9.249 6.665C8.989 6.514 8.764 6.324 8.573 6.093C8.382 5.862 8.237 5.605 8.139 5.321C8.102 5.215 8.072 5.108 8.05 5L2.5 5C2.359 5 2.241 4.952 2.144 4.856ZM11.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 16ZM2.144 11.856C2.048 11.759 2 11.641 2 11.5C2 11.359 2.048 11.241 2.144 11.144C2.241 11.048 2.359 11 2.5 11L3.05 11C3.079 10.858 3.121 10.717 3.176 10.58C3.303 10.259 3.488 9.976 3.732 9.732C3.976 9.488 4.259 9.303 4.58 9.176C4.875 9.059 5.182 9 5.5 9C5.805 9 6.101 9.054 6.386 9.162C6.672 9.271 6.929 9.426 7.158 9.629C7.263 9.722 7.32 9.837 7.328 9.972C7.336 10.108 7.294 10.229 7.2 10.334C7.107 10.44 6.992 10.497 6.857 10.505C6.721 10.513 6.6 10.471 6.495 10.377C6.211 10.126 5.879 10 5.5 10C5.309 10 5.125 10.035 4.948 10.105C4.755 10.182 4.586 10.293 4.439 10.439C4.293 10.586 4.182 10.755 4.105 10.948C4.035 11.125 4 11.309 4 11.5C4 11.691 4.035 11.875 4.105 12.052C4.182 12.245 4.293 12.414 4.439 12.561C4.586 12.707 4.755 12.818 4.948 12.895C5.125 12.965 5.309 13 5.5 13C5.879 13 6.211 12.874 6.495 12.623C6.598 12.531 6.719 12.49 6.856 12.498C6.994 12.506 7.109 12.562 7.2 12.666C7.294 12.771 7.336 12.892 7.328 13.028C7.32 13.163 7.263 13.278 7.158 13.371C6.929 13.574 6.672 13.729 6.386 13.838C6.101 13.946 5.805 14 5.5 14C5.182 14 4.875 13.941 4.58 13.824C4.259 13.697 3.976 13.512 3.732 13.268C3.488 13.024 3.303 12.741 3.176 12.42C3.121 12.283 3.079 12.142 3.05 12L2.5 12C2.359 12 2.241 11.952 2.144 11.856Z"/>
</vector>
```

### Flutter

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

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

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

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

  @override
  void paint(Canvas canvas, Size size) {
    canvas.scale(size.width / 16, size.height / 16);
    final p = Path()
      ..moveTo(2.144, 4.856)
      ..cubicTo(2.048, 4.759, 2, 4.641, 2, 4.5)
      ..cubicTo(2, 4.359, 2.048, 4.241, 2.144, 4.144)
      ..cubicTo(2.241, 4.048, 2.359, 4, 2.5, 4)
      ..lineTo(8.05, 4)
      ..cubicTo(8.079, 3.858, 8.121, 3.717, 8.176, 3.58)
      ..cubicTo(8.303, 3.259, 8.488, 2.976, 8.732, 2.732)
      ..cubicTo(8.976, 2.488, 9.259, 2.303, 9.58, 2.176)
      ..cubicTo(9.875, 2.059, 10.182, 2, 10.5, 2)
      ..cubicTo(10.818, 2, 11.125, 2.059, 11.42, 2.176)
      ..cubicTo(11.741, 2.303, 12.024, 2.488, 12.268, 2.732)
      ..cubicTo(12.512, 2.976, 12.697, 3.259, 12.824, 3.58)
      ..cubicTo(12.879, 3.717, 12.921, 3.858, 12.95, 4)
      ..lineTo(13.5, 4)
      ..cubicTo(13.641, 4, 13.759, 4.048, 13.856, 4.144)
      ..cubicTo(13.952, 4.241, 14, 4.359, 14, 4.5)
      ..cubicTo(14, 4.641, 13.952, 4.759, 13.856, 4.856)
      ..cubicTo(13.759, 4.952, 13.641, 5, 13.5, 5)
      ..lineTo(12.951, 5)
      ..cubicTo(12.889, 5.312, 12.766, 5.607, 12.583, 5.883)
      ..cubicTo(12.507, 5.998, 12.401, 6.069, 12.265, 6.096)
      ..cubicTo(12.13, 6.123, 12.005, 6.099, 11.89, 6.023)
      ..cubicTo(11.772, 5.945, 11.7, 5.839, 11.673, 5.706)
      ..cubicTo(11.646, 5.572, 11.672, 5.447, 11.75, 5.33)
      ..cubicTo(11.917, 5.078, 12, 4.802, 12, 4.5)
      ..cubicTo(12, 4.309, 11.965, 4.125, 11.895, 3.948)
      ..cubicTo(11.818, 3.755, 11.707, 3.586, 11.561, 3.439)
      ..cubicTo(11.414, 3.293, 11.245, 3.182, 11.052, 3.105)
      ..cubicTo(10.875, 3.035, 10.691, 3, 10.5, 3)
      ..cubicTo(10.309, 3, 10.125, 3.035, 9.948, 3.105)
      ..cubicTo(9.755, 3.182, 9.586, 3.293, 9.439, 3.439)
      ..cubicTo(9.293, 3.586, 9.182, 3.755, 9.105, 3.948)
      ..cubicTo(9.035, 4.125, 9, 4.309, 9, 4.5)
      ..cubicTo(9, 4.86, 9.115, 5.178, 9.344, 5.456)
      ..cubicTo(9.573, 5.733, 9.864, 5.906, 10.218, 5.973)
      ..cubicTo(10.353, 5.999, 10.46, 6.069, 10.537, 6.184)
      ..cubicTo(10.609, 6.288, 10.636, 6.402, 10.62, 6.525)
      ..cubicTo(10.58, 6.599, 10.55, 6.677, 10.529, 6.759)
      ..cubicTo(10.496, 6.804, 10.455, 6.844, 10.404, 6.878)
      ..cubicTo(10.29, 6.956, 10.165, 6.981, 10.03, 6.955)
      ..cubicTo(9.753, 6.902, 9.493, 6.805, 9.249, 6.665)
      ..cubicTo(8.989, 6.514, 8.764, 6.324, 8.573, 6.093)
      ..cubicTo(8.382, 5.862, 8.237, 5.605, 8.139, 5.321)
      ..cubicTo(8.102, 5.215, 8.072, 5.108, 8.05, 5)
      ..lineTo(2.5, 5)
      ..cubicTo(2.359, 5, 2.241, 4.952, 2.144, 4.856)
      ..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()
      ..moveTo(2.144, 11.856)
      ..cubicTo(2.048, 11.759, 2, 11.641, 2, 11.5)
      ..cubicTo(2, 11.359, 2.048, 11.241, 2.144, 11.144)
      ..cubicTo(2.241, 11.048, 2.359, 11, 2.5, 11)
      ..lineTo(3.05, 11)
      ..cubicTo(3.079, 10.858, 3.121, 10.717, 3.176, 10.58)
      ..cubicTo(3.303, 10.259, 3.488, 9.976, 3.732, 9.732)
      ..cubicTo(3.976, 9.488, 4.259, 9.303, 4.58, 9.176)
      ..cubicTo(4.875, 9.059, 5.182, 9, 5.5, 9)
      ..cubicTo(5.805, 9, 6.101, 9.054, 6.386, 9.162)
      ..cubicTo(6.672, 9.271, 6.929, 9.426, 7.158, 9.629)
      ..cubicTo(7.263, 9.722, 7.32, 9.837, 7.328, 9.972)
      ..cubicTo(7.336, 10.108, 7.294, 10.229, 7.2, 10.334)
      ..cubicTo(7.107, 10.44, 6.992, 10.497, 6.857, 10.505)
      ..cubicTo(6.721, 10.513, 6.6, 10.471, 6.495, 10.377)
      ..cubicTo(6.211, 10.126, 5.879, 10, 5.5, 10)
      ..cubicTo(5.309, 10, 5.125, 10.035, 4.948, 10.105)
      ..cubicTo(4.755, 10.182, 4.586, 10.293, 4.439, 10.439)
      ..cubicTo(4.293, 10.586, 4.182, 10.755, 4.105, 10.948)
      ..cubicTo(4.035, 11.125, 4, 11.309, 4, 11.5)
      ..cubicTo(4, 11.691, 4.035, 11.875, 4.105, 12.052)
      ..cubicTo(4.182, 12.245, 4.293, 12.414, 4.439, 12.561)
      ..cubicTo(4.586, 12.707, 4.755, 12.818, 4.948, 12.895)
      ..cubicTo(5.125, 12.965, 5.309, 13, 5.5, 13)
      ..cubicTo(5.879, 13, 6.211, 12.874, 6.495, 12.623)
      ..cubicTo(6.598, 12.531, 6.719, 12.49, 6.856, 12.498)
      ..cubicTo(6.994, 12.506, 7.109, 12.562, 7.2, 12.666)
      ..cubicTo(7.294, 12.771, 7.336, 12.892, 7.328, 13.028)
      ..cubicTo(7.32, 13.163, 7.263, 13.278, 7.158, 13.371)
      ..cubicTo(6.929, 13.574, 6.672, 13.729, 6.386, 13.838)
      ..cubicTo(6.101, 13.946, 5.805, 14, 5.5, 14)
      ..cubicTo(5.182, 14, 4.875, 13.941, 4.58, 13.824)
      ..cubicTo(4.259, 13.697, 3.976, 13.512, 3.732, 13.268)
      ..cubicTo(3.488, 13.024, 3.303, 12.741, 3.176, 12.42)
      ..cubicTo(3.121, 12.283, 3.079, 12.142, 3.05, 12)
      ..lineTo(2.5, 12)
      ..cubicTo(2.359, 12, 2.241, 11.952, 2.144, 11.856)
      ..close();
    canvas.drawPath(p, Paint()..color = color);
  }

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