Where are all the animated SVGs?
<i>Please</i> keep the animated SVG's <i>away!</i><p>Motion is <i>extremely</i> effective at drawing the eye's attention, and so should <i>never</i> be used unless that's the goal.<p>In fact I can't think of a single good design reason to <i>ever</i> animate an icon except for loading/progress icons, which already are ubiquitous and generally don't need any dedicated animation tools since they're so simple and reusable.<p>You don't <i>ever</i> want normal interface/page icons to be animated <i>constantly</i>, because it's always distracting and never good.<p>What about intermittently, like hover states? Still no, because a hover state exists to give confirmation that you've mousedowned on a clickable area -- so the hover needs to be an area-wide confirmation (like changing the button color). Animating an icon instead is too confusing, and animating it <i>on top</i> of a color change is too redundant and noisy.<p>So I just don't see any use case <i>at all</i>.<p>(Extra note #1: motion itself can be helpful in UX -- e.g. an icon expanding in size to a card, a card sliding off, etc. -- but none of that involves animated icons.)<p>(Extra note #2: except for gaming interfaces which are all about sensory excess -- shadows! sounds! animated icons! pop-out effects! -- but those tend to be based on other technology workflows anyways.)