diff --git a/modules/ppcp-settings/resources/js/Components/ReusableComponents/Icons/GenericIcon.js b/modules/ppcp-settings/resources/js/Components/ReusableComponents/Icons/GenericIcon.js
index e69de29bb..1b5e0a184 100644
--- a/modules/ppcp-settings/resources/js/Components/ReusableComponents/Icons/GenericIcon.js
+++ b/modules/ppcp-settings/resources/js/Components/ReusableComponents/Icons/GenericIcon.js
@@ -0,0 +1,15 @@
+import React from 'react';
+
+const GenericIcon = ( { imageName, className = '', alt = '' } ) => {
+	const pathToImages = global.ppcpSettings.assets.imagesUrl;
+
+	return (
+		<img
+			className={ className }
+			alt={ alt }
+			src={ `${ pathToImages }${ imageName }` }
+		/>
+	);
+};
+
+export default GenericIcon;
diff --git a/modules/ppcp-settings/resources/js/Components/ReusableComponents/Icons/index.js b/modules/ppcp-settings/resources/js/Components/ReusableComponents/Icons/index.js
index f79e4c987..5519a99d7 100644
--- a/modules/ppcp-settings/resources/js/Components/ReusableComponents/Icons/index.js
+++ b/modules/ppcp-settings/resources/js/Components/ReusableComponents/Icons/index.js
@@ -1,3 +1,4 @@
+export { default as PPIcon } from './GenericIcon';
 export { default as OpenSignup } from './OpenSignup';
 export { default as LogoPayPal } from './LogoPayPal';