diff --git a/assets/js/components/plugin-icon.js b/assets/js/components/plugin-icon.js
new file mode 100644
index 000000000..bd3772af5
--- /dev/null
+++ b/assets/js/components/plugin-icon.js
@@ -0,0 +1,24 @@
+import { SVG, Path } from '@wordpress/primitives';
+
+const pluginIcon = (
+
+);
+
+export { pluginIcon };
diff --git a/assets/js/gutenberg-plugin.js b/assets/js/gutenberg-plugin.js
index 67280aed0..4c7bb5a8d 100644
--- a/assets/js/gutenberg-plugin.js
+++ b/assets/js/gutenberg-plugin.js
@@ -1,4 +1,4 @@
-import PluginIcon from '../img/icon.svg';
+import { pluginIcon } from './components/plugin-icon';
import { Icon } from '@wordpress/components';
import { select, useSelect } from '@wordpress/data';
@@ -134,11 +134,7 @@ const RenderDistributedFrom = () => {
* Create the Distributor icon
*/
const DistributorIcon = () => (
- }
- size={ 20 }
- />
+
);
/**