[Icon Builder] Use FSC, remove pure(), add muiName

packages/icon-builder/tpl/SvgIcon.js

@@ -1,19 +1,13 @@
-import React, {Component} from 'react';
-import shallowEqual from 'recompose/shallowEqual';
-import SvgIcon from '../../SvgIcon';
+import React from 'react';
+import SvgIcon from '{{{ muiRequireStmt }}}';
 
-export default class {{className}} extends Component {
-  static muiName = 'SvgIcon';
+let {{className}} = (props) => (
+  <SvgIcon {...props}>
+    {{{paths}}}
+  </SvgIcon>
+);
 
-  shouldComponentUpdate (nextProps) {
-    return !shallowEqual(this.props, nextProps)
-  }
+{{className}}.displayName = '{{className}}';
+{{className}}.muiName = 'SvgIcon';
 
-  render() {
-    return (
-      <SvgIcon {...this.props}>
-        {{{paths}}}
-      </SvgIcon>
-    );
-  }
-}
+export default {{className}};

src/SvgIcon/SvgIcon.js

@@ -57,8 +57,8 @@ class SvgIcon extends Component {
     hovered: false,
   };
 
-  shouldComponentUpdate = (nextProps) => {
-    return !shallowEqual(this.props, nextProps);
+  shouldComponentUpdate = (nextProps, nextState) => {
+    return !shallowEqual(this.props, nextProps) || !shallowEqual(this.state, nextState);
   };
 
   handleMouseLeave = (event) => {