{
 "name": "activity-sparkle",
 "title": "Activity sparkle",
 "component": "ActivitySparkleIcon",
 "url": "https://gentleface.com/icons/activity-sparkle",
 "category": "charts",
 "motif": "chart",
 "added": "2026-11-06",
 "since": "0.4.0",
 "history": [
  {
   "date": "2026-11-06",
   "what": [
    "added",
    "released in 0.4.0"
   ]
  }
 ],
 "geometry_hash": "2f51e7c88b1b",
 "use_for": [
  "ai monitoring",
  "ai signal analysis",
  "ai vitals analysis"
 ],
 "example": "AI insights on a vitals or uptime dashboard",
 "base": "activity",
 "modifier": "sparkle",
 "family": [
  "activity",
  "activity-alert",
  "activity-check",
  "activity-gear",
  "activity-off",
  "activity-plus",
  "activity-search",
  "activity-user",
  "area-chart",
  "area-chart-stacked",
  "axis-x",
  "bar-chart",
  "bar-chart-alert",
  "bar-chart-arrow-down",
  "bar-chart-arrow-up",
  "bar-chart-clock",
  "bar-chart-gear",
  "bar-chart-grouped",
  "bar-chart-grouped-filled",
  "bar-chart-horizontal",
  "bar-chart-link",
  "bar-chart-off",
  "bar-chart-pencil",
  "bar-chart-plus",
  "bar-chart-search",
  "bar-chart-sparkle",
  "bar-chart-stacked",
  "bar-chart-threshold",
  "bar-chart-x",
  "bubble-chart",
  "candlestick-chart",
  "candlestick-chart-pause",
  "candlestick-chart-play",
  "candlestick-chart-shield",
  "candlestick-chart-swap",
  "candlestick-chart-user",
  "cohort-chart",
  "combo-chart",
  "donut-chart",
  "funnel-chart",
  "gantt-chart",
  "heatmap",
  "histogram",
  "line-chart",
  "line-chart-forecast",
  "pie-chart",
  "radar-chart",
  "sankey-chart",
  "sankey-chart-three",
  "scatter-chart",
  "treemap",
  "trending-down",
  "trending-up",
  "trending-up-alert",
  "trending-up-check",
  "trending-up-down",
  "trending-up-sparkle",
  "venn-diagram",
  "waterfall-chart"
 ],
 "tags": [
  "pulse",
  "heartbeat",
  "vitals",
  "ecg",
  "health",
  "monitor",
  "sparkle"
 ],
 "size": 16,
 "styles": [
  "line-round",
  "line-soft",
  "line-sharp",
  "solid-round",
  "solid-soft",
  "solid-sharp"
 ],
 "default_style": "line-round",
 "svg": {
  "line-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M4.053 3.276C4.116 3.15 4.212 3.066 4.341 3.023C4.47 2.98 4.598 2.99 4.724 3.053C4.823 3.102 4.898 3.177 4.947 3.276L6.5 6.382L7.053 5.276C7.096 5.191 7.157 5.124 7.237 5.074C7.317 5.025 7.404 5 7.5 5L8.5 5C8.641 5 8.759 5.048 8.856 5.144C8.952 5.241 9 5.359 9 5.5C9 5.641 8.952 5.759 8.856 5.856C8.759 5.952 8.641 6 8.5 6L7.809 6L6.947 7.724C6.898 7.823 6.823 7.898 6.724 7.947C6.598 8.01 6.47 8.02 6.341 7.977C6.212 7.934 6.116 7.85 6.053 7.724L4.5 4.618L3.947 5.724C3.904 5.809 3.843 5.876 3.763 5.926C3.683 5.975 3.596 6 3.5 6L1.5 6C1.359 6 1.241 5.952 1.144 5.856C1.048 5.759 1 5.641 1 5.5C1 5.359 1.048 5.241 1.144 5.144C1.241 5.048 1.359 5 1.5 5L3.191 5L4.053 3.276ZM11.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>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M4.053 3.276C4.116 3.15 4.212 3.066 4.341 3.023C4.47 2.98 4.598 2.99 4.724 3.053C4.823 3.102 4.898 3.177 4.947 3.276L6.5 6.382L7.053 5.276C7.096 5.191 7.157 5.124 7.237 5.074C7.317 5.025 7.404 5 7.5 5L8.5 5C8.641 5 8.759 5.048 8.856 5.144C8.952 5.241 9 5.359 9 5.5C9 5.641 8.952 5.759 8.856 5.856C8.759 5.952 8.641 6 8.5 6L7.809 6L6.947 7.724C6.898 7.823 6.823 7.898 6.724 7.947C6.598 8.01 6.47 8.02 6.341 7.977C6.212 7.934 6.116 7.85 6.053 7.724L4.5 4.618L3.947 5.724C3.904 5.809 3.843 5.876 3.763 5.926C3.683 5.975 3.596 6 3.5 6L1.5 6C1.359 6 1.241 5.952 1.144 5.856C1.048 5.759 1 5.641 1 5.5C1 5.359 1.048 5.241 1.144 5.144C1.241 5.048 1.359 5 1.5 5L3.191 5L4.053 3.276ZM11.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>",
  "line-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M1 5L3.191 5L4.5 2.382L6.5 6.382L7.191 5L9 5L9 6L7.809 6L6.5 8.618L4.5 4.618L3.809 6L1 6L1 5ZM11.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>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M4.724 3.053C4.823 3.102 4.898 3.177 4.947 3.276L6.5 6.382L7.053 5.276C7.096 5.191 7.157 5.124 7.237 5.074C7.317 5.025 7.404 5 7.5 5L8.5 5C8.641 5 8.759 5.048 8.856 5.144C8.952 5.241 9 5.359 9 5.5C9 5.641 8.952 5.759 8.856 5.856C8.759 5.952 8.641 6 8.5 6L7.809 6L6.947 7.724C6.898 7.823 6.823 7.898 6.724 7.947C6.598 8.01 6.47 8.02 6.341 7.977C6.212 7.934 6.116 7.85 6.053 7.724L4.5 4.618L3.947 5.724C3.904 5.809 3.843 5.876 3.763 5.926C3.683 5.975 3.596 6 3.5 6L1.5 6C1.359 6 1.241 5.952 1.144 5.856C1.048 5.759 1 5.641 1 5.5C1 5.359 1.048 5.241 1.144 5.144C1.241 5.048 1.359 5 1.5 5L3.191 5L4.053 3.276C4.116 3.15 4.212 3.066 4.341 3.023C4.47 2.98 4.598 2.99 4.724 3.053ZM11.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>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M4.724 3.053C4.823 3.102 4.898 3.177 4.947 3.276L6.5 6.382L7.053 5.276C7.096 5.191 7.157 5.124 7.237 5.074C7.317 5.025 7.404 5 7.5 5L8.5 5C8.641 5 8.759 5.048 8.856 5.144C8.952 5.241 9 5.359 9 5.5C9 5.641 8.952 5.759 8.856 5.856C8.759 5.952 8.641 6 8.5 6L7.809 6L6.947 7.724C6.898 7.823 6.823 7.898 6.724 7.947C6.598 8.01 6.47 8.02 6.341 7.977C6.212 7.934 6.116 7.85 6.053 7.724L4.5 4.618L3.947 5.724C3.904 5.809 3.843 5.876 3.763 5.926C3.683 5.975 3.596 6 3.5 6L1.5 6C1.359 6 1.241 5.952 1.144 5.856C1.048 5.759 1 5.641 1 5.5C1 5.359 1.048 5.241 1.144 5.144C1.241 5.048 1.359 5 1.5 5L3.191 5L4.053 3.276C4.116 3.15 4.212 3.066 4.341 3.023C4.47 2.98 4.598 2.99 4.724 3.053ZM11.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>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M1 5L3.191 5L4.5 2.382L6.5 6.382L7.191 5L9 5L9 6L7.809 6L6.5 8.618L4.5 4.618L3.809 6L1 6L1 5ZM11.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>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/activity-sparkle.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/activity-sparkle.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/activity-sparkle.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/activity-sparkle.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/activity-sparkle.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/activity-sparkle.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/activity-sparkle.png",
   "32": "https://gentleface.com/png/line-round/32/activity-sparkle.png",
   "48": "https://gentleface.com/png/line-round/48/activity-sparkle.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/activity-sparkle.png",
   "32": "https://gentleface.com/png/line-soft/32/activity-sparkle.png",
   "48": "https://gentleface.com/png/line-soft/48/activity-sparkle.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/activity-sparkle.png",
   "32": "https://gentleface.com/png/line-sharp/32/activity-sparkle.png",
   "48": "https://gentleface.com/png/line-sharp/48/activity-sparkle.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/activity-sparkle.png",
   "32": "https://gentleface.com/png/solid-round/32/activity-sparkle.png",
   "48": "https://gentleface.com/png/solid-round/48/activity-sparkle.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/activity-sparkle.png",
   "32": "https://gentleface.com/png/solid-soft/32/activity-sparkle.png",
   "48": "https://gentleface.com/png/solid-soft/48/activity-sparkle.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/activity-sparkle.png",
   "32": "https://gentleface.com/png/solid-sharp/32/activity-sparkle.png",
   "48": "https://gentleface.com/png/solid-sharp/48/activity-sparkle.png"
  }
 },
 "npm": {
  "react": "import { ActivitySparkleIcon } from '@gentleface/react';",
  "svg": "@gentleface/icons/svg/line-round/16/activity-sparkle.svg",
  "cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/activity-sparkle.svg",
  "version": "0.6.0"
 },
 "license": "MIT",
 "author": "Alexander Kiselev",
 "motion": {
  "name": "activity-sparkle-beat",
  "does": "The sparkle twinkles out. The pulse beats twice, its spike jumping taller and settling, and on the second beat the sparkle twinkles back in.",
  "url": "https://gentleface.com/motion/activity-sparkle-beat.svg",
  "style": "line-round",
  "size": 16,
  "duration": 2.8,
  "frames": [
   0.2,
   1.5
  ],
  "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=\"M1.5 5.5L3.5 5.5L4.5 3.5L6.5 7.5L7.5 5.5L8.5 5.5\" stroke-dasharray=\"11.944 13.944\" stroke-dashoffset=\"0\"><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.16;0.161;0.321;0.322;0.339;0.348;0.357;0.366;0.375;0.383;0.392;0.401;0.41;0.419;0.428;0.436;0.445;0.454;0.463;0.472;0.48;0.489;1\" values=\"11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;0 13.944;0 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944\"/><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.16;0.161;0.321;0.322;0.339;0.348;0.357;0.366;0.375;0.383;0.392;0.401;0.41;0.419;0.428;0.436;0.445;0.454;0.463;0.472;0.48;0.489;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\"/><animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.161;0.321\" values=\"visible;hidden;visible\"/></path><path d=\"M1.5 5.5L3.5 5.5L4.5 3.5L6.5 7.5L7.5 5.5L8.5 5.5\" visibility=\"hidden\"><animate attributeName=\"d\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.161;0.196;0.239;0.275;0.321;1\" values=\"M1.5 5.5L3.5 5.5L4.5 3.5L6.5 7.5L7.5 5.5L8.5 5.5;M1.5 5.5L3.5 5.5L4.5 3.5L6.5 7.5L7.5 5.5L8.5 5.5;M1.5 5.5L3.5 5.5L4.5 2.4L6.5 8.6L7.5 5.5L8.5 5.5;M1.5 5.5L3.5 5.5L4.5 3.7L6.5 7.3L7.5 5.5L8.5 5.5;M1.5 5.5L3.5 5.5L4.5 2.9L6.5 8.1L7.5 5.5L8.5 5.5;M1.5 5.5L3.5 5.5L4.5 3.5L6.5 7.5L7.5 5.5L8.5 5.5;M1.5 5.5L3.5 5.5L4.5 3.5L6.5 7.5L7.5 5.5L8.5 5.5\" calcMode=\"spline\" keySplines=\"0 0 1 1;.15 .75 .25 1;.37 0 .63 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1\"/><animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.161;0.322\" values=\"hidden;visible;hidden\"/></path><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.339;0.411;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.339\" values=\"visible;hidden;visible\"/><g><animateTransform attributeName=\"transform\" type=\"rotate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.089;0.161;0.339;0.432;0.489;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>",
  "react": "// Gentleface \"activity-sparkle\" animated (activity-sparkle-beat), MIT. https://gentleface.com/icons/activity-sparkle\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, type SVGProps } from 'react';\n\nexport const ActivitySparkleBeatIcon = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(function ActivitySparkleBeatIcon(props, ref) {\n  return (\n    <svg ref={ref} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.001\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\" {...props}>\n      <path d=\"M1.5 5.5L3.5 5.5L4.5 3.5L6.5 7.5L7.5 5.5L8.5 5.5\" strokeDasharray=\"11.944 13.944\" strokeDashoffset=\"0\">\n      <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.16;0.161;0.321;0.322;0.339;0.348;0.357;0.366;0.375;0.383;0.392;0.401;0.41;0.419;0.428;0.436;0.445;0.454;0.463;0.472;0.48;0.489;1\" values=\"11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;0 13.944;0 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944;11.944 13.944\"/>\n      <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.16;0.161;0.321;0.322;0.339;0.348;0.357;0.366;0.375;0.383;0.392;0.401;0.41;0.419;0.428;0.436;0.445;0.454;0.463;0.472;0.48;0.489;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\"/>\n      <animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.161;0.321\" values=\"visible;hidden;visible\"/>\n      </path>\n      <path d=\"M1.5 5.5L3.5 5.5L4.5 3.5L6.5 7.5L7.5 5.5L8.5 5.5\" visibility=\"hidden\">\n      <animate attributeName=\"d\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.161;0.196;0.239;0.275;0.321;1\" values=\"M1.5 5.5L3.5 5.5L4.5 3.5L6.5 7.5L7.5 5.5L8.5 5.5;M1.5 5.5L3.5 5.5L4.5 3.5L6.5 7.5L7.5 5.5L8.5 5.5;M1.5 5.5L3.5 5.5L4.5 2.4L6.5 8.6L7.5 5.5L8.5 5.5;M1.5 5.5L3.5 5.5L4.5 3.7L6.5 7.3L7.5 5.5L8.5 5.5;M1.5 5.5L3.5 5.5L4.5 2.9L6.5 8.1L7.5 5.5L8.5 5.5;M1.5 5.5L3.5 5.5L4.5 3.5L6.5 7.5L7.5 5.5L8.5 5.5;M1.5 5.5L3.5 5.5L4.5 3.5L6.5 7.5L7.5 5.5L8.5 5.5\" calcMode=\"spline\" keySplines=\"0 0 1 1;.15 .75 .25 1;.37 0 .63 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1\"/>\n      <animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.161;0.322\" values=\"hidden;visible;hidden\"/>\n      </path>\n      <g transform=\"translate(11.5 11.5)\">\n      <g>\n      <animateTransform attributeName=\"transform\" type=\"scale\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.089;0.161;0.339;0.411;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\"/>\n      <animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.161;0.339\" values=\"visible;hidden;visible\"/>\n      <g>\n      <animateTransform attributeName=\"transform\" type=\"rotate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.089;0.161;0.339;0.432;0.489;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\"/>\n      <g transform=\"translate(-11.5 -11.5)\">\n      <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\">\n      </path>\n      </g>\n      </g>\n      </g>\n      </g>\n    </svg>\n  );\n});",
  "how_to_play": "https://gentleface.com/animated-icons.md"
 }
}