diff --git a/frontend/public/components/catalog/catalog-item-icon.tsx b/frontend/public/components/catalog/catalog-item-icon.tsx
index 550b39a4b1..9415b505dd 100644
--- a/frontend/public/components/catalog/catalog-item-icon.tsx
+++ b/frontend/public/components/catalog/catalog-item-icon.tsx
@@ -14,6 +14,7 @@ import * as ansibleImg from '../../imgs/logos/ansible.svg';
 import * as apacheImg from '../../imgs/logos/apache.svg';
 import * as beakerImg from '../../imgs/logos/beaker.svg';
 import * as capedwarfImg from '../../imgs/logos/capedwarf.svg';
+import * as catalogImg from '../../imgs/logos/catalog-icon.svg';
 import * as cassandraImg from '../../imgs/logos/cassandra.svg';
 import * as clojureImg from '../../imgs/logos/clojure.svg';
 import * as codeigniterImg from '../../imgs/logos/codeigniter.svg';
@@ -98,6 +99,7 @@ const logos = new Map()
   .set('icon-apache', apacheImg)
   .set('icon-beaker', beakerImg)
   .set('icon-capedwarf', capedwarfImg)
+  .set('icon-catalog', catalogImg)
   .set('icon-cassandra', cassandraImg)
   .set('icon-clojure', clojureImg)
   .set('icon-codeigniter', codeigniterImg)
@@ -184,7 +186,7 @@ export const getImageForIconClass = (iconClass) => {
 };
 
 export const getServiceClassIcon = (serviceClass) => {
-  return _.get(serviceClass, ['spec', 'externalMetadata', 'console.openshift.io/iconClass'], 'fa fa-clone');
+  return _.get(serviceClass, ['spec', 'externalMetadata', 'console.openshift.io/iconClass'], logos.get('icon-catalog'));
 };
 
 export const getServiceClassImage = (serviceClass) => {
diff --git a/frontend/public/components/catalog/catalog-items.jsx b/frontend/public/components/catalog/catalog-items.jsx
index b10ba7ef8d..1463afdb2a 100644
--- a/frontend/public/components/catalog/catalog-items.jsx
+++ b/frontend/public/components/catalog/catalog-items.jsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import * as _ from 'lodash-es';
 import * as PropTypes from 'prop-types';
+import * as catalogImg from '../../imgs/logos/catalog-icon.svg';
 import { CatalogTile } from 'patternfly-react-extensions';
 import { Modal } from 'patternfly-react';
 
@@ -172,13 +173,14 @@ export class CatalogTileViewPage extends React.Component {
     const uid = obj.metadata.uid;
     const iconClass = tileIconClass ? normalizeIconClass(tileIconClass) : null;
     const vendor = tileProvider ? `provided by ${tileProvider}` : null;
+    const iconImgUrl = tileImgUrl || catalogImg;
     return (
       <CatalogTile
         id={uid}
         key={uid}
         onClick={() => this.openOverlay(item)}
         title={tileName}
-        iconImg={tileImgUrl}
+        iconImg={iconImgUrl}
         iconClass={iconClass}
         vendor={vendor}
         description={tileDescription} />
diff --git a/frontend/public/imgs/logos/catalog-icon.svg b/frontend/public/imgs/logos/catalog-icon.svg
new file mode 100644
index 0000000000..03b4b02143
--- /dev/null
+++ b/frontend/public/imgs/logos/catalog-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 258.51 259"><defs><style>.cls-1{fill:none;}.cls-2{fill:#8d8d8f;}.cls-3{fill:#d1d1d1;}</style></defs><title>Asset 2</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path class="cls-1" d="M174.81,20H29.19A9.18,9.18,0,0,0,20,29.19V174.81A9.18,9.18,0,0,0,29.19,184H174.81a9.18,9.18,0,0,0,9.19-9.19V29.19A9.18,9.18,0,0,0,174.81,20Z"/><path class="cls-2" d="M240.91,55H214V186.4A27.63,27.63,0,0,1,186.4,214H54.51v27.4A17.65,17.65,0,0,0,72.12,259H240.91a17.65,17.65,0,0,0,17.6-17.6V72.61A17.65,17.65,0,0,0,240.91,55Z"/><path class="cls-2" d="M174,174V55H72.12A17.66,17.66,0,0,0,54.51,72.61V174H174Z"/><path class="cls-3" d="M186.4,0H17.6A17.65,17.65,0,0,0,0,17.6V186.4A17.65,17.65,0,0,0,17.6,204H186.4A17.65,17.65,0,0,0,204,186.4V17.6A17.65,17.65,0,0,0,186.4,0ZM184,170.38v4.43a9.18,9.18,0,0,1-9.19,9.19H29.19A9.18,9.18,0,0,1,20,174.81V29.19A9.18,9.18,0,0,1,29.19,20H174.81A9.18,9.18,0,0,1,184,29.19V170.38Z"/></g></g></svg>
\ No newline at end of file