Transpile icon SVGs with display name

.changeset/famous-rats-invent.md

@@ -0,0 +1,5 @@
+---
+'@shopify/polaris-icons': patch
+---
+
+Add displayName to transpiled icons

polaris-icons/.svgrrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  template: require('./icon-template.js'),
+};

polaris-icons/icon-template.js

@@ -0,0 +1,25 @@
+const template = (
+  {template},
+  opts,
+  {imports, interfaces, componentName, props, jsx, exports},
+) => {
+  const plugins = ['jsx'];
+  if (opts.typescript) {
+    plugins.push('typescript');
+  }
+  const typeScriptTpl = template.smart({plugins});
+  return typeScriptTpl.ast`${imports}
+
+${interfaces}
+
+var ${componentName} = function ${componentName}(${props}) {
+  return ${jsx};
+}
+
+${componentName}.displayName = "${componentName.name.replace(/^Svg/g, '')}";
+
+${exports}
+  `;
+};
+
+module.exports = template;