Carbon animated icons — 148 icons across 7 categories. Hover to preview animation. Click to copy SVG.
data-animating on the wrapper div to trigger the animation.
CSS animations are defined in assets/icons/carbon-motion/motion-icons.css.
SVG data is in assets/icons/carbon-motion/motion-icons.js.
/* trigger animation */
wrapperEl.setAttribute('data-animating', '');
setTimeout(() => wrapperEl.removeAttribute('data-animating'), 2000);