switch icons

Signed-off-by: Aizat Faiz <aizat.faiz@gmail.com>

packages/app-defaults/src/defaults/icons.tsx

@@ -17,7 +17,7 @@
 import { IconComponent } from '@backstage/core-plugin-api';
 import MuiApartmentIcon from '@material-ui/icons/Apartment';
 import MuiBrokenImageIcon from '@material-ui/icons/BrokenImage';
-import MuiBusinessIcon from '@material-ui/icons/Business';
+import MuiCategoryIcon from '@material-ui/icons/Category';
 import MuiCreateNewFolderIcon from '@material-ui/icons/CreateNewFolder';
 import MuiSubjectIcon from '@material-ui/icons/Subject';
 import MuiSearchIcon from '@material-ui/icons/Search';
@@ -35,7 +35,7 @@ import MuiPeopleIcon from '@material-ui/icons/People';
 import MuiPersonIcon from '@material-ui/icons/Person';
 import MuiWarningIcon from '@material-ui/icons/Warning';
 import MuiWorkIcon from '@material-ui/icons/Work';
-import MuiLibraryAddIcon from '@material-ui/icons/LibraryAdd';
+import MuiFeaturedPlayListIcon from '@material-ui/icons/FeaturedPlayList';
 
 export const icons = {
   brokenImage: MuiBrokenImageIcon as IconComponent,
@@ -56,10 +56,10 @@ export const icons = {
   'kind:domain': MuiApartmentIcon as IconComponent,
   'kind:group': MuiPeopleIcon as IconComponent,
   'kind:location': MuiLocationOnIcon as IconComponent,
-  'kind:system': MuiBusinessIcon as IconComponent,
+  'kind:system': MuiCategoryIcon as IconComponent,
   'kind:user': MuiPersonIcon as IconComponent,
   'kind:resource': MuiWorkIcon as IconComponent,
-  'kind:template': MuiLibraryAddIcon as IconComponent,
+  'kind:template': MuiFeaturedPlayListIcon as IconComponent,
   user: MuiPersonIcon as IconComponent,
   warning: MuiWarningIcon as IconComponent,
 };

plugins/catalog/src/apis/EntityPresentationApi/defaults.tsx

@@ -18,10 +18,10 @@ import { IconComponent } from '@backstage/core-plugin-api';
 import { defaultEntityPresentation } from '@backstage/plugin-catalog-react';
 import { HumanDuration } from '@backstage/types';
 import ApartmentIcon from '@material-ui/icons/Apartment';
-import BusinessIcon from '@material-ui/icons/Business';
+import CategoryIcon from '@material-ui/icons/Category';
 import ExtensionIcon from '@material-ui/icons/Extension';
 import HelpIcon from '@material-ui/icons/Help';
-import LibraryAddIcon from '@material-ui/icons/LibraryAdd';
+import FeaturedPlayListIcon from '@material-ui/icons/FeaturedPlayList';
 import LocationOnIcon from '@material-ui/icons/LocationOn';
 import MemoryIcon from '@material-ui/icons/Memory';
 import PeopleIcon from '@material-ui/icons/People';
@@ -38,13 +38,13 @@ export const UNKNOWN_KIND_ICON: IconComponent = HelpIcon;
 export const DEFAULT_ICONS: Record<string, IconComponent> = {
   api: ExtensionIcon,
   component: MemoryIcon,
-  system: BusinessIcon,
+  system: CategoryIcon,
   resource: WorkIcon,
   domain: ApartmentIcon,
   location: LocationOnIcon,
   user: PersonIcon,
   group: PeopleIcon,
-  template: LibraryAddIcon,
+  template: FeaturedPlayListIcon,
 };
 
 export function createDefaultRenderer(options: {

plugins/catalog/src/components/AboutCard/AboutCard.tsx

@@ -166,7 +166,7 @@ export function AboutCard(props: AboutCardProps) {
   const subHeaderLinks = [viewInSource, viewInTechDocs];
 
   if (isTemplateEntityV1beta3(entity)) {
-    const Icon = app.getSystemIcon('scaffolder') ?? CreateComponentIcon;
+    const Icon = app.getSystemIcon('kind:template') ?? CreateComponentIcon;
 
     const launchTemplate: IconLinkVerticalProps = {
       label: 'Launch Template',