{
 "name": "shield-arrow-down",
 "title": "Shield arrow down",
 "component": "ShieldArrowDownIcon",
 "url": "https://gentleface.com/icons/shield-arrow-down",
 "category": "security",
 "motif": "shield",
 "added": "2026-11-06",
 "since": "0.4.0",
 "history": [
  {
   "date": "2026-11-06",
   "what": [
    "added",
    "released in 0.4.0"
   ]
  }
 ],
 "geometry_hash": "8b8348828914",
 "use_for": [
  "secure download",
  "protected download"
 ],
 "example": "Download over an encrypted channel",
 "base": "shield",
 "modifier": "arrow-down",
 "family": [
  "shield",
  "shield-alert",
  "shield-arrow-up",
  "shield-bolt",
  "shield-bug",
  "shield-check",
  "shield-clock",
  "shield-code",
  "shield-eye",
  "shield-gear",
  "shield-link",
  "shield-lock",
  "shield-medical",
  "shield-off",
  "shield-pause",
  "shield-pencil",
  "shield-plus",
  "shield-question",
  "shield-search",
  "shield-sparkle",
  "shield-sync",
  "shield-virus",
  "shield-x"
 ],
 "tags": [
  "security",
  "protect",
  "guard",
  "safe",
  "arrow-down"
 ],
 "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.144 3.144C2.241 3.048 2.359 3 2.5 3C3.471 3 4.307 2.865 5.008 2.596C5.754 2.309 6.467 1.826 7.146 1.146C7.244 1.049 7.362 1 7.5 1C7.638 1 7.756 1.049 7.854 1.146C8.533 1.826 9.246 2.309 9.992 2.596C10.693 2.865 11.529 3 12.5 3C12.641 3 12.759 3.048 12.856 3.144C12.952 3.241 13 3.359 13 3.5L13 5.5C13 5.641 12.952 5.759 12.856 5.856C12.759 5.952 12.641 6 12.5 6C12.359 6 12.241 5.952 12.144 5.856C12.048 5.759 12 5.641 12 5.5L12 3.989C11.111 3.947 10.322 3.794 9.633 3.529C8.886 3.242 8.175 2.795 7.5 2.189C6.825 2.795 6.114 3.242 5.367 3.529C4.678 3.794 3.889 3.947 3 3.989L3 8.5C3 9.552 3.335 10.521 4.006 11.409C4.575 12.163 5.351 12.821 6.332 13.383C6.35 13.43 6.368 13.478 6.386 13.525C6.468 13.731 6.561 13.931 6.665 14.123C6.663 14.128 6.66 14.132 6.658 14.136C6.589 14.26 6.49 14.34 6.359 14.378C6.228 14.415 6.101 14.4 5.978 14.331C4.811 13.684 3.887 12.911 3.208 12.012C2.403 10.946 2 9.775 2 8.5L2 3.5C2 3.359 2.048 3.241 2.144 3.144ZM13.156 7.316C13.734 7.545 14.243 7.879 14.682 8.318C15.121 8.757 15.455 9.266 15.684 9.844C15.895 10.376 16 10.928 16 11.5C16 12.072 15.895 12.624 15.684 13.156C15.455 13.734 15.121 14.243 14.682 14.682C14.243 15.121 13.734 15.455 13.156 15.684C12.624 15.895 12.072 16 11.5 16C10.928 16 10.376 15.895 9.844 15.684C9.266 15.455 8.757 15.121 8.318 14.682C7.879 14.243 7.545 13.734 7.316 13.156C7.105 12.624 7 12.072 7 11.5C7 10.928 7.105 10.376 7.316 9.844C7.545 9.266 7.879 8.757 8.318 8.318C8.757 7.879 9.266 7.545 9.844 7.316C10.376 7.105 10.928 7 11.5 7C12.072 7 12.624 7.105 13.156 7.316ZM9.146 11.146C8.951 11.342 8.951 11.658 9.146 11.854L10.793 13.5C10.988 13.695 11.224 13.793 11.5 13.793C11.776 13.793 12.012 13.695 12.207 13.5L13.854 11.854C14.049 11.658 14.049 11.342 13.854 11.146C13.658 10.951 13.342 10.951 13.146 11.146L12 12.293L12 9.5C12 9.224 11.776 9 11.5 9C11.224 9 11 9.224 11 9.5L11 12.293L9.854 11.146C9.658 10.951 9.342 10.951 9.146 11.146Z\"/></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.144 3.144C2.241 3.048 2.359 3 2.5 3C3.471 3 4.307 2.865 5.008 2.596C5.754 2.309 6.467 1.826 7.146 1.146C7.244 1.049 7.362 1 7.5 1C7.638 1 7.756 1.049 7.854 1.146C8.533 1.826 9.246 2.309 9.992 2.596C10.693 2.865 11.529 3 12.5 3C12.641 3 12.759 3.048 12.856 3.144C12.952 3.241 13 3.359 13 3.5L13 5.5C13 5.641 12.952 5.759 12.856 5.856C12.759 5.952 12.641 6 12.5 6C12.359 6 12.241 5.952 12.144 5.856C12.048 5.759 12 5.641 12 5.5L12 3.989C11.111 3.947 10.322 3.794 9.633 3.529C8.886 3.242 8.175 2.795 7.5 2.189C6.825 2.795 6.114 3.242 5.367 3.529C4.678 3.794 3.889 3.947 3 3.989L3 8.5C3 9.552 3.335 10.521 4.006 11.409C4.575 12.163 5.351 12.821 6.332 13.383C6.35 13.43 6.368 13.478 6.386 13.525C6.468 13.731 6.561 13.931 6.665 14.123C6.663 14.128 6.66 14.132 6.658 14.136C6.589 14.26 6.49 14.34 6.359 14.378C6.228 14.415 6.101 14.4 5.978 14.331C4.811 13.684 3.887 12.911 3.208 12.012C2.403 10.946 2 9.775 2 8.5L2 3.5C2 3.359 2.048 3.241 2.144 3.144ZM13.156 7.316C13.734 7.545 14.243 7.879 14.682 8.318C15.121 8.757 15.455 9.266 15.684 9.844C15.895 10.376 16 10.928 16 11.5C16 12.072 15.895 12.624 15.684 13.156C15.455 13.734 15.121 14.243 14.682 14.682C14.243 15.121 13.734 15.455 13.156 15.684C12.624 15.895 12.072 16 11.5 16C10.928 16 10.376 15.895 9.844 15.684C9.266 15.455 8.757 15.121 8.318 14.682C7.879 14.243 7.545 13.734 7.316 13.156C7.105 12.624 7 12.072 7 11.5C7 10.928 7.105 10.376 7.316 9.844C7.545 9.266 7.879 8.757 8.318 8.318C8.757 7.879 9.266 7.545 9.844 7.316C10.376 7.105 10.928 7 11.5 7C12.072 7 12.624 7.105 13.156 7.316ZM9.146 11.146C8.951 11.342 8.951 11.658 9.146 11.854L11.146 13.854C11.342 14.049 11.658 14.049 11.854 13.854L13.854 11.854C14.049 11.658 14.049 11.342 13.854 11.146C13.658 10.951 13.342 10.951 13.146 11.146L12 12.293L12 9.5C12 9.224 11.776 9 11.5 9C11.224 9 11 9.224 11 9.5L11 12.293L9.854 11.146C9.658 10.951 9.342 10.951 9.146 11.146Z\"/></svg>",
  "line-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M2 3L2.5 3C3.471 3 4.307 2.865 5.008 2.596C5.754 2.309 6.467 1.826 7.146 1.146L7.293 1L7.707 1L7.854 1.146C8.533 1.826 9.246 2.309 9.992 2.596C10.693 2.865 11.529 3 12.5 3L13 3L13 6L12 6L12 3.989C11.111 3.947 10.322 3.794 9.633 3.529C8.886 3.242 8.175 2.795 7.5 2.189C6.825 2.795 6.114 3.242 5.367 3.529C4.678 3.794 3.889 3.947 3 3.989L3 8.5C3 9.624 3.383 10.654 4.148 11.59C4.708 12.274 5.437 12.873 6.333 13.384C6.35 13.431 6.368 13.478 6.386 13.525C6.469 13.733 6.563 13.934 6.668 14.128L6.446 14.576C5.161 13.94 4.138 13.156 3.374 12.223C2.458 11.103 2 9.863 2 8.5L2 3ZM16 11.5C16 13.985 13.985 16 11.5 16C9.015 16 7 13.985 7 11.5C7 9.015 9.015 7 11.5 7C13.985 7 16 9.015 16 11.5ZM11 12.293L9.854 11.146L9.146 11.854L11.5 14.207L13.854 11.854L13.146 11.146L12 12.293L12 9L11 9L11 12.293Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M11.5 6C10.801 6 10.126 6.129 9.475 6.386C8.769 6.666 8.148 7.074 7.611 7.611C7.074 8.148 6.666 8.769 6.386 9.475C6.129 10.126 6 10.801 6 11.5C6 12.199 6.129 12.874 6.386 13.525C6.586 14.03 6.853 14.493 7.185 14.912C6.545 14.647 5.948 14.338 5.395 13.984C4.741 13.565 4.175 13.101 3.698 12.592C3.165 12.024 2.757 11.414 2.472 10.763C2.157 10.044 2 9.29 2 8.5L2 3.5C2 3.359 2.048 3.241 2.144 3.144C2.241 3.048 2.359 3 2.5 3C3.471 3 4.307 2.865 5.008 2.596C5.754 2.309 6.467 1.826 7.146 1.146C7.244 1.049 7.362 1 7.5 1C7.638 1 7.756 1.049 7.854 1.146C8.533 1.826 9.246 2.309 9.992 2.596C10.693 2.865 11.529 3 12.5 3C12.641 3 12.759 3.048 12.856 3.144C12.952 3.241 13 3.359 13 3.5L13 6.208C12.513 6.069 12.013 6 11.5 6ZM13.156 7.316C13.734 7.545 14.243 7.879 14.682 8.318C15.121 8.757 15.455 9.266 15.684 9.844C15.895 10.376 16 10.928 16 11.5C16 12.072 15.895 12.624 15.684 13.156C15.455 13.734 15.121 14.243 14.682 14.682C14.243 15.121 13.734 15.455 13.156 15.684C12.624 15.895 12.072 16 11.5 16C10.928 16 10.376 15.895 9.844 15.684C9.266 15.455 8.757 15.121 8.318 14.682C7.879 14.243 7.545 13.734 7.316 13.156C7.105 12.624 7 12.072 7 11.5C7 10.928 7.105 10.376 7.316 9.844C7.545 9.266 7.879 8.757 8.318 8.318C8.757 7.879 9.266 7.545 9.844 7.316C10.376 7.105 10.928 7 11.5 7C12.072 7 12.624 7.105 13.156 7.316ZM9.146 11.146C8.951 11.342 8.951 11.658 9.146 11.854L10.793 13.5C10.988 13.695 11.224 13.793 11.5 13.793C11.776 13.793 12.012 13.695 12.207 13.5L13.854 11.854C14.049 11.658 14.049 11.342 13.854 11.146C13.658 10.951 13.342 10.951 13.146 11.146L12 12.293L12 9.5C12 9.224 11.776 9 11.5 9C11.224 9 11 9.224 11 9.5L11 12.293L9.854 11.146C9.658 10.951 9.342 10.951 9.146 11.146Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M11.5 6C10.801 6 10.126 6.129 9.475 6.386C8.769 6.666 8.148 7.074 7.611 7.611C7.074 8.148 6.666 8.769 6.386 9.475C6.129 10.126 6 10.801 6 11.5C6 12.199 6.129 12.874 6.386 13.525C6.586 14.03 6.853 14.493 7.185 14.912C6.545 14.647 5.948 14.338 5.395 13.984C4.741 13.565 4.175 13.101 3.698 12.592C3.165 12.024 2.757 11.414 2.472 10.763C2.157 10.044 2 9.29 2 8.5L2 3.5C2 3.359 2.048 3.241 2.144 3.144C2.241 3.048 2.359 3 2.5 3C3.471 3 4.307 2.865 5.008 2.596C5.754 2.309 6.467 1.826 7.146 1.146C7.244 1.049 7.362 1 7.5 1C7.638 1 7.756 1.049 7.854 1.146C8.533 1.826 9.246 2.309 9.992 2.596C10.693 2.865 11.529 3 12.5 3C12.641 3 12.759 3.048 12.856 3.144C12.952 3.241 13 3.359 13 3.5L13 6.208C12.513 6.069 12.013 6 11.5 6ZM13.156 7.316C13.734 7.545 14.243 7.879 14.682 8.318C15.121 8.757 15.455 9.266 15.684 9.844C15.895 10.376 16 10.928 16 11.5C16 12.072 15.895 12.624 15.684 13.156C15.455 13.734 15.121 14.243 14.682 14.682C14.243 15.121 13.734 15.455 13.156 15.684C12.624 15.895 12.072 16 11.5 16C10.928 16 10.376 15.895 9.844 15.684C9.266 15.455 8.757 15.121 8.318 14.682C7.879 14.243 7.545 13.734 7.316 13.156C7.105 12.624 7 12.072 7 11.5C7 10.928 7.105 10.376 7.316 9.844C7.545 9.266 7.879 8.757 8.318 8.318C8.757 7.879 9.266 7.545 9.844 7.316C10.376 7.105 10.928 7 11.5 7C12.072 7 12.624 7.105 13.156 7.316ZM9.146 11.146C8.951 11.342 8.951 11.658 9.146 11.854L11.146 13.854C11.342 14.049 11.658 14.049 11.854 13.854L13.854 11.854C14.049 11.658 14.049 11.342 13.854 11.146C13.658 10.951 13.342 10.951 13.146 11.146L12 12.293L12 9.5C12 9.224 11.776 9 11.5 9C11.224 9 11 9.224 11 9.5L11 12.293L9.854 11.146C9.658 10.951 9.342 10.951 9.146 11.146Z\"/></svg>",
  "solid-sharp": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M9.992 2.596C10.693 2.865 11.529 3 12.5 3L13 3L13 6.208C12.513 6.069 12.013 6 11.5 6C10.801 6 10.126 6.129 9.475 6.386C8.769 6.666 8.148 7.074 7.611 7.611C7.074 8.148 6.666 8.769 6.386 9.475C6.129 10.126 6 10.801 6 11.5C6 12.199 6.129 12.874 6.386 13.525C6.586 14.03 6.853 14.493 7.185 14.912C6.545 14.647 5.948 14.338 5.395 13.984C4.741 13.565 4.175 13.101 3.698 12.592C3.165 12.024 2.757 11.414 2.472 10.763C2.157 10.044 2 9.29 2 8.5L2 3L2.5 3C3.471 3 4.307 2.865 5.008 2.596C5.754 2.309 6.467 1.826 7.146 1.146L7.293 1L7.707 1L7.854 1.146C8.533 1.826 9.246 2.309 9.992 2.596ZM16 11.5C16 13.985 13.985 16 11.5 16C9.015 16 7 13.985 7 11.5C7 9.015 9.015 7 11.5 7C13.985 7 16 9.015 16 11.5ZM11 12.293L9.854 11.146L9.146 11.854L11.5 14.207L13.854 11.854L13.146 11.146L12 12.293L12 9L11 9L11 12.293Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/shield-arrow-down.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/shield-arrow-down.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/shield-arrow-down.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/shield-arrow-down.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/shield-arrow-down.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/shield-arrow-down.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/shield-arrow-down.png",
   "32": "https://gentleface.com/png/line-round/32/shield-arrow-down.png",
   "48": "https://gentleface.com/png/line-round/48/shield-arrow-down.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/shield-arrow-down.png",
   "32": "https://gentleface.com/png/line-soft/32/shield-arrow-down.png",
   "48": "https://gentleface.com/png/line-soft/48/shield-arrow-down.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/shield-arrow-down.png",
   "32": "https://gentleface.com/png/line-sharp/32/shield-arrow-down.png",
   "48": "https://gentleface.com/png/line-sharp/48/shield-arrow-down.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/shield-arrow-down.png",
   "32": "https://gentleface.com/png/solid-round/32/shield-arrow-down.png",
   "48": "https://gentleface.com/png/solid-round/48/shield-arrow-down.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/shield-arrow-down.png",
   "32": "https://gentleface.com/png/solid-soft/32/shield-arrow-down.png",
   "48": "https://gentleface.com/png/solid-soft/48/shield-arrow-down.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/shield-arrow-down.png",
   "32": "https://gentleface.com/png/solid-sharp/32/shield-arrow-down.png",
   "48": "https://gentleface.com/png/solid-sharp/48/shield-arrow-down.png"
  }
 },
 "npm": {
  "react": "import { ShieldArrowDownIcon } from '@gentleface/react';",
  "svg": "@gentleface/icons/svg/line-round/16/shield-arrow-down.svg",
  "cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/shield-arrow-down.svg",
  "version": "0.6.0"
 },
 "license": "MIT",
 "author": "Alexander Kiselev",
 "motion": {
  "name": "shield-arrow-down-drop",
  "does": "The arrow slides down out of the badge. A new one drops in from the top and lands with a bounce, and the badge sinks into the shield under it, the shield's cut moving with it.",
  "url": "https://gentleface.com/motion/shield-arrow-down-drop.svg",
  "style": "line-round",
  "size": 16,
  "duration": 2.8,
  "frames": [
   0.25,
   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=\"M11.453 11.63C10.492 12.945 8.996 13.902 7.5 14.5C5 13.5 2.5 11.5 2.5 8.5L2.5 3.5C4.5 3.5 6 3 7.5 1.5C9 3 10.5 3.5 12.5 3.5L12.5 8.5C12.5 9.705 12.097 10.748 11.453 11.63\" stroke-dasharray=\"24.983 39.693\" stroke-dashoffset=\"-6.356\"><animate attributeName=\"stroke-dasharray\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.339;0.348;0.357;0.366;0.375;0.384;0.393;0.402;0.411;0.42;0.429;0.438;0.446;1\" values=\"24.983 39.693;24.983 39.693;24.695 39.693;24.653 39.693;24.644 39.693;24.649 39.693;24.671 39.693;24.71 39.693;24.761 39.693;24.822 39.693;24.883 39.693;24.935 39.693;24.97 39.693;24.983 39.693;24.983 39.693\"/><animate attributeName=\"stroke-dashoffset\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.339;0.348;0.357;0.366;0.375;0.384;0.393;0.402;0.411;0.42;0.429;0.438;0.446;1\" values=\"-6.356;-6.356;-6.644;-6.686;-6.695;-6.69;-6.668;-6.629;-6.578;-6.518;-6.456;-6.404;-6.369;-6.356;-6.356\"/></path><g><animateTransform attributeName=\"transform\" type=\"translate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.339;0.368;0.446;1\" values=\"0 0;0 0;0 .5;0 0;0 0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1\"/><mask id=\"adm\" maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"20\" height=\"20\"><circle cx=\"11.5\" cy=\"11.5\" r=\"4.5\" fill=\"#fff\" stroke=\"none\"/><g fill=\"none\" stroke=\"#000\"><g><animateTransform attributeName=\"transform\" type=\"translate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.107;0.221;0.222;0.339;0.382;0.425;1\" values=\"0 0;0 0;0 7.5;0 -7.5;0 0;0 -.5;0 0;0 0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .9 .4;0 0 1 1;.6 0 .9 .4;.15 .75 .25 1;.6 0 .9 .4;0 0 1 1\"/><path d=\"M11.5 9.5L11.5 13.5\"></path><path d=\"M9.5 11.5L11.5 13.5L13.5 11.5\"></path></g></g></mask><circle cx=\"11.5\" cy=\"11.5\" r=\"4.5\" fill=\"currentColor\" stroke=\"none\" mask=\"url(#adm)\"/></g></svg>",
  "react": "// Gentleface \"shield-arrow-down\" animated (shield-arrow-down-drop), MIT. https://gentleface.com/icons/shield-arrow-down\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, useId, type SVGProps } from 'react';\n\nexport const ShieldArrowDownDropIcon = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(function ShieldArrowDownDropIcon(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=\"M11.453 11.63C10.492 12.945 8.996 13.902 7.5 14.5C5 13.5 2.5 11.5 2.5 8.5L2.5 3.5C4.5 3.5 6 3 7.5 1.5C9 3 10.5 3.5 12.5 3.5L12.5 8.5C12.5 9.705 12.097 10.748 11.453 11.63\" strokeDasharray=\"24.983 39.693\" strokeDashoffset=\"-6.356\">\n      <animate attributeName=\"stroke-dasharray\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.339;0.348;0.357;0.366;0.375;0.384;0.393;0.402;0.411;0.42;0.429;0.438;0.446;1\" values=\"24.983 39.693;24.983 39.693;24.695 39.693;24.653 39.693;24.644 39.693;24.649 39.693;24.671 39.693;24.71 39.693;24.761 39.693;24.822 39.693;24.883 39.693;24.935 39.693;24.97 39.693;24.983 39.693;24.983 39.693\"/>\n      <animate attributeName=\"stroke-dashoffset\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.339;0.348;0.357;0.366;0.375;0.384;0.393;0.402;0.411;0.42;0.429;0.438;0.446;1\" values=\"-6.356;-6.356;-6.644;-6.686;-6.695;-6.69;-6.668;-6.629;-6.578;-6.518;-6.456;-6.404;-6.369;-6.356;-6.356\"/>\n      </path>\n      <g>\n      <animateTransform attributeName=\"transform\" type=\"translate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.339;0.368;0.446;1\" values=\"0 0;0 0;0 .5;0 0;0 0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1\"/>\n      <mask id={`${uid}adm`} maskUnits=\"userSpaceOnUse\" x=\"-2\" y=\"-2\" width=\"20\" height=\"20\">\n      <circle cx=\"11.5\" cy=\"11.5\" r=\"4.5\" fill=\"#fff\" stroke=\"none\"/>\n      <g fill=\"none\" stroke=\"#000\">\n      <g>\n      <animateTransform attributeName=\"transform\" type=\"translate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.107;0.221;0.222;0.339;0.382;0.425;1\" values=\"0 0;0 0;0 7.5;0 -7.5;0 0;0 -.5;0 0;0 0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.6 0 .9 .4;0 0 1 1;.6 0 .9 .4;.15 .75 .25 1;.6 0 .9 .4;0 0 1 1\"/>\n      <path d=\"M11.5 9.5L11.5 13.5\">\n      </path>\n      <path d=\"M9.5 11.5L11.5 13.5L13.5 11.5\">\n      </path>\n      </g>\n      </g>\n      </mask>\n      <circle cx=\"11.5\" cy=\"11.5\" r=\"4.5\" fill=\"currentColor\" stroke=\"none\" mask={`url(#${uid}adm)`}/>\n      </g>\n    </svg>\n  );\n});",
  "how_to_play": "https://gentleface.com/animated-icons.md"
 }
}