{
 "name": "text-size-sparkle",
 "title": "Text size sparkle",
 "component": "TextSizeSparkleIcon",
 "url": "https://gentleface.com/icons/text-size-sparkle",
 "category": "text",
 "motif": "text-format",
 "added": "2026-11-06",
 "since": "0.4.0",
 "history": [
  {
   "date": "2026-11-06",
   "what": [
    "added",
    "released in 0.4.0"
   ]
  }
 ],
 "geometry_hash": "6a00a8dfb76d",
 "use_for": [
  "auto fit text",
  "smart text size"
 ],
 "example": "Auto-fit text to the box with AI",
 "base": "text-size",
 "modifier": "sparkle",
 "family": [
  "text-size",
  "bold",
  "case-lower",
  "case-sensitive",
  "case-sensitive-arrow-down",
  "case-sensitive-off",
  "case-sensitive-plus",
  "case-sensitive-swap",
  "case-title",
  "case-upper",
  "footnote",
  "heading",
  "heading-1",
  "heading-2",
  "heading-3",
  "italic",
  "letter-spacing",
  "line-height",
  "overline",
  "pilcrow",
  "spell-check",
  "spell-check-alert",
  "spell-check-gear",
  "spell-check-plus",
  "strikethrough",
  "subscript",
  "superscript",
  "text-color",
  "text-footnote",
  "text-initial",
  "text-rotate",
  "text-size-decrease",
  "text-size-increase",
  "type",
  "type-plus",
  "type-swap",
  "type-x",
  "underline"
 ],
 "tags": [
  "text-size",
  "font-size",
  "size",
  "scale",
  "letters",
  "text",
  "format",
  "t",
  "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=\"M6.144 2.144C6.241 2.048 6.359 2 6.5 2L14.5 2C14.641 2 14.759 2.048 14.856 2.144C14.952 2.241 15 2.359 15 2.5L15 3.5C15 3.641 14.952 3.759 14.856 3.856C14.759 3.952 14.641 4 14.5 4C14.359 4 14.241 3.952 14.144 3.856C14.048 3.759 14 3.641 14 3.5L14 3L11 3L11 5.5C11 5.641 10.952 5.759 10.856 5.856C10.759 5.952 10.641 6 10.5 6C10.359 6 10.241 5.952 10.144 5.856C10.048 5.759 10 5.641 10 5.5L10 3L7 3L7 3.5C7 3.641 6.952 3.759 6.856 3.856C6.759 3.952 6.641 4 6.5 4C6.359 4 6.241 3.952 6.144 3.856C6.048 3.759 6 3.641 6 3.5L6 2.5C6 2.359 6.048 2.241 6.144 2.144ZM4 13.5C4 13.641 3.952 13.759 3.856 13.856C3.759 13.952 3.641 14 3.5 14C3.359 14 3.241 13.952 3.144 13.856C3.048 13.759 3 13.641 3 13.5L3 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L5.5 7C5.641 7 5.759 7.048 5.856 7.144C5.952 7.241 6 7.359 6 7.5C6 7.641 5.952 7.759 5.856 7.856C5.759 7.952 5.641 8 5.5 8L4 8L4 13.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>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M6.144 2.144C6.241 2.048 6.359 2 6.5 2L14.5 2C14.641 2 14.759 2.048 14.856 2.144C14.952 2.241 15 2.359 15 2.5L15 3.5C15 3.641 14.952 3.759 14.856 3.856C14.759 3.952 14.641 4 14.5 4C14.359 4 14.241 3.952 14.144 3.856C14.048 3.759 14 3.641 14 3.5L14 3L11 3L11 5.5C11 5.641 10.952 5.759 10.856 5.856C10.759 5.952 10.641 6 10.5 6C10.359 6 10.241 5.952 10.144 5.856C10.048 5.759 10 5.641 10 5.5L10 3L7 3L7 3.5C7 3.641 6.952 3.759 6.856 3.856C6.759 3.952 6.641 4 6.5 4C6.359 4 6.241 3.952 6.144 3.856C6.048 3.759 6 3.641 6 3.5L6 2.5C6 2.359 6.048 2.241 6.144 2.144ZM4 13.5C4 13.641 3.952 13.759 3.856 13.856C3.759 13.952 3.641 14 3.5 14C3.359 14 3.241 13.952 3.144 13.856C3.048 13.759 3 13.641 3 13.5L3 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L5.5 7C5.641 7 5.759 7.048 5.856 7.144C5.952 7.241 6 7.359 6 7.5C6 7.641 5.952 7.759 5.856 7.856C5.759 7.952 5.641 8 5.5 8L4 8L4 13.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>",
  "line-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M14 4L14 3L11 3L11 6L10 6L10 3L7 3L7 4L6 4L6 2L15 2L15 4L14 4ZM1 7L6 7L6 8L4 8L4 14L3 14L3 8L1 8L1 7ZM11.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=\"M15 2.5L15 3.5C15 3.641 14.952 3.759 14.856 3.856C14.759 3.952 14.641 4 14.5 4C14.359 4 14.241 3.952 14.144 3.856C14.048 3.759 14 3.641 14 3.5L14 3L11 3L11 5.5C11 5.641 10.952 5.759 10.856 5.856C10.759 5.952 10.641 6 10.5 6C10.359 6 10.241 5.952 10.144 5.856C10.048 5.759 10 5.641 10 5.5L10 3L7 3L7 3.5C7 3.641 6.952 3.759 6.856 3.856C6.759 3.952 6.641 4 6.5 4C6.359 4 6.241 3.952 6.144 3.856C6.048 3.759 6 3.641 6 3.5L6 2.5C6 2.359 6.048 2.241 6.144 2.144C6.241 2.048 6.359 2 6.5 2L14.5 2C14.641 2 14.759 2.048 14.856 2.144C14.952 2.241 15 2.359 15 2.5ZM6 7.5C6 7.641 5.952 7.759 5.856 7.856C5.759 7.952 5.641 8 5.5 8L4 8L4 13.5C4 13.641 3.952 13.759 3.856 13.856C3.759 13.952 3.641 14 3.5 14C3.359 14 3.241 13.952 3.144 13.856C3.048 13.759 3 13.641 3 13.5L3 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L5.5 7C5.641 7 5.759 7.048 5.856 7.144C5.952 7.241 6 7.359 6 7.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-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M15 2.5L15 3.5C15 3.641 14.952 3.759 14.856 3.856C14.759 3.952 14.641 4 14.5 4C14.359 4 14.241 3.952 14.144 3.856C14.048 3.759 14 3.641 14 3.5L14 3L11 3L11 5.5C11 5.641 10.952 5.759 10.856 5.856C10.759 5.952 10.641 6 10.5 6C10.359 6 10.241 5.952 10.144 5.856C10.048 5.759 10 5.641 10 5.5L10 3L7 3L7 3.5C7 3.641 6.952 3.759 6.856 3.856C6.759 3.952 6.641 4 6.5 4C6.359 4 6.241 3.952 6.144 3.856C6.048 3.759 6 3.641 6 3.5L6 2.5C6 2.359 6.048 2.241 6.144 2.144C6.241 2.048 6.359 2 6.5 2L14.5 2C14.641 2 14.759 2.048 14.856 2.144C14.952 2.241 15 2.359 15 2.5ZM6 7.5C6 7.641 5.952 7.759 5.856 7.856C5.759 7.952 5.641 8 5.5 8L4 8L4 13.5C4 13.641 3.952 13.759 3.856 13.856C3.759 13.952 3.641 14 3.5 14C3.359 14 3.241 13.952 3.144 13.856C3.048 13.759 3 13.641 3 13.5L3 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L5.5 7C5.641 7 5.759 7.048 5.856 7.144C5.952 7.241 6 7.359 6 7.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-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M14 4L14 3L11 3L11 6L10 6L10 3L7 3L7 4L6 4L6 2L15 2L15 4L14 4ZM1 7L6 7L6 8L4 8L4 14L3 14L3 8L1 8L1 7ZM11.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/text-size-sparkle.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/text-size-sparkle.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/text-size-sparkle.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/text-size-sparkle.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/text-size-sparkle.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/text-size-sparkle.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/text-size-sparkle.png",
   "32": "https://gentleface.com/png/line-round/32/text-size-sparkle.png",
   "48": "https://gentleface.com/png/line-round/48/text-size-sparkle.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/text-size-sparkle.png",
   "32": "https://gentleface.com/png/line-soft/32/text-size-sparkle.png",
   "48": "https://gentleface.com/png/line-soft/48/text-size-sparkle.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/text-size-sparkle.png",
   "32": "https://gentleface.com/png/line-sharp/32/text-size-sparkle.png",
   "48": "https://gentleface.com/png/line-sharp/48/text-size-sparkle.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/text-size-sparkle.png",
   "32": "https://gentleface.com/png/solid-round/32/text-size-sparkle.png",
   "48": "https://gentleface.com/png/solid-round/48/text-size-sparkle.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/text-size-sparkle.png",
   "32": "https://gentleface.com/png/solid-soft/32/text-size-sparkle.png",
   "48": "https://gentleface.com/png/solid-soft/48/text-size-sparkle.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/text-size-sparkle.png",
   "32": "https://gentleface.com/png/solid-sharp/32/text-size-sparkle.png",
   "48": "https://gentleface.com/png/solid-sharp/48/text-size-sparkle.png"
  }
 },
 "npm": {
  "react": "import { TextSizeSparkleIcon } from '@gentleface/react';",
  "svg": "@gentleface/icons/svg/line-round/16/text-size-sparkle.svg",
  "cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/text-size-sparkle.svg",
  "version": "0.6.0"
 },
 "license": "MIT",
 "author": "Alexander Kiselev",
 "motion": {
  "name": "text-size-sparkle-grow",
  "does": "The sparkle twinkles out and the small T grows a size, then another, from its baseline. The sparkle twinkles in on the larger text, and the T steps back down to its own size.",
  "url": "https://gentleface.com/motion/text-size-sparkle-grow.svg",
  "style": "line-round",
  "size": 16,
  "duration": 2.8,
  "frames": [
   0.2,
   2.05
  ],
  "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=\"M6.5 3.5L6.5 2.5L14.5 2.5L14.5 3.5\" stroke-dasharray=\"10 12\" stroke-dashoffset=\"0\"></path><path d=\"M10.5 2.5L10.5 13.5\" stroke-dasharray=\"3 13\" 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.161;0.436;0.445;0.453;0.462;0.471;0.48;0.489;0.497;0.506;0.515;0.524;0.533;0.542;0.55;0.559;0.568;0.577;0.586;1\" values=\"3 13;3 13;4 13;4 13;5 13;5 13;6 13;6 13;7 13;11 13;11 13;6 13;4 13;3 13;4 13;5 13;5 13;5 13;5 13;5 13;5 13;5 13;5 13;5 13;5 13;4 13;4 13;3 13;3 13\"/><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.436;0.445;0.453;0.462;0.471;0.48;0.489;0.497;0.506;0.515;0.524;0.533;0.542;0.55;0.559;0.568;0.577;0.586;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\"/></path><path d=\"M8.5 13.5L12.5 13.5\" stroke-dasharray=\"0 6\" stroke-dashoffset=\"0\" visibility=\"hidden\"><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.436;0.445;0.453;0.462;0.471;0.48;0.489;0.497;0.506;0.515;0.524;0.533;0.542;0.55;0.559;0.568;0.577;0.586;1\" values=\"0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;4 6;4 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6\"/><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.436;0.445;0.453;0.462;0.471;0.48;0.489;0.497;0.506;0.515;0.524;0.533;0.542;0.55;0.559;0.568;0.577;0.586;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\"/><animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.152;0.445\" values=\"hidden;visible;hidden\"/></path><path d=\"M1.5 7.5L5.5 7.5\"><animate attributeName=\"d\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.179;0.221;0.25;0.307;0.35;0.379;0.586;0.679;1\" values=\"M1.5 7.5L5.5 7.5;M1.5 7.5L5.5 7.5;M1.14 6.33L5.86 6.33;M1.2 6.525L5.8 6.525;M1.2 6.525L5.8 6.525;M.84 5.355L6.16 5.355;M.9 5.55L6.1 5.55;M.9 5.55L6.1 5.55;M1.5 7.5L5.5 7.5;M1.5 7.5L5.5 7.5\" calcMode=\"spline\" keySplines=\"0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/></path><path d=\"M3.5 7.5L3.5 13.5\"><animate attributeName=\"d\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.179;0.221;0.25;0.307;0.35;0.379;0.586;0.679;1\" values=\"M3.5 7.5L3.5 13.5;M3.5 7.5L3.5 13.5;M3.5 6.33L3.5 13.41;M3.5 6.525L3.5 13.425;M3.5 6.525L3.5 13.425;M3.5 5.355L3.5 13.335;M3.5 5.55L3.5 13.35;M3.5 5.55L3.5 13.35;M3.5 7.5L3.5 13.5;M3.5 7.5L3.5 13.5\" calcMode=\"spline\" keySplines=\"0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/></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.436;0.507;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.436\" values=\"visible;hidden;visible\"/><g><animateTransform attributeName=\"transform\" type=\"rotate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.089;0.161;0.436;0.529;0.586;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 \"text-size-sparkle\" animated (text-size-sparkle-grow), MIT. https://gentleface.com/icons/text-size-sparkle\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, type SVGProps } from 'react';\n\nexport const TextSizeSparkleGrowIcon = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(function TextSizeSparkleGrowIcon(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=\"M6.5 3.5L6.5 2.5L14.5 2.5L14.5 3.5\" strokeDasharray=\"10 12\" strokeDashoffset=\"0\">\n      </path>\n      <path d=\"M10.5 2.5L10.5 13.5\" strokeDasharray=\"3 13\" 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.161;0.436;0.445;0.453;0.462;0.471;0.48;0.489;0.497;0.506;0.515;0.524;0.533;0.542;0.55;0.559;0.568;0.577;0.586;1\" values=\"3 13;3 13;4 13;4 13;5 13;5 13;6 13;6 13;7 13;11 13;11 13;6 13;4 13;3 13;4 13;5 13;5 13;5 13;5 13;5 13;5 13;5 13;5 13;5 13;5 13;4 13;4 13;3 13;3 13\"/>\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.161;0.436;0.445;0.453;0.462;0.471;0.48;0.489;0.497;0.506;0.515;0.524;0.533;0.542;0.55;0.559;0.568;0.577;0.586;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\"/>\n      </path>\n      <path d=\"M8.5 13.5L12.5 13.5\" strokeDasharray=\"0 6\" strokeDashoffset=\"0\" visibility=\"hidden\">\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.161;0.436;0.445;0.453;0.462;0.471;0.48;0.489;0.497;0.506;0.515;0.524;0.533;0.542;0.55;0.559;0.568;0.577;0.586;1\" values=\"0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;4 6;4 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6;0 6\"/>\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.161;0.436;0.445;0.453;0.462;0.471;0.48;0.489;0.497;0.506;0.515;0.524;0.533;0.542;0.55;0.559;0.568;0.577;0.586;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\"/>\n      <animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.152;0.445\" values=\"hidden;visible;hidden\"/>\n      </path>\n      <path d=\"M1.5 7.5L5.5 7.5\">\n      <animate attributeName=\"d\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.179;0.221;0.25;0.307;0.35;0.379;0.586;0.679;1\" values=\"M1.5 7.5L5.5 7.5;M1.5 7.5L5.5 7.5;M1.14 6.33L5.86 6.33;M1.2 6.525L5.8 6.525;M1.2 6.525L5.8 6.525;M.84 5.355L6.16 5.355;M.9 5.55L6.1 5.55;M.9 5.55L6.1 5.55;M1.5 7.5L5.5 7.5;M1.5 7.5L5.5 7.5\" calcMode=\"spline\" keySplines=\"0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/>\n      </path>\n      <path d=\"M3.5 7.5L3.5 13.5\">\n      <animate attributeName=\"d\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.179;0.221;0.25;0.307;0.35;0.379;0.586;0.679;1\" values=\"M3.5 7.5L3.5 13.5;M3.5 7.5L3.5 13.5;M3.5 6.33L3.5 13.41;M3.5 6.525L3.5 13.425;M3.5 6.525L3.5 13.425;M3.5 5.355L3.5 13.335;M3.5 5.55L3.5 13.35;M3.5 5.55L3.5 13.35;M3.5 7.5L3.5 13.5;M3.5 7.5L3.5 13.5\" calcMode=\"spline\" keySplines=\"0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1;.6 0 .25 1;0 0 1 1\"/>\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.436;0.507;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.436\" values=\"visible;hidden;visible\"/>\n      <g>\n      <animateTransform attributeName=\"transform\" type=\"rotate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.089;0.161;0.436;0.529;0.586;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"
 }
}