{
 "name": "shield-arrow-up",
 "title": "Shield arrow up",
 "component": "ShieldArrowUpIcon",
 "url": "https://gentleface.com/icons/shield-arrow-up",
 "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": "28b6c00a93b9",
 "use_for": [
  "secure upload",
  "encrypted upload"
 ],
 "example": "Upload files securely in a file-transfer app",
 "base": "shield",
 "modifier": "arrow-up",
 "family": [
  "shield",
  "shield-alert",
  "shield-arrow-down",
  "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-up"
 ],
 "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.854C9.342 12.049 9.658 12.049 9.854 11.854L11 10.707L11 13.5C11 13.776 11.224 14 11.5 14C11.776 14 12 13.776 12 13.5L12 10.707L13.146 11.854C13.342 12.049 13.658 12.049 13.854 11.854C14.049 11.658 14.049 11.342 13.854 11.146L12.207 9.5C12.012 9.305 11.776 9.207 11.5 9.207C11.224 9.207 10.988 9.305 10.793 9.5L9.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.854C9.342 12.049 9.658 12.049 9.854 11.854L11 10.707L11 13.5C11 13.776 11.224 14 11.5 14C11.776 14 12 13.776 12 13.5L12 10.707L13.146 11.854C13.342 12.049 13.658 12.049 13.854 11.854C14.049 11.658 14.049 11.342 13.854 11.146L11.854 9.146C11.658 8.951 11.342 8.951 11.146 9.146L9.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.5ZM9.146 11.146L9.854 11.854L11 10.707L11 14L12 14L12 10.707L13.146 11.854L13.854 11.146L11.5 8.793L9.146 11.146Z\"/></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.854C9.342 12.049 9.658 12.049 9.854 11.854L11 10.707L11 13.5C11 13.776 11.224 14 11.5 14C11.776 14 12 13.776 12 13.5L12 10.707L13.146 11.854C13.342 12.049 13.658 12.049 13.854 11.854C14.049 11.658 14.049 11.342 13.854 11.146L12.207 9.5C12.012 9.305 11.776 9.207 11.5 9.207C11.224 9.207 10.988 9.305 10.793 9.5L9.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.854C9.342 12.049 9.658 12.049 9.854 11.854L11 10.707L11 13.5C11 13.776 11.224 14 11.5 14C11.776 14 12 13.776 12 13.5L12 10.707L13.146 11.854C13.342 12.049 13.658 12.049 13.854 11.854C14.049 11.658 14.049 11.342 13.854 11.146L11.854 9.146C11.658 8.951 11.342 8.951 11.146 9.146L9.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.5ZM9.146 11.146L9.854 11.854L11 10.707L11 14L12 14L12 10.707L13.146 11.854L13.854 11.146L11.5 8.793L9.146 11.146Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/shield-arrow-up.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/shield-arrow-up.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/shield-arrow-up.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/shield-arrow-up.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/shield-arrow-up.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/shield-arrow-up.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/shield-arrow-up.png",
   "32": "https://gentleface.com/png/line-round/32/shield-arrow-up.png",
   "48": "https://gentleface.com/png/line-round/48/shield-arrow-up.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/shield-arrow-up.png",
   "32": "https://gentleface.com/png/line-soft/32/shield-arrow-up.png",
   "48": "https://gentleface.com/png/line-soft/48/shield-arrow-up.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/shield-arrow-up.png",
   "32": "https://gentleface.com/png/line-sharp/32/shield-arrow-up.png",
   "48": "https://gentleface.com/png/line-sharp/48/shield-arrow-up.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/shield-arrow-up.png",
   "32": "https://gentleface.com/png/solid-round/32/shield-arrow-up.png",
   "48": "https://gentleface.com/png/solid-round/48/shield-arrow-up.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/shield-arrow-up.png",
   "32": "https://gentleface.com/png/solid-soft/32/shield-arrow-up.png",
   "48": "https://gentleface.com/png/solid-soft/48/shield-arrow-up.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/shield-arrow-up.png",
   "32": "https://gentleface.com/png/solid-sharp/32/shield-arrow-up.png",
   "48": "https://gentleface.com/png/solid-sharp/48/shield-arrow-up.png"
  }
 },
 "npm": {
  "react": "import { ShieldArrowUpIcon } from '@gentleface/react';",
  "svg": "@gentleface/icons/svg/line-round/16/shield-arrow-up.svg",
  "cdn": "https://cdn.jsdelivr.net/npm/@gentleface/icons@0.6.0/svg/line-round/16/shield-arrow-up.svg",
  "version": "0.6.0"
 },
 "license": "MIT",
 "author": "Alexander Kiselev",
 "motion": {
  "name": "shield-arrow-up-launch",
  "does": "The arrow crouches, then launches up out of the badge, and the badge recoils down into the shield. A new arrow rises in from the bottom and settles.",
  "url": "https://gentleface.com/motion/shield-arrow-up-launch.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.186;0.194;0.203;0.212;0.22;0.229;0.238;0.246;0.255;0.264;0.272;0.281;0.29;0.298;0.307;1\" values=\"24.983 39.693;24.983 39.693;24.674 39.693;24.627 39.693;24.618 39.693;24.62 39.693;24.635 39.693;24.661 39.693;24.699 39.693;24.746 39.693;24.8 39.693;24.854 39.693;24.905 39.693;24.947 39.693;24.973 39.693;24.983 39.693;24.983 39.693\"/><animate attributeName=\"stroke-dashoffset\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.186;0.194;0.203;0.212;0.22;0.229;0.238;0.246;0.255;0.264;0.272;0.281;0.29;0.298;0.307;1\" values=\"-6.356;-6.356;-6.665;-6.712;-6.721;-6.719;-6.704;-6.678;-6.64;-6.593;-6.54;-6.485;-6.434;-6.392;-6.366;-6.356;-6.356\"/></path><g><animateTransform attributeName=\"transform\" type=\"translate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.186;0.214;0.307;1\" values=\"0 0;0 0;0 .55;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=\"aum\" 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.186;0.257;0.261;0.411;0.464;1\" values=\"0 0;0 0;0 .6;0 -7.5;0 7.5;0 -.35;0 0;0 0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.37 0 .63 1;.6 0 .9 .4;0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1\"/><path d=\"M11.5 13.5L11.5 9.5\"></path><path d=\"M9.5 11.5L11.5 9.5L13.5 11.5\"></path></g></g></mask><circle cx=\"11.5\" cy=\"11.5\" r=\"4.5\" fill=\"currentColor\" stroke=\"none\" mask=\"url(#aum)\"/></g></svg>",
  "react": "// Gentleface \"shield-arrow-up\" animated (shield-arrow-up-launch), MIT. https://gentleface.com/icons/shield-arrow-up\n// Pass a ref to start and stop it: https://gentleface.com/animated-icons\nimport { forwardRef, useId, type SVGProps } from 'react';\n\nexport const ShieldArrowUpLaunchIcon = forwardRef<SVGSVGElement, SVGProps<SVGSVGElement>>(function ShieldArrowUpLaunchIcon(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.186;0.194;0.203;0.212;0.22;0.229;0.238;0.246;0.255;0.264;0.272;0.281;0.29;0.298;0.307;1\" values=\"24.983 39.693;24.983 39.693;24.674 39.693;24.627 39.693;24.618 39.693;24.62 39.693;24.635 39.693;24.661 39.693;24.699 39.693;24.746 39.693;24.8 39.693;24.854 39.693;24.905 39.693;24.947 39.693;24.973 39.693;24.983 39.693;24.983 39.693\"/>\n      <animate attributeName=\"stroke-dashoffset\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.186;0.194;0.203;0.212;0.22;0.229;0.238;0.246;0.255;0.264;0.272;0.281;0.29;0.298;0.307;1\" values=\"-6.356;-6.356;-6.665;-6.712;-6.721;-6.719;-6.704;-6.678;-6.64;-6.593;-6.54;-6.485;-6.434;-6.392;-6.366;-6.356;-6.356\"/>\n      </path>\n      <g>\n      <animateTransform attributeName=\"transform\" type=\"translate\" dur=\"2.8s\" repeatCount=\"indefinite\" keyTimes=\"0;0.186;0.214;0.307;1\" values=\"0 0;0 0;0 .55;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}aum`} 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.186;0.257;0.261;0.411;0.464;1\" values=\"0 0;0 0;0 .6;0 -7.5;0 7.5;0 -.35;0 0;0 0\" calcMode=\"spline\" keySplines=\"0 0 1 1;.37 0 .63 1;.6 0 .9 .4;0 0 1 1;.15 .75 .25 1;.37 0 .63 1;0 0 1 1\"/>\n      <path d=\"M11.5 13.5L11.5 9.5\">\n      </path>\n      <path d=\"M9.5 11.5L11.5 9.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}aum)`}/>\n      </g>\n    </svg>\n  );\n});",
  "how_to_play": "https://gentleface.com/animated-icons.md"
 }
}