Use when adding new animated icons to the svg-animated-icons project, when porting icons from the svg-icons/ source directory, or when refining existing icon animations. Covers file structure, the 700ms duration rule, the no-scale/no-pure-opacity rule, how to derive meaningful animations from the icon's meaning, the build/registry workflow, and common pitfalls (path fidelity, transform-origin, viewBox clipping). Also use when the user asks "add N more icons", "animate this icon", "fix this icon's animation", or pastes/refers to a Radix source.
2026-05-20