Added validator for SVGs

scripts/clean-up-svg-icons.mjs

@@ -61,6 +61,8 @@ const globPattern = paths.map( pathToIcon => {
 
 let statusCode = 0;
 
+const missingViewBoxIcons = [];
+
 globSync( globPattern )
 	.map( upath.toUnix )
 	.filter( filterExcludedIcons )
@@ -75,6 +77,15 @@ if ( verifyOnly && statusCode ) {
 	process.exit( statusCode );
 }
 
+if ( missingViewBoxIcons.length ) {
+	console.log();
+	console.log( chalk.red( 'Following icons have missing or invalid ViewBox:' ) );
+	console.log( missingViewBoxIcons.map( path => ` - ${ path }` ).join( '\n' ) );
+	console.log();
+
+	process.exit( statusCode );
+}
+
 function parseArguments( args ) {
 	const config = {
 		boolean: [
@@ -120,7 +131,19 @@ function processIcon( pathToIcon ) {
 		svgoOptions.push( '-o -' );
 	}
 
-	const result = execSync( `svgo ${ svgoOptions.join( ' ' ) }`, { encoding: 'utf-8' } ).trim();
+	let result;
+
+	try {
+		result = execSync( `svgo ${ svgoOptions.join( ' ' ) }`, { encoding: 'utf-8', stdio: 'pipe' } ).trim();
+	} catch ( err ) {
+		if ( err.message.includes( 'Error: Invalid or missing viewBox.' ) ) {
+			missingViewBoxIcons.push( pathToIcon );
+
+			statusCode = 1;
+		} else {
+			throw new Error( err );
+		}
+	}
 
 	if ( verifyOnly ) {
 		const iconFile = fs.readFileSync( pathToIcon, 'utf-8' ).trim();

scripts/svgo.config.cjs

@@ -3,6 +3,8 @@
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
  */
 
+const svgoViewBoxPlugin = require( './utils/svgo-viewBox-plugin.cjs' );
+
 /* eslint-env node */
 
 module.exports = {
@@ -28,6 +30,7 @@ module.exports = {
 		},
 		{ name: 'removeTitle' },
 		{ name: 'removeComments' },
-		{ name: 'removeMetadata' }
+		{ name: 'removeMetadata' },
+		svgoViewBoxPlugin
 	]
 };

scripts/utils/svgo-viewBox-plugin.cjs

@@ -0,0 +1,46 @@
+/**
+ * @license Copyright (c) 2003-2025, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
+ */
+
+/* global module */
+
+module.exports = {
+	name: 'svgoViewBoxPlugin',
+	description: 'Plugin that ensures that every SVG has defined valid viewBox.',
+	type: 'visitor',
+	active: true,
+	fn: () => ( {
+		element: {
+			enter: ( node, parentNode ) => {
+				if ( parentNode.type !== 'root' ) {
+					return;
+				}
+
+				if ( node.name !== 'svg' ) {
+					return;
+				}
+
+				if ( isViewBoxValid( node ) ) {
+					return;
+				}
+
+				throw new Error( 'Invalid or missing viewBox.' );
+			}
+		}
+	} )
+};
+
+function isViewBoxValid( node ) {
+	if ( !node.attributes ) {
+		return false;
+	}
+
+	if ( !node.attributes.viewBox ) {
+		return false;
+	}
+
+	const viewBoxPattern = /^\d+ \d+ \d+ \d+$/;
+
+	return viewBoxPattern.test( node.attributes.viewBox );
+}