{
 "name": "animation",
 "title": "Animation",
 "component": "AnimationIcon",
 "url": "https://gentleface.com/icons/animation",
 "category": "design",
 "motif": "animation",
 "added": "2026-10-16",
 "history": [
  {
   "date": "2026-10-16",
   "what": [
    "added"
   ]
  }
 ],
 "geometry_hash": "84924ef51821",
 "use_for": [
  "animation",
  "animate",
  "animations"
 ],
 "alternatives": [
  {
   "icon": "keyframes",
   "why": "keyframes on a timeline in a motion editor",
   "concept": "animation"
  },
  {
   "icon": "bounce",
   "why": "one bounce easing, not animation as a whole",
   "concept": "animation"
  }
 ],
 "also_fits": [
  {
   "concept": "animation-timeline",
   "owner": "keyframes",
   "why": "animation as a feature or an effect (animation)"
  }
 ],
 "family": [
  "animation-off"
 ],
 "tags": [
  "animation",
  "animate",
  "motion",
  "transition",
  "movement",
  "effect"
 ],
 "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=\"M6.318 2.318C6.757 1.879 7.266 1.545 7.844 1.316C8.376 1.105 8.928 1 9.5 1C10.072 1 10.624 1.105 11.156 1.316C11.734 1.545 12.243 1.879 12.682 2.318C13.121 2.757 13.455 3.266 13.684 3.844C13.895 4.376 14 4.928 14 5.5C14 6.072 13.895 6.624 13.684 7.156C13.455 7.734 13.121 8.243 12.682 8.682C12.243 9.121 11.734 9.455 11.156 9.684C10.624 9.895 10.072 10 9.5 10C8.928 10 8.376 9.895 7.844 9.684C7.266 9.455 6.757 9.121 6.318 8.682C5.879 8.243 5.545 7.734 5.316 7.156C5.105 6.624 5 6.072 5 5.5C5 4.928 5.105 4.376 5.316 3.844C5.545 3.266 5.879 2.757 6.318 2.318ZM7.025 7.975C7.367 8.317 7.762 8.576 8.212 8.754C8.625 8.918 9.055 9 9.5 9C9.945 9 10.375 8.918 10.788 8.754C11.238 8.576 11.633 8.317 11.975 7.975C12.317 7.633 12.576 7.238 12.754 6.788C12.918 6.375 13 5.945 13 5.5C13 5.055 12.918 4.625 12.754 4.212C12.576 3.762 12.317 3.367 11.975 3.025C11.633 2.683 11.238 2.424 10.788 2.246C10.375 2.082 9.945 2 9.5 2C9.055 2 8.625 2.082 8.212 2.246C7.762 2.424 7.367 2.683 7.025 3.025C6.683 3.367 6.424 3.762 6.246 4.212C6.082 4.625 6 5.055 6 5.5C6 5.945 6.082 6.375 6.246 6.788C6.424 7.238 6.683 7.633 7.025 7.975ZM5.025 9.975C5.482 10.432 6.024 10.739 6.651 10.896C7.195 11.031 7.74 11.036 8.286 10.911C8.423 10.879 8.549 10.899 8.665 10.971C8.78 11.044 8.854 11.148 8.885 11.286C8.917 11.423 8.897 11.549 8.824 11.665C8.752 11.78 8.647 11.854 8.51 11.885C7.808 12.047 7.108 12.04 6.409 11.866C5.603 11.664 4.906 11.27 4.318 10.682C3.73 10.094 3.336 9.397 3.134 8.591C2.96 7.892 2.953 7.192 3.115 6.49C3.146 6.355 3.22 6.251 3.337 6.178C3.454 6.105 3.58 6.084 3.714 6.115C3.852 6.146 3.956 6.22 4.029 6.335C4.101 6.451 4.121 6.577 4.089 6.714C3.964 7.26 3.969 7.805 4.104 8.349C4.261 8.976 4.568 9.518 5.025 9.975ZM2.104 10.349C2.261 10.976 2.568 11.518 3.025 11.975C3.482 12.432 4.024 12.739 4.651 12.896C5.195 13.031 5.74 13.036 6.286 12.911C6.42 12.88 6.546 12.901 6.663 12.974C6.78 13.047 6.854 13.151 6.885 13.286C6.916 13.42 6.895 13.546 6.822 13.663C6.749 13.78 6.645 13.854 6.51 13.885C5.808 14.047 5.108 14.04 4.409 13.866C3.603 13.664 2.906 13.27 2.318 12.682C1.73 12.094 1.336 11.397 1.134 10.591C0.96 9.892 0.953 9.192 1.115 8.49C1.146 8.353 1.22 8.248 1.335 8.176C1.451 8.103 1.577 8.083 1.714 8.115C1.849 8.146 1.953 8.22 2.026 8.337C2.099 8.454 2.12 8.58 2.089 8.714C1.964 9.26 1.969 9.805 2.104 10.349Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M6.318 2.318C6.757 1.879 7.266 1.545 7.844 1.316C8.376 1.105 8.928 1 9.5 1C10.072 1 10.624 1.105 11.156 1.316C11.734 1.545 12.243 1.879 12.682 2.318C13.121 2.757 13.455 3.266 13.684 3.844C13.895 4.376 14 4.928 14 5.5C14 6.072 13.895 6.624 13.684 7.156C13.455 7.734 13.121 8.243 12.682 8.682C12.243 9.121 11.734 9.455 11.156 9.684C10.624 9.895 10.072 10 9.5 10C8.928 10 8.376 9.895 7.844 9.684C7.266 9.455 6.757 9.121 6.318 8.682C5.879 8.243 5.545 7.734 5.316 7.156C5.105 6.624 5 6.072 5 5.5C5 4.928 5.105 4.376 5.316 3.844C5.545 3.266 5.879 2.757 6.318 2.318ZM7.025 7.975C7.367 8.317 7.762 8.576 8.212 8.754C8.625 8.918 9.055 9 9.5 9C9.945 9 10.375 8.918 10.788 8.754C11.238 8.576 11.633 8.317 11.975 7.975C12.317 7.633 12.576 7.238 12.754 6.788C12.918 6.375 13 5.945 13 5.5C13 5.055 12.918 4.625 12.754 4.212C12.576 3.762 12.317 3.367 11.975 3.025C11.633 2.683 11.238 2.424 10.788 2.246C10.375 2.082 9.945 2 9.5 2C9.055 2 8.625 2.082 8.212 2.246C7.762 2.424 7.367 2.683 7.025 3.025C6.683 3.367 6.424 3.762 6.246 4.212C6.082 4.625 6 5.055 6 5.5C6 5.945 6.082 6.375 6.246 6.788C6.424 7.238 6.683 7.633 7.025 7.975ZM5.025 9.975C5.482 10.432 6.024 10.739 6.651 10.896C7.195 11.031 7.74 11.036 8.286 10.911C8.423 10.879 8.549 10.899 8.665 10.971C8.78 11.044 8.854 11.148 8.885 11.286C8.917 11.423 8.897 11.549 8.824 11.665C8.752 11.78 8.647 11.854 8.51 11.885C7.808 12.047 7.108 12.04 6.409 11.866C5.603 11.664 4.906 11.27 4.318 10.682C3.73 10.094 3.336 9.397 3.134 8.591C2.96 7.892 2.953 7.192 3.115 6.49C3.146 6.355 3.22 6.251 3.337 6.178C3.454 6.105 3.58 6.084 3.714 6.115C3.852 6.146 3.956 6.22 4.029 6.335C4.101 6.451 4.121 6.577 4.089 6.714C3.964 7.26 3.969 7.805 4.104 8.349C4.261 8.976 4.568 9.518 5.025 9.975ZM2.104 10.349C2.261 10.976 2.568 11.518 3.025 11.975C3.482 12.432 4.024 12.739 4.651 12.896C5.195 13.031 5.74 13.036 6.286 12.911C6.42 12.88 6.546 12.901 6.663 12.974C6.78 13.047 6.854 13.151 6.885 13.286C6.916 13.42 6.895 13.546 6.822 13.663C6.749 13.78 6.645 13.854 6.51 13.885C5.808 14.047 5.108 14.04 4.409 13.866C3.603 13.664 2.906 13.27 2.318 12.682C1.73 12.094 1.336 11.397 1.134 10.591C0.96 9.892 0.953 9.192 1.115 8.49C1.146 8.353 1.22 8.248 1.335 8.176C1.451 8.103 1.577 8.083 1.714 8.115C1.849 8.146 1.953 8.22 2.026 8.337C2.099 8.454 2.12 8.58 2.089 8.714C1.964 9.26 1.969 9.805 2.104 10.349Z\"/></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 9.626L1 9.377C1.008 9.081 1.047 8.786 1.115 8.49L2.089 8.714C1.964 9.26 1.969 9.805 2.104 10.349C2.261 10.976 2.568 11.518 3.025 11.975C3.482 12.432 4.024 12.739 4.651 12.896C5.195 13.031 5.74 13.036 6.286 12.911L6.51 13.885C5.808 14.047 5.108 14.04 4.409 13.866C3.603 13.664 2.906 13.27 2.318 12.682C1.73 12.094 1.336 11.397 1.134 10.591C1.054 10.27 1.009 9.948 1 9.626ZM5.316 3.844C5.545 3.266 5.879 2.757 6.318 2.318C6.757 1.879 7.266 1.545 7.844 1.316C8.376 1.105 8.928 1 9.5 1C10.072 1 10.624 1.105 11.156 1.316C11.734 1.545 12.243 1.879 12.682 2.318C13.121 2.757 13.455 3.266 13.684 3.844C13.895 4.376 14 4.928 14 5.5C14 6.072 13.895 6.624 13.684 7.156C13.455 7.734 13.121 8.243 12.682 8.682C12.243 9.121 11.734 9.455 11.156 9.684C10.624 9.895 10.072 10 9.5 10C8.928 10 8.376 9.895 7.844 9.684C7.266 9.455 6.757 9.121 6.318 8.682C5.879 8.243 5.545 7.734 5.316 7.156C5.105 6.624 5 6.072 5 5.5C5 4.928 5.105 4.376 5.316 3.844ZM6.246 6.788C6.424 7.238 6.683 7.633 7.025 7.975C7.367 8.317 7.762 8.576 8.212 8.754C8.625 8.918 9.055 9 9.5 9C9.945 9 10.375 8.918 10.788 8.754C11.238 8.576 11.633 8.317 11.975 7.975C12.317 7.633 12.576 7.238 12.754 6.788C12.918 6.375 13 5.945 13 5.5C13 5.055 12.918 4.625 12.754 4.212C12.576 3.762 12.317 3.367 11.975 3.025C11.633 2.683 11.238 2.424 10.788 2.246C10.375 2.082 9.945 2 9.5 2C9.055 2 8.625 2.082 8.212 2.246C7.762 2.424 7.367 2.683 7.025 3.025C6.683 3.367 6.424 3.762 6.246 4.212C6.082 4.625 6 5.055 6 5.5C6 5.945 6.082 6.375 6.246 6.788ZM4.104 8.349C4.261 8.976 4.568 9.518 5.025 9.975C5.482 10.432 6.024 10.739 6.651 10.896C7.195 11.031 7.74 11.036 8.286 10.911L8.51 11.885C7.808 12.047 7.108 12.04 6.409 11.866C5.603 11.664 4.906 11.27 4.318 10.682C3.73 10.094 3.336 9.397 3.134 8.591C2.96 7.892 2.953 7.192 3.115 6.49L4.089 6.714C3.964 7.26 3.969 7.805 4.104 8.349Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M5 5.5C5 4.928 5.105 4.376 5.316 3.844C5.545 3.266 5.879 2.757 6.318 2.318C6.757 1.879 7.266 1.545 7.844 1.316C8.376 1.105 8.928 1 9.5 1C10.072 1 10.624 1.105 11.156 1.316C11.734 1.545 12.243 1.879 12.682 2.318C13.121 2.757 13.455 3.266 13.684 3.844C13.895 4.376 14 4.928 14 5.5C14 6.072 13.895 6.624 13.684 7.156C13.455 7.734 13.121 8.243 12.682 8.682C12.243 9.121 11.734 9.455 11.156 9.684C10.624 9.895 10.072 10 9.5 10C8.928 10 8.376 9.895 7.844 9.684C7.266 9.455 6.757 9.121 6.318 8.682C5.879 8.243 5.545 7.734 5.316 7.156C5.105 6.624 5 6.072 5 5.5ZM4.029 6.335C4.101 6.451 4.121 6.577 4.089 6.714C3.964 7.26 3.969 7.805 4.104 8.349C4.261 8.976 4.568 9.518 5.025 9.975C5.482 10.432 6.024 10.739 6.651 10.896C7.195 11.031 7.74 11.036 8.286 10.911C8.423 10.879 8.549 10.899 8.665 10.971C8.78 11.044 8.854 11.148 8.885 11.286C8.917 11.423 8.897 11.549 8.824 11.665C8.752 11.78 8.647 11.854 8.51 11.885C7.808 12.047 7.108 12.04 6.409 11.866C5.603 11.664 4.906 11.27 4.318 10.682C3.73 10.094 3.336 9.397 3.134 8.591C2.96 7.892 2.953 7.192 3.115 6.49C3.146 6.355 3.22 6.251 3.337 6.178C3.454 6.105 3.58 6.084 3.714 6.115C3.852 6.146 3.956 6.22 4.029 6.335ZM2.104 10.349C2.261 10.976 2.568 11.518 3.025 11.975C3.482 12.432 4.024 12.739 4.651 12.896C5.195 13.031 5.74 13.036 6.286 12.911C6.42 12.88 6.546 12.901 6.663 12.974C6.78 13.047 6.854 13.151 6.885 13.286C6.916 13.42 6.895 13.546 6.822 13.663C6.749 13.78 6.645 13.854 6.51 13.885C5.808 14.047 5.108 14.04 4.409 13.866C3.603 13.664 2.906 13.27 2.318 12.682C1.73 12.094 1.336 11.397 1.134 10.591C0.96 9.892 0.953 9.192 1.115 8.49C1.146 8.353 1.22 8.248 1.335 8.176C1.451 8.103 1.577 8.083 1.714 8.115C1.849 8.146 1.953 8.22 2.026 8.337C2.099 8.454 2.12 8.58 2.089 8.714C1.964 9.26 1.969 9.805 2.104 10.349Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M5 5.5C5 4.928 5.105 4.376 5.316 3.844C5.545 3.266 5.879 2.757 6.318 2.318C6.757 1.879 7.266 1.545 7.844 1.316C8.376 1.105 8.928 1 9.5 1C10.072 1 10.624 1.105 11.156 1.316C11.734 1.545 12.243 1.879 12.682 2.318C13.121 2.757 13.455 3.266 13.684 3.844C13.895 4.376 14 4.928 14 5.5C14 6.072 13.895 6.624 13.684 7.156C13.455 7.734 13.121 8.243 12.682 8.682C12.243 9.121 11.734 9.455 11.156 9.684C10.624 9.895 10.072 10 9.5 10C8.928 10 8.376 9.895 7.844 9.684C7.266 9.455 6.757 9.121 6.318 8.682C5.879 8.243 5.545 7.734 5.316 7.156C5.105 6.624 5 6.072 5 5.5ZM4.029 6.335C4.101 6.451 4.121 6.577 4.089 6.714C3.964 7.26 3.969 7.805 4.104 8.349C4.261 8.976 4.568 9.518 5.025 9.975C5.482 10.432 6.024 10.739 6.651 10.896C7.195 11.031 7.74 11.036 8.286 10.911C8.423 10.879 8.549 10.899 8.665 10.971C8.78 11.044 8.854 11.148 8.885 11.286C8.917 11.423 8.897 11.549 8.824 11.665C8.752 11.78 8.647 11.854 8.51 11.885C7.808 12.047 7.108 12.04 6.409 11.866C5.603 11.664 4.906 11.27 4.318 10.682C3.73 10.094 3.336 9.397 3.134 8.591C2.96 7.892 2.953 7.192 3.115 6.49C3.146 6.355 3.22 6.251 3.337 6.178C3.454 6.105 3.58 6.084 3.714 6.115C3.852 6.146 3.956 6.22 4.029 6.335ZM2.104 10.349C2.261 10.976 2.568 11.518 3.025 11.975C3.482 12.432 4.024 12.739 4.651 12.896C5.195 13.031 5.74 13.036 6.286 12.911C6.42 12.88 6.546 12.901 6.663 12.974C6.78 13.047 6.854 13.151 6.885 13.286C6.916 13.42 6.895 13.546 6.822 13.663C6.749 13.78 6.645 13.854 6.51 13.885C5.808 14.047 5.108 14.04 4.409 13.866C3.603 13.664 2.906 13.27 2.318 12.682C1.73 12.094 1.336 11.397 1.134 10.591C0.96 9.892 0.953 9.192 1.115 8.49C1.146 8.353 1.22 8.248 1.335 8.176C1.451 8.103 1.577 8.083 1.714 8.115C1.849 8.146 1.953 8.22 2.026 8.337C2.099 8.454 2.12 8.58 2.089 8.714C1.964 9.26 1.969 9.805 2.104 10.349Z\"/></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 9.626L1 9.377C1.008 9.081 1.047 8.786 1.115 8.49L2.089 8.714C1.964 9.26 1.969 9.805 2.104 10.349C2.261 10.976 2.568 11.518 3.025 11.975C3.482 12.432 4.024 12.739 4.651 12.896C5.195 13.031 5.74 13.036 6.286 12.911L6.51 13.885C5.808 14.047 5.108 14.04 4.409 13.866C3.603 13.664 2.906 13.27 2.318 12.682C1.73 12.094 1.336 11.397 1.134 10.591C1.054 10.27 1.009 9.948 1 9.626ZM9.5 1C10.072 1 10.624 1.105 11.156 1.316C11.734 1.545 12.243 1.879 12.682 2.318C13.121 2.757 13.455 3.266 13.684 3.844C13.895 4.376 14 4.928 14 5.5C14 6.072 13.895 6.624 13.684 7.156C13.455 7.734 13.121 8.243 12.682 8.682C12.243 9.121 11.734 9.455 11.156 9.684C10.624 9.895 10.072 10 9.5 10C8.928 10 8.376 9.895 7.844 9.684C7.266 9.455 6.757 9.121 6.318 8.682C5.879 8.243 5.545 7.734 5.316 7.156C5.105 6.624 5 6.072 5 5.5C5 4.928 5.105 4.376 5.316 3.844C5.545 3.266 5.879 2.757 6.318 2.318C6.757 1.879 7.266 1.545 7.844 1.316C8.376 1.105 8.928 1 9.5 1ZM4.104 8.349C4.261 8.976 4.568 9.518 5.025 9.975C5.482 10.432 6.024 10.739 6.651 10.896C7.195 11.031 7.74 11.036 8.286 10.911L8.51 11.885C7.808 12.047 7.108 12.04 6.409 11.866C5.603 11.664 4.906 11.27 4.318 10.682C3.73 10.094 3.336 9.397 3.134 8.591C2.96 7.892 2.953 7.192 3.115 6.49L4.089 6.714C3.964 7.26 3.969 7.805 4.104 8.349Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/animation.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/animation.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/animation.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/animation.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/animation.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/animation.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/animation.png",
   "32": "https://gentleface.com/png/line-round/32/animation.png",
   "48": "https://gentleface.com/png/line-round/48/animation.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/animation.png",
   "32": "https://gentleface.com/png/line-soft/32/animation.png",
   "48": "https://gentleface.com/png/line-soft/48/animation.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/animation.png",
   "32": "https://gentleface.com/png/line-sharp/32/animation.png",
   "48": "https://gentleface.com/png/line-sharp/48/animation.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/animation.png",
   "32": "https://gentleface.com/png/solid-round/32/animation.png",
   "48": "https://gentleface.com/png/solid-round/48/animation.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/animation.png",
   "32": "https://gentleface.com/png/solid-soft/32/animation.png",
   "48": "https://gentleface.com/png/solid-soft/48/animation.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/animation.png",
   "32": "https://gentleface.com/png/solid-sharp/32/animation.png",
   "48": "https://gentleface.com/png/solid-sharp/48/animation.png"
  }
 },
 "license": "MIT",
 "author": "Alexander Kiselev"
}