SVG Morpheus – JavaScript library enabling SVG icons to morph from one to the other

      

JavaScript library enabling SVG icons to morph from one to the other. It implements Material Design’s Delightful Details transitions.

Add Script

Simply add the svg-morpheus.js script to your website/application. No other scripts are needed. Both the minified and uncompressed (for development) versions are in the /compile folder.

SVG-Morpheus

Usage

– Add an icon set SVG to the HTML file where you want to show the morphing icon.
– Create a SVG Morpheus instance for the icon set by calling new SVGMorpheus(element).

Demo    GitHub