Grafana/UI: Bundle raw SVG icon strings (#47665)

* Build: bundle raw svg icon strings in grafana/ui

* remove @rollup/plugin-image

packages/grafana-ui/package.json

@@ -98,7 +98,6 @@
     "@grafana/tsconfig": "^1.2.0-rc1",
     "@mdx-js/react": "1.6.22",
     "@rollup/plugin-commonjs": "21.0.2",
-    "@rollup/plugin-image": "2.1.1",
     "@rollup/plugin-node-resolve": "13.1.3",
     "@storybook/addon-a11y": "6.4.21",
     "@storybook/addon-actions": "6.4.21",
@@ -168,6 +167,7 @@
     "rimraf": "3.0.2",
     "rollup": "2.70.1",
     "rollup-plugin-sourcemaps": "0.6.3",
+    "rollup-plugin-svg-import": "^1.6.0",
     "rollup-plugin-terser": "7.0.2",
     "sass-loader": "12.6.0",
     "storybook-dark-mode": "1.0.9",

packages/grafana-ui/rollup.config.ts

@@ -1,6 +1,6 @@
 import resolve from '@rollup/plugin-node-resolve';
 import commonjs from '@rollup/plugin-commonjs';
-import image from '@rollup/plugin-image';
+import svg from 'rollup-plugin-svg-import';
 import { terser } from 'rollup-plugin-terser';
 
 const pkg = require('./package.json');
@@ -41,7 +41,7 @@ const buildCjsPackage = ({ env }) => {
         include: /node_modules/,
       }),
       resolve(),
-      image(),
+      svg({ stringify: true }),
       env === 'production' && terser(),
     ],
   };