{
 "name": "book-sparkle",
 "title": "Book sparkle",
 "component": "BookSparkleIcon",
 "url": "https://gentleface.com/icons/book-sparkle",
 "category": "files",
 "motif": "book",
 "added": "2026-11-06",
 "since": "0.4.0",
 "history": [
  {
   "date": "2026-11-06",
   "what": [
    "added",
    "released in 0.4.0"
   ]
  }
 ],
 "geometry_hash": "1873486ecfbd",
 "use_for": [
  "ai docs",
  "ask docs",
  "ai study guide"
 ],
 "example": "Ask AI about the documentation",
 "base": "book",
 "modifier": "sparkle",
 "family": [
  "book",
  "book-a",
  "book-alert",
  "book-arrow-down",
  "book-arrow-up",
  "book-bookmark",
  "book-check",
  "book-clock",
  "book-code",
  "book-headphones",
  "book-heart",
  "book-info",
  "book-lock",
  "book-open",
  "book-open-off",
  "book-pencil",
  "book-plus",
  "book-search",
  "book-star",
  "book-sync",
  "book-tag",
  "book-user",
  "book-x",
  "library"
 ],
 "tags": [
  "book",
  "closed-book",
  "ebook",
  "read",
  "publication",
  "novel",
  "guide",
  "manual",
  "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=\"M2 3C2 2.746 2.047 2.5 2.14 2.264C2.242 2.007 2.391 1.781 2.586 1.586C2.781 1.391 3.007 1.242 3.264 1.14C3.5 1.047 3.746 1 4 1L9 1C9.254 1 9.5 1.047 9.736 1.14C9.993 1.242 10.219 1.391 10.414 1.586C10.609 1.781 10.758 2.007 10.86 2.264C10.953 2.5 11 2.746 11 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 3C10 2.724 9.902 2.488 9.707 2.293C9.512 2.098 9.276 2 9 2L5 2L5 9L8.5 9C8.641 9 8.759 9.048 8.856 9.144C8.952 9.241 9 9.359 9 9.5C9 9.641 8.952 9.759 8.856 9.856C8.759 9.952 8.641 10 8.5 10L4 10C3.724 10 3.488 10.098 3.293 10.293C3.098 10.488 3 10.723 3 10.999L3 11C3 11.276 3.098 11.512 3.293 11.707C3.488 11.902 3.724 12 4 12L5.5 12C5.641 12 5.759 12.048 5.856 12.144C5.952 12.241 6 12.359 6 12.5C6 12.641 5.952 12.759 5.856 12.856C5.759 12.952 5.641 13 5.5 13L4 13C3.746 13 3.5 12.953 3.264 12.86C3.007 12.758 2.781 12.609 2.586 12.414C2.391 12.219 2.242 11.993 2.14 11.736C2.047 11.5 2 11.254 2 11L2 3ZM3.293 2.293C3.098 2.488 3 2.724 3 3L3 9.268C3.084 9.219 3.172 9.177 3.264 9.14C3.5 9.047 3.746 9 4 9L4 2C3.724 2 3.488 2.098 3.293 2.293ZM11.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=\"M2 2C2 1.724 2.098 1.488 2.293 1.293C2.488 1.098 2.724 1 3 1L10 1C10.276 1 10.512 1.098 10.707 1.293C10.902 1.488 11 1.724 11 2L11 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 2L5 2L5 9L8.5 9C8.641 9 8.759 9.048 8.856 9.144C8.952 9.241 9 9.359 9 9.5C9 9.641 8.952 9.759 8.856 9.856C8.759 9.952 8.641 10 8.5 10L4 10C3.724 10 3.488 10.098 3.293 10.293C3.098 10.488 3 10.723 3 10.999L3 11C3 11.276 3.098 11.512 3.293 11.707C3.488 11.902 3.724 12 4 12L5.5 12C5.641 12 5.759 12.048 5.856 12.144C5.952 12.241 6 12.359 6 12.5C6 12.641 5.952 12.759 5.856 12.856C5.759 12.952 5.641 13 5.5 13L4 13C3.746 13 3.5 12.953 3.264 12.86C3.007 12.758 2.781 12.609 2.586 12.414C2.391 12.219 2.242 11.993 2.14 11.736C2.047 11.5 2 11.254 2 11L2 2ZM3 2L3 9.268C3.084 9.219 3.172 9.177 3.264 9.14C3.5 9.047 3.746 9 4 9L4 2L3 2ZM11.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=\"M11 1L11 6L10 6L10 2L5 2L5 9L9 9L9 9.848C8.909 9.902 8.813 9.952 8.71 10L4 10C3.724 10 3.488 10.098 3.293 10.293C3.098 10.488 3 10.723 3 10.999L3 11C3 11.276 3.098 11.512 3.293 11.707C3.488 11.902 3.724 12 4 12L6 12L6 13L4 13C3.746 13 3.5 12.953 3.264 12.86C3.007 12.758 2.781 12.609 2.586 12.414C2.391 12.219 2.242 11.993 2.14 11.736C2.047 11.5 2 11.254 2 11L2 1L11 1ZM4 2L3 2L3 9.268C3.084 9.219 3.172 9.177 3.264 9.14C3.5 9.047 3.746 9 4 9L4 2ZM11.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 1L4 9L3 9C2.649 9 2.304 9.092 2 9.268L2 3C2 2.746 2.047 2.5 2.14 2.264C2.242 2.007 2.391 1.781 2.586 1.586C2.781 1.391 3.007 1.242 3.264 1.14C3.5 1.047 3.746 1 4 1ZM5 9L5 1L9 1C9.254 1 9.5 1.047 9.736 1.14C9.993 1.242 10.219 1.391 10.414 1.586C10.609 1.781 10.758 2.007 10.86 2.264C10.953 2.5 11 2.746 11 3L11 6.134C10.741 6.283 10.563 6.541 10.514 6.836C10.397 7.533 10.253 8.096 10.08 8.525C10.01 8.698 9.933 8.857 9.848 9L5 9ZM11.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 16ZM8.525 10.08C8.096 10.253 7.533 10.397 6.836 10.514C6.291 10.604 5.923 11.12 6.014 11.664C6.084 12.086 6.414 12.416 6.836 12.486C7.533 12.603 8.096 12.747 8.525 12.92C8.589 12.945 8.65 12.972 8.71 13L4 13C3.746 13 3.5 12.953 3.264 12.86C3.007 12.758 2.781 12.609 2.586 12.414C2.391 12.219 2.242 11.993 2.14 11.736C2.047 11.5 2 11.254 2 11L2 10.999C2 10.447 2.448 10 3 10L8.71 10C8.65 10.028 8.589 10.055 8.525 10.08Z\"/></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 1L4 9L3 9C2.649 9 2.304 9.092 2 9.268L2 2C2 1.724 2.098 1.488 2.293 1.293C2.488 1.098 2.724 1 3 1L4 1ZM5 9L5 1L10 1C10.276 1 10.512 1.098 10.707 1.293C10.902 1.488 11 1.724 11 2L11 6.134C10.741 6.283 10.563 6.541 10.514 6.836C10.397 7.533 10.253 8.096 10.08 8.525C10.01 8.698 9.933 8.857 9.848 9L5 9ZM11.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 16ZM8.525 10.08C8.096 10.253 7.533 10.397 6.836 10.514C6.291 10.604 5.923 11.12 6.014 11.664C6.084 12.086 6.414 12.416 6.836 12.486C7.533 12.603 8.096 12.747 8.525 12.92C8.589 12.945 8.65 12.972 8.71 13L4 13C3.746 13 3.5 12.953 3.264 12.86C3.007 12.758 2.781 12.609 2.586 12.414C2.391 12.219 2.242 11.993 2.14 11.736C2.047 11.5 2 11.254 2 11L2 10.999C2 10.447 2.448 10 3 10L8.71 10C8.65 10.028 8.589 10.055 8.525 10.08Z\"/></svg>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M4 1L4 9L3 9C2.649 9 2.304 9.092 2 9.268L2 1L4 1ZM11 1L11 6.836L10.514 6.836C10.397 7.533 10.253 8.096 10.08 8.525C10.01 8.698 9.933 8.857 9.848 9L5 9L5 1L11 1ZM11.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 16ZM8.71 10C8.65 10.028 8.589 10.055 8.525 10.08C8.096 10.253 7.533 10.397 6.836 10.514L6.836 12.486C7.533 12.603 8.096 12.747 8.525 12.92C8.589 12.945 8.65 12.972 8.71 13L4 13C3.746 13 3.5 12.953 3.264 12.86C3.007 12.758 2.781 12.609 2.586 12.414C2.391 12.219 2.242 11.993 2.14 11.736C2.047 11.5 2 11.254 2 11C2 10.448 2.448 10 3 10L8.71 10Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/book-sparkle.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/book-sparkle.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/book-sparkle.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/book-sparkle.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/book-sparkle.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/book-sparkle.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/book-sparkle.png",
   "32": "https://gentleface.com/png/line-round/32/book-sparkle.png",
   "48": "https://gentleface.com/png/line-round/48/book-sparkle.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/book-sparkle.png",
   "32": "https://gentleface.com/png/line-soft/32/book-sparkle.png",
   "48": "https://gentleface.com/png/line-soft/48/book-sparkle.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/book-sparkle.png",
   "32": "https://gentleface.com/png/line-sharp/32/book-sparkle.png",
   "48": "https://gentleface.com/png/line-sharp/48/book-sparkle.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/book-sparkle.png",
   "32": "https://gentleface.com/png/solid-round/32/book-sparkle.png",
   "48": "https://gentleface.com/png/solid-round/48/book-sparkle.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/book-sparkle.png",
   "32": "https://gentleface.com/png/solid-soft/32/book-sparkle.png",
   "48": "https://gentleface.com/png/solid-soft/48/book-sparkle.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/book-sparkle.png",
   "32": "https://gentleface.com/png/solid-sharp/32/book-sparkle.png",
   "48": "https://gentleface.com/png/solid-sharp/48/book-sparkle.png"
  }
 },
 "npm": {
  "react": "import { BookSparkleIcon } from '@gentleface/react';",
  "svg": "@gentleface/icons/svg/line-round/16/book-sparkle.svg",
  "cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/book-sparkle.svg",
  "version": "0.6.0"
 },
 "license": "MIT",
 "author": "Alexander Kiselev",
 "motion": {
  "name": "book-sparkle-mark",
  "does": "The sparkle twinkles out. A bookmark ribbon slides down out of the pages below the book, as if the place were found, and the sparkle twinkles in. The ribbon then pulls back in.",
  "url": "https://gentleface.com/motion/book-sparkle-mark.svg",
  "style": "line-round",
  "size": 16,
  "duration": 2.8,
  "frames": [
   0.2,
   1.95
  ],
  "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=\"M10.49 11.175C10.403 11.921 9.769 12.5 9 12.5L4 12.5C3.172 12.5 2.5 11.828 2.5 11L2.5 6.25L2.5 3C2.5 2.172 3.172 1.5 4 1.5L9 1.5C9.828 1.5 10.5 2.172 10.5 3L10.5 11C10.5 11.059 10.497 11.118 10.49 11.175\" stroke-dasharray=\"24.042 37.391\" stroke-dashoffset=\"-5.674\"><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.321;0.33;0.339;0.348;0.357;0.366;0.374;0.383;0.392;0.401;0.41;0.419;0.427;0.436;0.445;0.454;0.463;0.471;1\" values=\"24.042 37.391;24.042 37.391;26.042 37.391;26.042 37.391;28.042 37.391;28.042 37.391;30.397 37.391;30.875 37.391;32.56 37.391;35.391 37.391;35.391 37.391;31.097 37.391;26.042 37.391;24.042 37.391;26.042 37.391;28.042 37.391;28.042 37.391;28.042 37.391;28.042 37.391;28.042 37.391;28.042 37.391;28.042 37.391;28.042 37.391;28.042 37.391;28.042 37.391;26.042 37.391;26.042 37.391;24.042 37.391;24.042 37.391\"/><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.321;0.33;0.339;0.348;0.357;0.366;0.374;0.383;0.392;0.401;0.41;0.419;0.427;0.436;0.445;0.454;0.463;0.471;1\" values=\"-5.674;-5.674;-4.674;-4.674;-3.674;-3.674;-2.318;-1.84;-1.155;0;0;-1.619;-4.674;-5.674;-4.674;-3.674;-3.674;-3.674;-3.674;-3.674;-3.674;-3.674;-3.674;-3.674;-3.674;-4.674;-4.674;-5.674;-5.674\"/></path><path d=\"M10.5 9.5L4 9.5C3.172 9.5 2.5 10.172 2.5 11\" stroke-dasharray=\"6.847 10.847\" stroke-dashoffset=\"-2\"><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.321;0.33;0.339;0.348;0.357;0.366;0.374;0.383;0.392;0.401;0.41;0.419;0.427;0.436;0.445;0.454;0.463;0.471;1\" values=\"6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;7.847 10.847;8.847 10.847;8.847 10.847;8.847 10.847;8.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;5.847 10.847;5.847 10.847;5.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847\"/><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.321;0.33;0.339;0.348;0.357;0.366;0.374;0.383;0.392;0.401;0.41;0.419;0.427;0.436;0.445;0.454;0.463;0.471;1\" values=\"-2;-2;-2;-2;-2;-2;-1;0;0;0;0;-2;-2;-2;-2;-2;-2;-2;-2;-3;-3;-3;-2;-2;-2;-2;-2;-2;-2\"/></path><path d=\"M4.5 1.5L4.5 9.5\" stroke-dasharray=\"8 10\" stroke-dashoffset=\"0\"></path><clipPath id=\"bkc\"><rect x=\"0\" y=\"12.5\" width=\"16\" height=\"4\"/></clipPath><g clip-path=\"url(#bkc)\"><g visibility=\"hidden\"><animateTransform attributeName=\"transform\" type=\"translate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.161;0.257;0.3;0.571;0.661;1\" values=\"0 -2.6;0 -2.6;0 .25;0 0;0 0;0 -2.6;0 -2.6\" calcMode=\"spline\" keySplines=\"0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1;.6 0 .9 .4;0 0 1 1\"/><animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.161;0.661\" values=\"hidden;visible;hidden\"/><path d=\"M5.5 12.5L5.5 14.5\"></path></g></g><g transform=\"translate(11.5 11.5)\"><g><animateTransform attributeName=\"transform\" type=\"scale\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.089;0.161;0.321;0.393;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.321\" values=\"visible;hidden;visible\"/><g><animateTransform attributeName=\"transform\" type=\"rotate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.089;0.161;0.321;0.414;0.471;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 \"book-sparkle\" animated (book-sparkle-mark), MIT. https://gentleface.com/icons/book-sparkle\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, useId, type SVGProps } from 'react';\n\nexport const BookSparkleMarkIcon = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(function BookSparkleMarkIcon(props, ref) {\n  const uid = useId().replace(/\\W/g, '');\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=\"M10.49 11.175C10.403 11.921 9.769 12.5 9 12.5L4 12.5C3.172 12.5 2.5 11.828 2.5 11L2.5 6.25L2.5 3C2.5 2.172 3.172 1.5 4 1.5L9 1.5C9.828 1.5 10.5 2.172 10.5 3L10.5 11C10.5 11.059 10.497 11.118 10.49 11.175\" strokeDasharray=\"24.042 37.391\" strokeDashoffset=\"-5.674\">\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.321;0.33;0.339;0.348;0.357;0.366;0.374;0.383;0.392;0.401;0.41;0.419;0.427;0.436;0.445;0.454;0.463;0.471;1\" values=\"24.042 37.391;24.042 37.391;26.042 37.391;26.042 37.391;28.042 37.391;28.042 37.391;30.397 37.391;30.875 37.391;32.56 37.391;35.391 37.391;35.391 37.391;31.097 37.391;26.042 37.391;24.042 37.391;26.042 37.391;28.042 37.391;28.042 37.391;28.042 37.391;28.042 37.391;28.042 37.391;28.042 37.391;28.042 37.391;28.042 37.391;28.042 37.391;28.042 37.391;26.042 37.391;26.042 37.391;24.042 37.391;24.042 37.391\"/>\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.321;0.33;0.339;0.348;0.357;0.366;0.374;0.383;0.392;0.401;0.41;0.419;0.427;0.436;0.445;0.454;0.463;0.471;1\" values=\"-5.674;-5.674;-4.674;-4.674;-3.674;-3.674;-2.318;-1.84;-1.155;0;0;-1.619;-4.674;-5.674;-4.674;-3.674;-3.674;-3.674;-3.674;-3.674;-3.674;-3.674;-3.674;-3.674;-3.674;-4.674;-4.674;-5.674;-5.674\"/>\n      </path>\n      <path d=\"M10.5 9.5L4 9.5C3.172 9.5 2.5 10.172 2.5 11\" strokeDasharray=\"6.847 10.847\" strokeDashoffset=\"-2\">\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.321;0.33;0.339;0.348;0.357;0.366;0.374;0.383;0.392;0.401;0.41;0.419;0.427;0.436;0.445;0.454;0.463;0.471;1\" values=\"6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;7.847 10.847;8.847 10.847;8.847 10.847;8.847 10.847;8.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;5.847 10.847;5.847 10.847;5.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847;6.847 10.847\"/>\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.321;0.33;0.339;0.348;0.357;0.366;0.374;0.383;0.392;0.401;0.41;0.419;0.427;0.436;0.445;0.454;0.463;0.471;1\" values=\"-2;-2;-2;-2;-2;-2;-1;0;0;0;0;-2;-2;-2;-2;-2;-2;-2;-2;-3;-3;-3;-2;-2;-2;-2;-2;-2;-2\"/>\n      </path>\n      <path d=\"M4.5 1.5L4.5 9.5\" strokeDasharray=\"8 10\" strokeDashoffset=\"0\">\n      </path>\n      <clipPath id={`${uid}bkc`}>\n      <rect x=\"0\" y=\"12.5\" width=\"16\" height=\"4\"/>\n      </clipPath>\n      <g clipPath={`url(#${uid}bkc)`}>\n      <g visibility=\"hidden\">\n      <animateTransform attributeName=\"transform\" type=\"translate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.161;0.257;0.3;0.571;0.661;1\" values=\"0 -2.6;0 -2.6;0 .25;0 0;0 0;0 -2.6;0 -2.6\" calcMode=\"spline\" keySplines=\"0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1;.6 0 .9 .4;0 0 1 1\"/>\n      <animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.161;0.661\" values=\"hidden;visible;hidden\"/>\n      <path d=\"M5.5 12.5L5.5 14.5\">\n      </path>\n      </g>\n      </g>\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.321;0.393;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.321\" values=\"visible;hidden;visible\"/>\n      <g>\n      <animateTransform attributeName=\"transform\" type=\"rotate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.089;0.161;0.321;0.414;0.471;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"
 }
}