{
 "name": "form-sparkle",
 "title": "Form sparkle",
 "component": "FormSparkleIcon",
 "url": "https://gentleface.com/icons/form-sparkle",
 "category": "layout",
 "motif": "layout",
 "added": "2026-11-06",
 "since": "0.4.0",
 "history": [
  {
   "date": "2026-11-06",
   "what": [
    "added",
    "released in 0.4.0"
   ]
  }
 ],
 "geometry_hash": "d2f7e9f59030",
 "use_for": [
  "ai form",
  "generate form"
 ],
 "example": "Generate a form with AI",
 "base": "form",
 "modifier": "sparkle",
 "family": [
  "form",
  "accordion",
  "breadcrumb",
  "breadcrumb-chevrons",
  "browser",
  "browser-ban",
  "browser-off",
  "browser-search",
  "browser-shield",
  "browser-sparkle",
  "browsers",
  "button",
  "cards",
  "carousel-horizontal",
  "carousel-vertical",
  "columns",
  "columns-gear",
  "columns-plus",
  "columns-swap",
  "dialog",
  "dropdown-menu",
  "form-plus",
  "kanban",
  "layout",
  "layout-dashboard",
  "layout-dashboard-gear",
  "layout-dashboard-pencil",
  "layout-dashboard-plus",
  "layout-dashboard-sparkle",
  "layout-dashboard-x",
  "likert-scale",
  "maximize",
  "minimize",
  "pagination",
  "panel-bottom",
  "panel-top",
  "picture-in-picture",
  "picture-in-picture-exit",
  "pin",
  "progress-bar",
  "rows",
  "rows-grouped",
  "rows-plus",
  "scroll-vertical",
  "sidebar",
  "sidebar-collapse",
  "sidebar-expand",
  "sidebar-right",
  "sidebar-right-collapse",
  "sidebar-right-expand",
  "slider",
  "snackbar",
  "stepper",
  "table-arrow-down",
  "table-arrow-up",
  "table-gear",
  "table-lock",
  "table-search",
  "table-sparkle",
  "tabs",
  "tabs-alert",
  "tabs-arrow-right",
  "tabs-clock",
  "tabs-plus",
  "tabs-search",
  "tabs-x",
  "timeline",
  "timeline-plus",
  "toggle",
  "toggle-off",
  "toggles",
  "tooltip",
  "user-interface",
  "window",
  "window-alert",
  "window-gear",
  "window-lock",
  "window-maximize",
  "window-maximize-square",
  "window-minimize",
  "window-minimize-square",
  "window-plus",
  "window-restore",
  "window-x"
 ],
 "tags": [
  "form",
  "form builder",
  "web form",
  "fields",
  "inputs",
  "sign up",
  "survey",
  "questionnaire",
  "application form",
  "ui",
  "component",
  "wireframe",
  "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=\"M1.144 1.856C1.048 1.759 1 1.641 1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L5.5 1C5.641 1 5.759 1.048 5.856 1.144C5.952 1.241 6 1.359 6 1.5C6 1.641 5.952 1.759 5.856 1.856C5.759 1.952 5.641 2 5.5 2L1.5 2C1.359 2 1.241 1.952 1.144 1.856ZM1.293 6.707C1.098 6.512 1 6.276 1 6L1 4C1 3.724 1.098 3.488 1.293 3.293C1.488 3.098 1.724 3 2 3L14 3C14.276 3 14.512 3.098 14.707 3.293C14.902 3.488 15 3.724 15 4L15 6C15 6.276 14.902 6.512 14.707 6.707C14.512 6.902 14.276 7 14 7L13.5 7C13.359 7 13.241 6.952 13.144 6.856C13.048 6.759 13 6.641 13 6.5C13 6.359 13.048 6.241 13.144 6.144C13.241 6.048 13.359 6 13.5 6L14 6L14 4L2 4L2 6L9.5 6C9.641 6 9.759 6.048 9.856 6.144C9.952 6.241 10 6.359 10 6.5C10 6.641 9.952 6.759 9.856 6.856C9.759 6.952 9.641 7 9.5 7L2 7C1.724 7 1.488 6.902 1.293 6.707ZM11.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 16ZM1.144 9.856C1.048 9.759 1 9.641 1 9.5C1 9.359 1.048 9.241 1.144 9.144C1.241 9.048 1.359 9 1.5 9L5.5 9C5.641 9 5.759 9.048 5.856 9.144C5.952 9.241 6 9.359 6 9.5C6 9.641 5.952 9.759 5.856 9.856C5.759 9.952 5.641 10 5.5 10L1.5 10C1.359 10 1.241 9.952 1.144 9.856ZM1.293 11.293C1.488 11.098 1.724 11 2 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L2 12L2 14L9.5 14C9.641 14 9.759 14.048 9.856 14.144C9.952 14.241 10 14.359 10 14.5C10 14.641 9.952 14.759 9.856 14.856C9.759 14.952 9.641 15 9.5 15L2 15C1.724 15 1.488 14.902 1.293 14.707C1.098 14.512 1 14.276 1 14L1 12C1 11.724 1.098 11.488 1.293 11.293Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M1.144 1.856C1.048 1.759 1 1.641 1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L5.5 1C5.641 1 5.759 1.048 5.856 1.144C5.952 1.241 6 1.359 6 1.5C6 1.641 5.952 1.759 5.856 1.856C5.759 1.952 5.641 2 5.5 2L1.5 2C1.359 2 1.241 1.952 1.144 1.856ZM1 6.5L1 3.5C1 3.359 1.048 3.241 1.144 3.144C1.241 3.048 1.359 3 1.5 3L14.5 3C14.641 3 14.759 3.048 14.856 3.144C14.952 3.241 15 3.359 15 3.5L15 6.5C15 6.641 14.952 6.759 14.856 6.856C14.759 6.952 14.641 7 14.5 7L13.5 7C13.359 7 13.241 6.952 13.144 6.856C13.048 6.759 13 6.641 13 6.5C13 6.359 13.048 6.241 13.144 6.144C13.241 6.048 13.359 6 13.5 6L14 6L14 4L2 4L2 6L9.5 6C9.641 6 9.759 6.048 9.856 6.144C9.952 6.241 10 6.359 10 6.5C10 6.641 9.952 6.759 9.856 6.856C9.759 6.952 9.641 7 9.5 7L1.5 7C1.359 7 1.241 6.952 1.144 6.856C1.048 6.759 1 6.641 1 6.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 16ZM1.144 9.856C1.048 9.759 1 9.641 1 9.5C1 9.359 1.048 9.241 1.144 9.144C1.241 9.048 1.359 9 1.5 9L5.5 9C5.641 9 5.759 9.048 5.856 9.144C5.952 9.241 6 9.359 6 9.5C6 9.641 5.952 9.759 5.856 9.856C5.759 9.952 5.641 10 5.5 10L1.5 10C1.359 10 1.241 9.952 1.144 9.856ZM1.144 11.144C1.241 11.048 1.359 11 1.5 11L4.5 11C4.641 11 4.759 11.048 4.856 11.144C4.952 11.241 5 11.359 5 11.5C5 11.641 4.952 11.759 4.856 11.856C4.759 11.952 4.641 12 4.5 12L2 12L2 14L9.5 14C9.641 14 9.759 14.048 9.856 14.144C9.952 14.241 10 14.359 10 14.5C10 14.641 9.952 14.759 9.856 14.856C9.759 14.952 9.641 15 9.5 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5L1 11.5C1 11.359 1.048 11.241 1.144 11.144Z\"/></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 2L1 1L6 1L6 2L1 2ZM15 3L15 7L12.515 7C12.505 6.946 12.496 6.891 12.486 6.836L10.514 6.836C10.504 6.891 10.495 6.946 10.485 7L1 7L1 3L15 3ZM14 6L14 4L2 4L2 6L14 6ZM11.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 16ZM1 9L6 9L6 10L1 10L1 9ZM1 15L1 11L6 11L6 12L2 12L2 14L9.848 14C9.902 14.091 9.952 14.187 10 14.29L10 15L1 15Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M6 1.5C6 1.641 5.952 1.759 5.856 1.856C5.759 1.952 5.641 2 5.5 2L1.5 2C1.359 2 1.241 1.952 1.144 1.856C1.048 1.759 1 1.641 1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L5.5 1C5.641 1 5.759 1.048 5.856 1.144C5.952 1.241 6 1.359 6 1.5ZM14 7L12.515 7C12.505 6.946 12.496 6.891 12.486 6.836C12.396 6.291 11.88 5.923 11.336 6.014C10.914 6.084 10.584 6.414 10.514 6.836C10.504 6.891 10.495 6.946 10.485 7L2 7C1.724 7 1.488 6.902 1.293 6.707C1.098 6.512 1 6.276 1 6L1 4C1 3.724 1.098 3.488 1.293 3.293C1.488 3.098 1.724 3 2 3L14 3C14.276 3 14.512 3.098 14.707 3.293C14.902 3.488 15 3.724 15 4L15 6C15 6.276 14.902 6.512 14.707 6.707C14.512 6.902 14.276 7 14 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 16ZM6 9.5C6 9.641 5.952 9.759 5.856 9.856C5.759 9.952 5.641 10 5.5 10L1.5 10C1.359 10 1.241 9.952 1.144 9.856C1.048 9.759 1 9.641 1 9.5C1 9.359 1.048 9.241 1.144 9.144C1.241 9.048 1.359 9 1.5 9L5.5 9C5.641 9 5.759 9.048 5.856 9.144C5.952 9.241 6 9.359 6 9.5ZM6.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.922 13.08 9.241 13.28 9.48 13.52C9.72 13.759 9.92 14.078 10.08 14.475C10.143 14.632 10.203 14.807 10.259 15L2 15C1.724 15 1.488 14.902 1.293 14.707C1.098 14.512 1 14.276 1 14L1 12C1 11.724 1.098 11.488 1.293 11.293C1.488 11.098 1.724 11 2 11L6.134 11C6.018 11.201 5.975 11.436 6.014 11.664ZM12.92 14.475C13.08 14.078 13.28 13.759 13.52 13.52C13.759 13.28 14.078 13.08 14.475 12.92C14.632 12.857 14.807 12.797 15 12.741L15 14C15 14.276 14.902 14.512 14.707 14.707C14.512 14.902 14.276 15 14 15L12.741 15C12.797 14.807 12.857 14.632 12.92 14.475Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M6 1.5C6 1.641 5.952 1.759 5.856 1.856C5.759 1.952 5.641 2 5.5 2L1.5 2C1.359 2 1.241 1.952 1.144 1.856C1.048 1.759 1 1.641 1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1L5.5 1C5.641 1 5.759 1.048 5.856 1.144C5.952 1.241 6 1.359 6 1.5ZM15 3.5L15 6.5C15 6.641 14.952 6.759 14.856 6.856C14.759 6.952 14.641 7 14.5 7L12.515 7C12.505 6.946 12.496 6.891 12.486 6.836C12.396 6.291 11.88 5.923 11.336 6.014C10.914 6.084 10.584 6.414 10.514 6.836C10.504 6.891 10.495 6.946 10.485 7L1.5 7C1.359 7 1.241 6.952 1.144 6.856C1.048 6.759 1 6.641 1 6.5L1 3.5C1 3.359 1.048 3.241 1.144 3.144C1.241 3.048 1.359 3 1.5 3L14.5 3C14.641 3 14.759 3.048 14.856 3.144C14.952 3.241 15 3.359 15 3.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 16ZM6 9.5C6 9.641 5.952 9.759 5.856 9.856C5.759 9.952 5.641 10 5.5 10L1.5 10C1.359 10 1.241 9.952 1.144 9.856C1.048 9.759 1 9.641 1 9.5C1 9.359 1.048 9.241 1.144 9.144C1.241 9.048 1.359 9 1.5 9L5.5 9C5.641 9 5.759 9.048 5.856 9.144C5.952 9.241 6 9.359 6 9.5ZM6.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.922 13.08 9.241 13.28 9.48 13.52C9.72 13.759 9.92 14.078 10.08 14.475C10.143 14.632 10.203 14.807 10.259 15L1.5 15C1.359 15 1.241 14.952 1.144 14.856C1.048 14.759 1 14.641 1 14.5L1 11.5C1 11.359 1.048 11.241 1.144 11.144C1.241 11.048 1.359 11 1.5 11L6.134 11C6.018 11.201 5.975 11.436 6.014 11.664ZM12.92 14.475C13.08 14.078 13.28 13.759 13.52 13.52C13.759 13.28 14.078 13.08 14.475 12.92C14.632 12.857 14.807 12.797 15 12.741L15 14.5C15 14.641 14.952 14.759 14.856 14.856C14.759 14.952 14.641 15 14.5 15L12.741 15C12.797 14.807 12.857 14.632 12.92 14.475Z\"/></svg>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M6 1L6 2L1 2L1 1L6 1ZM15 3L15 7L12.515 7C12.505 6.946 12.496 6.891 12.486 6.836L10.514 6.836C10.504 6.891 10.495 6.946 10.485 7L1 7L1 3L15 3ZM11.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 16ZM1 9L6 9L6 10L1 10L1 9ZM1 15L1 11L6.836 11L6.836 12.486C7.533 12.603 8.096 12.747 8.525 12.92C8.922 13.08 9.241 13.28 9.48 13.52C9.72 13.759 9.92 14.078 10.08 14.475C10.143 14.632 10.203 14.807 10.259 15L1 15ZM15 15L12.741 15C12.797 14.807 12.857 14.632 12.92 14.475C13.08 14.078 13.28 13.759 13.52 13.52C13.759 13.28 14.078 13.08 14.475 12.92C14.632 12.857 14.807 12.797 15 12.741L15 15Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/form-sparkle.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/form-sparkle.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/form-sparkle.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/form-sparkle.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/form-sparkle.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/form-sparkle.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/form-sparkle.png",
   "32": "https://gentleface.com/png/line-round/32/form-sparkle.png",
   "48": "https://gentleface.com/png/line-round/48/form-sparkle.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/form-sparkle.png",
   "32": "https://gentleface.com/png/line-soft/32/form-sparkle.png",
   "48": "https://gentleface.com/png/line-soft/48/form-sparkle.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/form-sparkle.png",
   "32": "https://gentleface.com/png/line-sharp/32/form-sparkle.png",
   "48": "https://gentleface.com/png/line-sharp/48/form-sparkle.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/form-sparkle.png",
   "32": "https://gentleface.com/png/solid-round/32/form-sparkle.png",
   "48": "https://gentleface.com/png/solid-round/48/form-sparkle.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/form-sparkle.png",
   "32": "https://gentleface.com/png/solid-soft/32/form-sparkle.png",
   "48": "https://gentleface.com/png/solid-soft/48/form-sparkle.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/form-sparkle.png",
   "32": "https://gentleface.com/png/solid-sharp/32/form-sparkle.png",
   "48": "https://gentleface.com/png/solid-sharp/48/form-sparkle.png"
  }
 },
 "npm": {
  "react": "import { FormSparkleIcon } from '@gentleface/react';",
  "svg": "@gentleface/icons/svg/line-round/16/form-sparkle.svg",
  "cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/form-sparkle.svg",
  "version": "0.6.0"
 },
 "license": "MIT",
 "author": "Alexander Kiselev",
 "motion": {
  "name": "form-sparkle-field",
  "does": "The sparkle twinkles out. The lower field folds up into its top edge and its label wipes away, then the field drops open again past its depth as the label writes back in, and the sparkle twinkles in on the new field.",
  "url": "https://gentleface.com/motion/form-sparkle-field.svg",
  "style": "line-round",
  "size": 16,
  "duration": 2.8,
  "frames": [
   0.2,
   1.85
  ],
  "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 1.5L5.5 1.5\" stroke-dasharray=\"4 6\" stroke-dashoffset=\"0\"></path><path d=\"M11.5 6.5L2 6.5C1.724 6.5 1.5 6.276 1.5 6L1.5 4C1.5 3.724 1.724 3.5 2 3.5L8 3.5L14 3.5C14.276 3.5 14.5 3.724 14.5 4L14.5 6C14.5 6.276 14.276 6.5 14 6.5L11.5 6.5\" stroke-dasharray=\"27.122 33.122\" 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.493;0.502;0.511;0.519;0.528;0.537;0.546;0.555;0.563;0.572;0.581;0.59;0.599;0.608;0.616;0.625;0.634;0.643;1\" values=\"27.122 33.122;27.122 33.122;27.122 33.122;27.122 33.122;28.122 33.122;31.122 33.122;31.122 33.122;31.122 33.122;31.122 33.122;31.122 33.122;31.122 33.122;31.122 33.122;31.122 33.122;31.122 33.122;28.122 33.122;28.122 33.122;28.122 33.122;27.122 33.122;28.122 33.122;28.122 33.122;28.122 33.122;28.122 33.122;28.122 33.122;28.122 33.122;28.122 33.122;27.122 33.122;27.122 33.122;27.122 33.122;27.122 33.122\"/><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.493;0.502;0.511;0.519;0.528;0.537;0.546;0.555;0.563;0.572;0.581;0.59;0.599;0.608;0.616;0.625;0.634;0.643;1\" values=\"-2;-2;-2;-2;-1;0;0;0;0;0;0;0;0;0;-2;-1;-1;-1;0;0;0;0;0;-1;-1;-2;-2;-2;-2\"/></path><path d=\"M1.5 9.5L5.5 9.5\" stroke-dasharray=\"4 6\" 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.179;0.188;0.197;0.206;0.215;0.224;0.233;0.242;0.251;0.26;0.269;0.278;0.287;0.296;0.305;0.314;0.323;0.332;0.341;0.35;0.36;0.369;0.378;0.387;0.396;0.405;0.414;0.423;0.432;0.441;0.45;0.493;0.502;0.511;0.519;0.528;0.537;0.546;0.555;0.563;0.572;0.581;0.59;0.599;0.608;0.616;0.625;0.634;0.643;1\" values=\"4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;3.975 6;3.892 6;3.737 6;3.49 6;3.113 6;2.546 6;1.632 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;.943 6;2.335 6;3.06 6;3.455 6;3.687 6;3.83 6;3.917 6;3.967 6;3.993 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 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.179;0.188;0.197;0.206;0.215;0.224;0.233;0.242;0.251;0.26;0.269;0.278;0.287;0.296;0.305;0.314;0.323;0.332;0.341;0.35;0.36;0.369;0.378;0.387;0.396;0.405;0.414;0.423;0.432;0.441;0.45;0.493;0.502;0.511;0.519;0.528;0.537;0.546;0.555;0.563;0.572;0.581;0.59;0.599;0.608;0.616;0.625;0.634;0.643;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\"/><animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.251;0.36\" values=\"visible;hidden;visible\"/></path><path d=\"M13.28 11.5L14 11.5C14.276 11.5 14.5 11.724 14.5 12L14.5 14C14.5 14.276 14.276 14.5 14 14.5L2 14.5C1.724 14.5 1.5 14.276 1.5 14L1.5 12C1.5 11.724 1.724 11.5 2 11.5L8 11.5L13.28 11.5\" stroke-dasharray=\"13.561 33.122\" stroke-dashoffset=\"-8.781\"><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.171;0.171;0.479;0.479;0.493;0.502;0.511;0.519;0.528;0.537;0.546;0.555;0.563;0.572;0.581;0.59;0.599;0.608;0.616;0.625;0.634;0.643;1\" values=\"13.561 33.122;13.561 33.122;14.561 33.122;14.561 33.122;14.561 33.122;14.561 33.122;21.341 33.122;22.341 33.122;27.342 33.122;31.122 33.122;31.122 33.122;0 33.122;0 33.122;31.122 33.122;31.122 33.122;27.342 33.122;24.057 33.122;15.561 33.122;14.561 33.122;13.561 33.122;13.561 33.122;13.561 33.122;13.561 33.122;13.561 33.122;13.561 33.122;13.561 33.122;13.561 33.122;13.561 33.122;13.561 33.122;13.561 33.122;14.561 33.122;13.561 33.122;13.561 33.122\"/><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.171;0.171;0.479;0.479;0.493;0.502;0.511;0.519;0.528;0.537;0.546;0.555;0.563;0.572;0.581;0.59;0.599;0.608;0.616;0.625;0.634;0.643;1\" values=\"-8.781;-8.781;-8.781;-8.781;-8.781;-8.781;-3;-3;0;0;0;0;0;0;0;0;-1.285;-8.781;-8.781;-9.781;-9.781;-9.781;-9.781;-9.781;-9.781;-9.781;-9.781;-9.781;-9.781;-9.781;-8.781;-8.781;-8.781\"/><animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.171;0.479\" values=\"visible;hidden;visible\"/></path><path d=\"M13.28 11.5L14 11.5C14.276 11.5 14.5 11.724 14.5 12L14.5 14C14.5 14.276 14.276 14.5 14 14.5L2 14.5C1.724 14.5 1.5 14.276 1.5 14L1.5 12C1.5 11.724 1.724 11.5 2 11.5L8 11.5L13.28 11.5\" visibility=\"hidden\"><animate attributeName=\"d\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.179;0.264;0.336;0.414;0.464;1\" values=\"M13.28 11.5L14 11.5C14.276 11.5 14.5 11.724 14.5 12L14.5 14C14.5 14.276 14.276 14.5 14 14.5L2 14.5C1.724 14.5 1.5 14.276 1.5 14L1.5 12C1.5 11.724 1.724 11.5 2 11.5L8 11.5L13.28 11.5;M13.28 11.5L14 11.5C14.276 11.5 14.5 11.724 14.5 12L14.5 14C14.5 14.276 14.276 14.5 14 14.5L2 14.5C1.724 14.5 1.5 14.276 1.5 14L1.5 12C1.5 11.724 1.724 11.5 2 11.5L8 11.5L13.28 11.5;M13.28 11.5L14 11.5C14.276 11.5 14.5 11.5 14.5 11.5L14.5 11.5C14.5 11.5 14.276 11.5 14 11.5L2 11.5C1.724 11.5 1.5 11.5 1.5 11.5L1.5 11.5C1.5 11.5 1.724 11.5 2 11.5L8 11.5L13.28 11.5;M13.28 11.5L14 11.5C14.276 11.5 14.5 11.5 14.5 11.5L14.5 11.5C14.5 11.5 14.276 11.5 14 11.5L2 11.5C1.724 11.5 1.5 11.5 1.5 11.5L1.5 11.5C1.5 11.5 1.724 11.5 2 11.5L8 11.5L13.28 11.5;M13.28 11.5L14 11.5C14.276 11.5 14.5 11.76 14.5 12.08L14.5 14.4C14.5 14.72 14.276 14.98 14 14.98L2 14.98C1.724 14.98 1.5 14.72 1.5 14.4L1.5 12.08C1.5 11.76 1.724 11.5 2 11.5L8 11.5L13.28 11.5;M13.28 11.5L14 11.5C14.276 11.5 14.5 11.724 14.5 12L14.5 14C14.5 14.276 14.276 14.5 14 14.5L2 14.5C1.724 14.5 1.5 14.276 1.5 14L1.5 12C1.5 11.724 1.724 11.5 2 11.5L8 11.5L13.28 11.5;M13.28 11.5L14 11.5C14.276 11.5 14.5 11.724 14.5 12L14.5 14C14.5 14.276 14.276 14.5 14 14.5L2 14.5C1.724 14.5 1.5 14.276 1.5 14L1.5 12C1.5 11.724 1.724 11.5 2 11.5L8 11.5L13.28 11.5\" 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\"/><animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.171;0.479\" 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.493;0.564;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.493\" values=\"visible;hidden;visible\"/><g><animateTransform attributeName=\"transform\" type=\"rotate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.089;0.161;0.493;0.586;0.643;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 \"form-sparkle\" animated (form-sparkle-field), MIT. https://gentleface.com/icons/form-sparkle\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, type SVGProps } from 'react';\n\nexport const FormSparkleFieldIcon = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(function FormSparkleFieldIcon(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 1.5L5.5 1.5\" strokeDasharray=\"4 6\" strokeDashoffset=\"0\">\n      </path>\n      <path d=\"M11.5 6.5L2 6.5C1.724 6.5 1.5 6.276 1.5 6L1.5 4C1.5 3.724 1.724 3.5 2 3.5L8 3.5L14 3.5C14.276 3.5 14.5 3.724 14.5 4L14.5 6C14.5 6.276 14.276 6.5 14 6.5L11.5 6.5\" strokeDasharray=\"27.122 33.122\" 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.493;0.502;0.511;0.519;0.528;0.537;0.546;0.555;0.563;0.572;0.581;0.59;0.599;0.608;0.616;0.625;0.634;0.643;1\" values=\"27.122 33.122;27.122 33.122;27.122 33.122;27.122 33.122;28.122 33.122;31.122 33.122;31.122 33.122;31.122 33.122;31.122 33.122;31.122 33.122;31.122 33.122;31.122 33.122;31.122 33.122;31.122 33.122;28.122 33.122;28.122 33.122;28.122 33.122;27.122 33.122;28.122 33.122;28.122 33.122;28.122 33.122;28.122 33.122;28.122 33.122;28.122 33.122;28.122 33.122;27.122 33.122;27.122 33.122;27.122 33.122;27.122 33.122\"/>\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.493;0.502;0.511;0.519;0.528;0.537;0.546;0.555;0.563;0.572;0.581;0.59;0.599;0.608;0.616;0.625;0.634;0.643;1\" values=\"-2;-2;-2;-2;-1;0;0;0;0;0;0;0;0;0;-2;-1;-1;-1;0;0;0;0;0;-1;-1;-2;-2;-2;-2\"/>\n      </path>\n      <path d=\"M1.5 9.5L5.5 9.5\" strokeDasharray=\"4 6\" 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.179;0.188;0.197;0.206;0.215;0.224;0.233;0.242;0.251;0.26;0.269;0.278;0.287;0.296;0.305;0.314;0.323;0.332;0.341;0.35;0.36;0.369;0.378;0.387;0.396;0.405;0.414;0.423;0.432;0.441;0.45;0.493;0.502;0.511;0.519;0.528;0.537;0.546;0.555;0.563;0.572;0.581;0.59;0.599;0.608;0.616;0.625;0.634;0.643;1\" values=\"4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;3.975 6;3.892 6;3.737 6;3.49 6;3.113 6;2.546 6;1.632 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;.943 6;2.335 6;3.06 6;3.455 6;3.687 6;3.83 6;3.917 6;3.967 6;3.993 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 6;4 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.179;0.188;0.197;0.206;0.215;0.224;0.233;0.242;0.251;0.26;0.269;0.278;0.287;0.296;0.305;0.314;0.323;0.332;0.341;0.35;0.36;0.369;0.378;0.387;0.396;0.405;0.414;0.423;0.432;0.441;0.45;0.493;0.502;0.511;0.519;0.528;0.537;0.546;0.555;0.563;0.572;0.581;0.59;0.599;0.608;0.616;0.625;0.634;0.643;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\"/>\n      <animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.251;0.36\" values=\"visible;hidden;visible\"/>\n      </path>\n      <path d=\"M13.28 11.5L14 11.5C14.276 11.5 14.5 11.724 14.5 12L14.5 14C14.5 14.276 14.276 14.5 14 14.5L2 14.5C1.724 14.5 1.5 14.276 1.5 14L1.5 12C1.5 11.724 1.724 11.5 2 11.5L8 11.5L13.28 11.5\" strokeDasharray=\"13.561 33.122\" strokeDashoffset=\"-8.781\">\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.171;0.171;0.479;0.479;0.493;0.502;0.511;0.519;0.528;0.537;0.546;0.555;0.563;0.572;0.581;0.59;0.599;0.608;0.616;0.625;0.634;0.643;1\" values=\"13.561 33.122;13.561 33.122;14.561 33.122;14.561 33.122;14.561 33.122;14.561 33.122;21.341 33.122;22.341 33.122;27.342 33.122;31.122 33.122;31.122 33.122;0 33.122;0 33.122;31.122 33.122;31.122 33.122;27.342 33.122;24.057 33.122;15.561 33.122;14.561 33.122;13.561 33.122;13.561 33.122;13.561 33.122;13.561 33.122;13.561 33.122;13.561 33.122;13.561 33.122;13.561 33.122;13.561 33.122;13.561 33.122;13.561 33.122;14.561 33.122;13.561 33.122;13.561 33.122\"/>\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.171;0.171;0.479;0.479;0.493;0.502;0.511;0.519;0.528;0.537;0.546;0.555;0.563;0.572;0.581;0.59;0.599;0.608;0.616;0.625;0.634;0.643;1\" values=\"-8.781;-8.781;-8.781;-8.781;-8.781;-8.781;-3;-3;0;0;0;0;0;0;0;0;-1.285;-8.781;-8.781;-9.781;-9.781;-9.781;-9.781;-9.781;-9.781;-9.781;-9.781;-9.781;-9.781;-9.781;-8.781;-8.781;-8.781\"/>\n      <animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.171;0.479\" values=\"visible;hidden;visible\"/>\n      </path>\n      <path d=\"M13.28 11.5L14 11.5C14.276 11.5 14.5 11.724 14.5 12L14.5 14C14.5 14.276 14.276 14.5 14 14.5L2 14.5C1.724 14.5 1.5 14.276 1.5 14L1.5 12C1.5 11.724 1.724 11.5 2 11.5L8 11.5L13.28 11.5\" visibility=\"hidden\">\n      <animate attributeName=\"d\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.179;0.264;0.336;0.414;0.464;1\" values=\"M13.28 11.5L14 11.5C14.276 11.5 14.5 11.724 14.5 12L14.5 14C14.5 14.276 14.276 14.5 14 14.5L2 14.5C1.724 14.5 1.5 14.276 1.5 14L1.5 12C1.5 11.724 1.724 11.5 2 11.5L8 11.5L13.28 11.5;M13.28 11.5L14 11.5C14.276 11.5 14.5 11.724 14.5 12L14.5 14C14.5 14.276 14.276 14.5 14 14.5L2 14.5C1.724 14.5 1.5 14.276 1.5 14L1.5 12C1.5 11.724 1.724 11.5 2 11.5L8 11.5L13.28 11.5;M13.28 11.5L14 11.5C14.276 11.5 14.5 11.5 14.5 11.5L14.5 11.5C14.5 11.5 14.276 11.5 14 11.5L2 11.5C1.724 11.5 1.5 11.5 1.5 11.5L1.5 11.5C1.5 11.5 1.724 11.5 2 11.5L8 11.5L13.28 11.5;M13.28 11.5L14 11.5C14.276 11.5 14.5 11.5 14.5 11.5L14.5 11.5C14.5 11.5 14.276 11.5 14 11.5L2 11.5C1.724 11.5 1.5 11.5 1.5 11.5L1.5 11.5C1.5 11.5 1.724 11.5 2 11.5L8 11.5L13.28 11.5;M13.28 11.5L14 11.5C14.276 11.5 14.5 11.76 14.5 12.08L14.5 14.4C14.5 14.72 14.276 14.98 14 14.98L2 14.98C1.724 14.98 1.5 14.72 1.5 14.4L1.5 12.08C1.5 11.76 1.724 11.5 2 11.5L8 11.5L13.28 11.5;M13.28 11.5L14 11.5C14.276 11.5 14.5 11.724 14.5 12L14.5 14C14.5 14.276 14.276 14.5 14 14.5L2 14.5C1.724 14.5 1.5 14.276 1.5 14L1.5 12C1.5 11.724 1.724 11.5 2 11.5L8 11.5L13.28 11.5;M13.28 11.5L14 11.5C14.276 11.5 14.5 11.724 14.5 12L14.5 14C14.5 14.276 14.276 14.5 14 14.5L2 14.5C1.724 14.5 1.5 14.276 1.5 14L1.5 12C1.5 11.724 1.724 11.5 2 11.5L8 11.5L13.28 11.5\" 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      <animate attributeName=\"visibility\" calcMode=\"discrete\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.171;0.479\" 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.493;0.564;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.493\" values=\"visible;hidden;visible\"/>\n      <g>\n      <animateTransform attributeName=\"transform\" type=\"rotate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.089;0.161;0.493;0.586;0.643;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"
 }
}