Merge pull request #12851 from google/enhancement/12598-standardize-navigation-icons

Enhancement/12598 Standardize navigation icons

Author: tofumatt

assets/js/components/DashboardNavigation/Navigation/index.js

@@ -231,30 +231,62 @@ export default function Navigation() {
 	// Handle scroll events to update sticky state and selected chip.
 	useEvent( 'scroll', throttledOnScroll );
 
+	const navigationChipIconSize = 20;
+
 	const chips = {
 		[ ANCHOR_ID_KEY_METRICS ]: {
 			label: __( 'Key metrics', 'google-site-kit' ),
-			icon: <NavKeyMetricsIcon width="18" height="16" />,
+			icon: (
+				<NavKeyMetricsIcon
+					width={ navigationChipIconSize }
+					height={ navigationChipIconSize }
+				/>
+			),
 		},
 		[ ANCHOR_ID_TRAFFIC ]: {
 			label: __( 'Traffic', 'google-site-kit' ),
-			icon: <NavTrafficIcon width="18" height="16" />,
+			icon: (
+				<NavTrafficIcon
+					width={ navigationChipIconSize }
+					height={ navigationChipIconSize }
+				/>
+			),
 		},
 		[ ANCHOR_ID_SITE_GOALS ]: {
 			label: __( 'Site goals', 'google-site-kit' ),
-			icon: <NavSiteGoalsIcon width="17" height="17" />,
+			icon: (
+				<NavSiteGoalsIcon
+					width={ navigationChipIconSize }
+					height={ navigationChipIconSize }
+				/>
+			),
 		},
 		[ ANCHOR_ID_CONTENT ]: {
 			label: __( 'Content', 'google-site-kit' ),
-			icon: <NavContentIcon width="18" height="18" />,
+			icon: (
+				<NavContentIcon
+					width={ navigationChipIconSize }
+					height={ navigationChipIconSize }
+				/>
+			),
 		},
 		[ ANCHOR_ID_SPEED ]: {
 			label: __( 'Speed', 'google-site-kit' ),
-			icon: <NavSpeedIcon width="20" height="16" />,
+			icon: (
+				<NavSpeedIcon
+					width={ navigationChipIconSize }
+					height={ navigationChipIconSize }
+				/>
+			),
 		},
 		[ ANCHOR_ID_MONETIZATION ]: {
 			label: __( 'Monetization', 'google-site-kit' ),
-			icon: <NavMonetizationIcon width="18" height="16" />,
+			icon: (
+				<NavMonetizationIcon
+					width={ navigationChipIconSize }
+					height={ navigationChipIconSize }
+				/>
+			),
 		},
 	};