{
 "name": "keyframe",
 "title": "Keyframe",
 "component": "KeyframeIcon",
 "url": "https://gentleface.com/icons/keyframe",
 "category": "media",
 "motif": "keyframe",
 "added": "2026-10-16",
 "history": [
  {
   "date": "2026-10-16",
   "what": [
    "added"
   ]
  }
 ],
 "geometry_hash": "86f8b947879d",
 "use_for": [
  "keyframe",
  "animation keyframe"
 ],
 "alternatives": [
  {
   "icon": "keyframes",
   "why": "an animation timeline with several keyframes (animation-timeline)",
   "concept": "keyframe"
  }
 ],
 "dont_confuse_with": [
  {
   "icon": "diamond",
   "why": "the plain diamond shape (rhombus), not the timeline marker",
   "concept": "keyframe"
  }
 ],
 "family": [
  "keyframe-plus"
 ],
 "tags": [
  "keyframe",
  "timeline",
  "animation",
  "diamond",
  "frame",
  "key"
 ],
 "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=\"M13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L11.662 8C11.619 8.073 11.565 8.142 11.5 8.207L8.207 11.5C8.012 11.695 7.776 11.793 7.5 11.793C7.224 11.793 6.988 11.695 6.793 11.5L3.5 8.207C3.435 8.142 3.381 8.073 3.338 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L3.338 7C3.381 6.927 3.435 6.858 3.5 6.793L6.793 3.5C6.988 3.305 7.224 3.207 7.5 3.207C7.776 3.207 8.012 3.305 8.207 3.5L11.5 6.793C11.565 6.858 11.619 6.927 11.662 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144ZM7.5 10.793L10.793 7.5L7.5 4.207L4.207 7.5L7.5 10.793Z\"/></svg>",
  "line-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L11.707 8L7.854 11.854C7.754 11.953 7.636 12.003 7.5 12.003C7.364 12.003 7.246 11.953 7.146 11.854L3.293 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L3.293 7L7.146 3.146C7.244 3.049 7.362 3 7.5 3C7.638 3 7.756 3.049 7.854 3.146L11.707 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144ZM7.5 10.793L10.793 7.5L7.5 4.207L4.207 7.5L7.5 10.793Z\"/></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 8L1 7L3.293 7L7.5 2.793L11.707 7L14 7L14 8L11.707 8L7.5 12.207L3.293 8L1 8ZM7.5 4.207L4.207 7.5L7.5 10.793L10.793 7.5L7.5 4.207Z\"/></svg>",
  "solid-round": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M13.5 7C13.641 7 13.759 7.048 13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L11.662 8C11.619 8.073 11.565 8.142 11.5 8.207L8.207 11.5C8.012 11.695 7.776 11.793 7.5 11.793C7.224 11.793 6.988 11.695 6.793 11.5L3.5 8.207C3.435 8.142 3.381 8.073 3.338 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L3.338 7C3.381 6.927 3.435 6.858 3.5 6.793L6.793 3.5C6.988 3.305 7.224 3.207 7.5 3.207C7.776 3.207 8.012 3.305 8.207 3.5L11.5 6.793C11.565 6.858 11.619 6.927 11.662 7L13.5 7Z\"/></svg>",
  "solid-soft": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"currentColor\"><path d=\"M7.854 3.146L11.707 7L13.5 7C13.641 7 13.759 7.048 13.856 7.144C13.952 7.241 14 7.359 14 7.5C14 7.641 13.952 7.759 13.856 7.856C13.759 7.952 13.641 8 13.5 8L11.707 8L7.854 11.854C7.754 11.953 7.636 12.003 7.5 12.003C7.364 12.003 7.246 11.953 7.146 11.854L3.293 8L1.5 8C1.359 8 1.241 7.952 1.144 7.856C1.048 7.759 1 7.641 1 7.5C1 7.359 1.048 7.241 1.144 7.144C1.241 7.048 1.359 7 1.5 7L3.293 7L7.146 3.146C7.244 3.049 7.362 3 7.5 3C7.638 3 7.756 3.049 7.854 3.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=\"M1 8L1 7L3.293 7L7.5 2.793L11.707 7L14 7L14 8L11.707 8L7.5 12.207L3.293 8L1 8Z\"/></svg>"
 },
 "svg_url": {
  "line-round": "https://gentleface.com/svg/line-round/16/keyframe.svg",
  "line-soft": "https://gentleface.com/svg/line-soft/16/keyframe.svg",
  "line-sharp": "https://gentleface.com/svg/line-sharp/16/keyframe.svg",
  "solid-round": "https://gentleface.com/svg/solid-round/16/keyframe.svg",
  "solid-soft": "https://gentleface.com/svg/solid-soft/16/keyframe.svg",
  "solid-sharp": "https://gentleface.com/svg/solid-sharp/16/keyframe.svg"
 },
 "png_url": {
  "line-round": {
   "16": "https://gentleface.com/png/line-round/16/keyframe.png",
   "32": "https://gentleface.com/png/line-round/32/keyframe.png",
   "48": "https://gentleface.com/png/line-round/48/keyframe.png"
  },
  "line-soft": {
   "16": "https://gentleface.com/png/line-soft/16/keyframe.png",
   "32": "https://gentleface.com/png/line-soft/32/keyframe.png",
   "48": "https://gentleface.com/png/line-soft/48/keyframe.png"
  },
  "line-sharp": {
   "16": "https://gentleface.com/png/line-sharp/16/keyframe.png",
   "32": "https://gentleface.com/png/line-sharp/32/keyframe.png",
   "48": "https://gentleface.com/png/line-sharp/48/keyframe.png"
  },
  "solid-round": {
   "16": "https://gentleface.com/png/solid-round/16/keyframe.png",
   "32": "https://gentleface.com/png/solid-round/32/keyframe.png",
   "48": "https://gentleface.com/png/solid-round/48/keyframe.png"
  },
  "solid-soft": {
   "16": "https://gentleface.com/png/solid-soft/16/keyframe.png",
   "32": "https://gentleface.com/png/solid-soft/32/keyframe.png",
   "48": "https://gentleface.com/png/solid-soft/48/keyframe.png"
  },
  "solid-sharp": {
   "16": "https://gentleface.com/png/solid-sharp/16/keyframe.png",
   "32": "https://gentleface.com/png/solid-sharp/32/keyframe.png",
   "48": "https://gentleface.com/png/solid-sharp/48/keyframe.png"
  }
 },
 "license": "MIT",
 "author": "Alexander Kiselev"
}