{
 "name": "home-sparkle",
 "title": "Home sparkle",
 "component": "HomeSparkleIcon",
 "url": "https://gentleface.com/icons/home-sparkle",
 "category": "buildings",
 "motif": "home",
 "added": "2026-11-06",
 "since": "0.4.0",
 "history": [
  {
   "date": "2026-11-06",
   "what": [
    "added",
    "released in 0.4.0"
   ]
  }
 ],
 "geometry_hash": "bfcadbee73e8",
 "use_for": [
  "ai home",
  "smart home ai",
  "ai home automations"
 ],
 "example": "AI-suggested automations in a smart-home app",
 "base": "home",
 "modifier": "sparkle",
 "family": [
  "home",
  "home-alert",
  "home-bolt",
  "home-check",
  "home-clock",
  "home-dot",
  "home-exit",
  "home-eye",
  "home-gear",
  "home-heart",
  "home-laptop",
  "home-lock",
  "home-off",
  "home-pencil",
  "home-plus",
  "home-search",
  "home-shield",
  "home-user",
  "home-wifi",
  "home-wifi-off",
  "home-x",
  "houses"
 ],
 "tags": [
  "house",
  "main",
  "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=\"M3.707 11.707C3.512 11.902 3.276 12 3 12L2.5 12C2.309 12 2.125 11.965 1.948 11.895C1.755 11.818 1.586 11.707 1.439 11.561C1.293 11.414 1.182 11.245 1.105 11.052C1.035 10.875 1 10.691 1 10.5L1 6.5C1 6.114 1.074 5.742 1.222 5.385C1.37 5.028 1.58 4.713 1.854 4.439L4.086 2.207C4.266 2.027 4.472 1.887 4.706 1.786C4.959 1.676 5.224 1.621 5.5 1.621C5.776 1.621 6.041 1.676 6.294 1.786C6.528 1.887 6.734 2.027 6.914 2.207L9.146 4.439C9.42 4.713 9.63 5.028 9.778 5.385C9.926 5.742 10 6.114 10 6.5L10 8.5C10 8.641 9.952 8.759 9.856 8.856C9.759 8.952 9.641 9 9.5 9C9.359 9 9.241 8.952 9.144 8.856C9.048 8.759 9 8.641 9 8.5L9 6.5C9 6.246 8.951 6.002 8.854 5.767C8.757 5.533 8.619 5.326 8.439 5.146L6.207 2.914C6.012 2.719 5.776 2.621 5.5 2.621C5.224 2.621 4.988 2.719 4.793 2.914L2.561 5.146C2.381 5.326 2.243 5.533 2.146 5.767C2.049 6.002 2 6.246 2 6.5L2 10.5C2 10.638 2.049 10.756 2.146 10.854C2.244 10.951 2.362 11 2.5 11L3 11L3 9C3 8.724 3.098 8.488 3.293 8.293C3.488 8.098 3.724 8 4 8L7 8C7.276 8 7.512 8.098 7.707 8.293C7.902 8.488 8 8.724 8 9L8 9.5C8 9.641 7.952 9.759 7.856 9.856C7.759 9.952 7.641 10 7.5 10C7.359 10 7.241 9.952 7.144 9.856C7.048 9.759 7 9.641 7 9.5L7 9L4 9L4 11C4 11.276 3.902 11.512 3.707 11.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 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=\"M3.856 11.856C3.759 11.952 3.641 12 3.5 12L2 12C1.724 12 1.488 11.902 1.293 11.707C1.098 11.512 1 11.276 1 11L1 6.5C1 6.114 1.074 5.742 1.222 5.385C1.37 5.028 1.58 4.713 1.854 4.439L4.793 1.5C4.988 1.305 5.224 1.207 5.5 1.207C5.776 1.207 6.012 1.305 6.207 1.5L9.146 4.439C9.42 4.713 9.63 5.028 9.778 5.385C9.926 5.742 10 6.114 10 6.5L10 8.5C10 8.641 9.952 8.759 9.856 8.856C9.759 8.952 9.641 9 9.5 9C9.359 9 9.241 8.952 9.144 8.856C9.048 8.759 9 8.641 9 8.5L9 6.5C9 6.246 8.951 6.002 8.854 5.767C8.757 5.533 8.619 5.326 8.439 5.146L5.5 2.207L2.561 5.146C2.381 5.326 2.243 5.533 2.146 5.767C2.049 6.002 2 6.246 2 6.5L2 11L3 11L3 8.5C3 8.359 3.048 8.241 3.144 8.144C3.241 8.048 3.359 8 3.5 8L7.5 8C7.641 8 7.759 8.048 7.856 8.144C7.952 8.241 8 8.359 8 8.5L8 9.5C8 9.641 7.952 9.759 7.856 9.856C7.759 9.952 7.641 10 7.5 10C7.359 10 7.241 9.952 7.144 9.856C7.048 9.759 7 9.641 7 9.5L7 9L4 9L4 11.5C4 11.641 3.952 11.759 3.856 11.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 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 12L1 6.5C1 6.114 1.074 5.742 1.222 5.385C1.37 5.028 1.58 4.713 1.854 4.439L5.293 1L5.707 1L9.146 4.439C9.42 4.713 9.63 5.028 9.778 5.385C9.926 5.742 10 6.114 10 6.5L10 8.71C9.952 8.813 9.902 8.909 9.848 9L9 9L9 6.5C9 6.246 8.951 6.002 8.854 5.767C8.757 5.533 8.619 5.326 8.439 5.146L5.5 2.207L2.561 5.146C2.381 5.326 2.243 5.533 2.146 5.767C2.049 6.002 2 6.246 2 6.5L2 11L3 11L3 8L8 8L8 10L7 10L7 9L4 9L4 12L1 12ZM11.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=\"M1.854 4.439L4.086 2.207C4.266 2.027 4.472 1.887 4.706 1.786C4.959 1.676 5.224 1.621 5.5 1.621C5.776 1.621 6.041 1.676 6.294 1.786C6.528 1.887 6.734 2.027 6.914 2.207L9.146 4.439C9.42 4.713 9.63 5.028 9.778 5.385C9.926 5.742 10 6.114 10 6.5L10 8.71C9.855 9.022 9.682 9.279 9.48 9.48C9.241 9.72 8.922 9.92 8.525 10.08C8.131 10.239 7.622 10.374 7 10.485L7 9L4 9L4 11C4 11.276 3.902 11.512 3.707 11.707C3.512 11.902 3.276 12 3 12L2.5 12C2.309 12 2.125 11.965 1.948 11.895C1.755 11.818 1.586 11.707 1.439 11.561C1.293 11.414 1.182 11.245 1.105 11.052C1.035 10.875 1 10.691 1 10.5L1 6.5C1 6.114 1.074 5.742 1.222 5.385C1.37 5.028 1.58 4.713 1.854 4.439ZM11.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=\"M1.854 4.439L4.793 1.5C4.988 1.305 5.224 1.207 5.5 1.207C5.776 1.207 6.012 1.305 6.207 1.5L9.146 4.439C9.42 4.713 9.63 5.028 9.778 5.385C9.926 5.742 10 6.114 10 6.5L10 8.71C9.855 9.022 9.682 9.279 9.48 9.48C9.241 9.72 8.922 9.92 8.525 10.08C8.131 10.239 7.622 10.374 7 10.485L7 9L4 9L4 11.5C4 11.641 3.952 11.759 3.856 11.856C3.759 11.952 3.641 12 3.5 12L2 12C1.724 12 1.488 11.902 1.293 11.707C1.098 11.512 1 11.276 1 11L1 6.5C1 6.114 1.074 5.742 1.222 5.385C1.37 5.028 1.58 4.713 1.854 4.439ZM11.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 12L1 6.5C1 6.114 1.074 5.742 1.222 5.385C1.37 5.028 1.58 4.713 1.854 4.439L5.293 1L5.707 1L9.146 4.439C9.42 4.713 9.63 5.028 9.778 5.385C9.926 5.742 10 6.114 10 6.5L10 8.71C9.855 9.022 9.682 9.279 9.48 9.48C9.241 9.72 8.922 9.92 8.525 10.08C8.131 10.239 7.622 10.374 7 10.485L7 9L4 9L4 12L1 12ZM11.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/home-sparkle.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/home-sparkle.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/home-sparkle.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/home-sparkle.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/home-sparkle.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/home-sparkle.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/home-sparkle.png",
   "32": "https://gentleface.com/png/line-round/32/home-sparkle.png",
   "48": "https://gentleface.com/png/line-round/48/home-sparkle.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/home-sparkle.png",
   "32": "https://gentleface.com/png/line-soft/32/home-sparkle.png",
   "48": "https://gentleface.com/png/line-soft/48/home-sparkle.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/home-sparkle.png",
   "32": "https://gentleface.com/png/line-sharp/32/home-sparkle.png",
   "48": "https://gentleface.com/png/line-sharp/48/home-sparkle.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/home-sparkle.png",
   "32": "https://gentleface.com/png/solid-round/32/home-sparkle.png",
   "48": "https://gentleface.com/png/solid-round/48/home-sparkle.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/home-sparkle.png",
   "32": "https://gentleface.com/png/solid-soft/32/home-sparkle.png",
   "48": "https://gentleface.com/png/solid-soft/48/home-sparkle.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/home-sparkle.png",
   "32": "https://gentleface.com/png/solid-sharp/32/home-sparkle.png",
   "48": "https://gentleface.com/png/solid-sharp/48/home-sparkle.png"
  }
 },
 "npm": {
  "react": "import { HomeSparkleIcon } from '@gentleface/react';",
  "svg": "@gentleface/icons/svg/line-round/16/home-sparkle.svg",
  "cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/home-sparkle.svg",
  "version": "0.6.0"
 },
 "license": "MIT",
 "author": "Alexander Kiselev",
 "motion": {
  "name": "home-sparkle-door",
  "does": "The sparkle twinkles out. The front door swings open inward, its edge moving across the doorway toward the hinge, then swings shut, and as it closes the sparkle twinkles in like a smart lock.",
  "url": "https://gentleface.com/motion/home-sparkle-door.svg",
  "style": "line-round",
  "size": 16,
  "duration": 2.8,
  "frames": [
   0.2,
   1.7
  ],
  "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=\"M8.883 11.424C8.765 11.473 8.636 11.5 8.5 11.5L8 11.5C7.724 11.5 7.5 11.276 7.5 11L7.5 9C7.5 8.724 7.276 8.5 7 8.5L4 8.5C3.724 8.5 3.5 8.724 3.5 9L3.5 11C3.5 11.276 3.276 11.5 3 11.5L2.5 11.5C1.948 11.5 1.5 11.052 1.5 10.5L1.5 8.5L1.5 6.5C1.5 5.86 1.754 5.246 2.207 4.793L4.439 2.561C5.025 1.975 5.975 1.975 6.561 2.561L8.793 4.793C9.246 5.246 9.5 5.86 9.5 6.5L9.5 10.5C9.5 10.916 9.245 11.274 8.883 11.424\" stroke-dasharray=\"28.354 36.699\" stroke-dashoffset=\"-3.171\"><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.414;0.423;0.432;0.441;0.45;0.458;0.467;0.476;0.485;0.494;0.503;0.511;0.52;0.529;0.538;0.547;0.555;0.564;1\" values=\"28.354 36.699;28.354 36.699;28.354 36.699;28.354 36.699;28.354 36.699;28.354 36.699;28.354 36.699;31.889 36.699;34.699 36.699;34.699 36.699;34.699 36.699;34.699 36.699;33.528 36.699;30.6 36.699;28.354 36.699;28.354 36.699;27.354 36.699;27.354 36.699;27.354 36.699;27.354 36.699;27.354 36.699;27.354 36.699;27.354 36.699;27.354 36.699;28.354 36.699;28.354 36.699;28.354 36.699;28.354 36.699;28.354 36.699\"/><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.414;0.423;0.432;0.441;0.45;0.458;0.467;0.476;0.485;0.494;0.503;0.511;0.52;0.529;0.538;0.547;0.555;0.564;1\" values=\"-3.171;-3.171;-3.171;-3.171;-3.171;-3.171;-3.171;-.637;0;0;0;0;0;-1.925;-3.171;-3.171;-4.171;-4.171;-4.171;-4.171;-4.171;-4.171;-4.171;-4.171;-3.171;-3.171;-3.171;-3.171;-3.171\"/></path><path d=\"M7.5 9.5L7.5 11.5\" visibility=\"hidden\"><animate attributeName=\"d\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.161;0.257;0.329;0.407;1\" values=\"M7.5 9.5L7.5 11.5;M7.5 9.5L7.5 11.5;M4.9 9.5L4.9 11.5;M4.9 9.5L4.9 11.5;M7.5 9.5L7.5 11.5;M7.5 9.5L7.5 11.5\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 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.171;0.404\" 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.414;0.486;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.414\" values=\"visible;hidden;visible\"/><g><animateTransform attributeName=\"transform\" type=\"rotate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.089;0.161;0.414;0.507;0.564;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 \"home-sparkle\" animated (home-sparkle-door), MIT. https://gentleface.com/icons/home-sparkle\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, type SVGProps } from 'react';\n\nexport const HomeSparkleDoorIcon = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(function HomeSparkleDoorIcon(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=\"M8.883 11.424C8.765 11.473 8.636 11.5 8.5 11.5L8 11.5C7.724 11.5 7.5 11.276 7.5 11L7.5 9C7.5 8.724 7.276 8.5 7 8.5L4 8.5C3.724 8.5 3.5 8.724 3.5 9L3.5 11C3.5 11.276 3.276 11.5 3 11.5L2.5 11.5C1.948 11.5 1.5 11.052 1.5 10.5L1.5 8.5L1.5 6.5C1.5 5.86 1.754 5.246 2.207 4.793L4.439 2.561C5.025 1.975 5.975 1.975 6.561 2.561L8.793 4.793C9.246 5.246 9.5 5.86 9.5 6.5L9.5 10.5C9.5 10.916 9.245 11.274 8.883 11.424\" strokeDasharray=\"28.354 36.699\" strokeDashoffset=\"-3.171\">\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.414;0.423;0.432;0.441;0.45;0.458;0.467;0.476;0.485;0.494;0.503;0.511;0.52;0.529;0.538;0.547;0.555;0.564;1\" values=\"28.354 36.699;28.354 36.699;28.354 36.699;28.354 36.699;28.354 36.699;28.354 36.699;28.354 36.699;31.889 36.699;34.699 36.699;34.699 36.699;34.699 36.699;34.699 36.699;33.528 36.699;30.6 36.699;28.354 36.699;28.354 36.699;27.354 36.699;27.354 36.699;27.354 36.699;27.354 36.699;27.354 36.699;27.354 36.699;27.354 36.699;27.354 36.699;28.354 36.699;28.354 36.699;28.354 36.699;28.354 36.699;28.354 36.699\"/>\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.414;0.423;0.432;0.441;0.45;0.458;0.467;0.476;0.485;0.494;0.503;0.511;0.52;0.529;0.538;0.547;0.555;0.564;1\" values=\"-3.171;-3.171;-3.171;-3.171;-3.171;-3.171;-3.171;-.637;0;0;0;0;0;-1.925;-3.171;-3.171;-4.171;-4.171;-4.171;-4.171;-4.171;-4.171;-4.171;-4.171;-3.171;-3.171;-3.171;-3.171;-3.171\"/>\n      </path>\n      <path d=\"M7.5 9.5L7.5 11.5\" visibility=\"hidden\">\n      <animate attributeName=\"d\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.161;0.257;0.329;0.407;1\" values=\"M7.5 9.5L7.5 11.5;M7.5 9.5L7.5 11.5;M4.9 9.5L4.9 11.5;M4.9 9.5L4.9 11.5;M7.5 9.5L7.5 11.5;M7.5 9.5L7.5 11.5\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .25 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.171;0.404\" 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.414;0.486;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.414\" values=\"visible;hidden;visible\"/>\n      <g>\n      <animateTransform attributeName=\"transform\" type=\"rotate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.089;0.161;0.414;0.507;0.564;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"
 }
}