You have a scale factor fo 700% on your SVGs. IE 11 uses bitmap-style scaling instead of re-rendering when using the CSS transform:scale() setting that this corresponds to. Instead, use 100% scaling for the image and change its width/height to be what you want. Then it will be rendered smoothly by IE 11.
When I exported your animation as a GIF, the size I got was 654 KB; I'm not sure why yours is much larger unless the settings are different than the ones that were left saved in the document.
Regardless, Hype by default uses a program called ImageMagick to produce animated GIFs. Making animated GIFs in many ways is more of an art form that takes into account many different settings of the format; it is probably just the case that Photoshop is more intelligently looking at the content and making better choices. Hype has a hidden preference to use Apple's Animate GIF engine, but I found the results weren't significantly better with that. My recommendation would be to simply continue using photoshop or drag into ImageOptim after exporting with Hype.