Demonstrating spacing on Flutter icons

main.dart

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Example(),
    );
  }
}

class Example extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(children: [
        const Row(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            Text('This is a test', style: TextStyle(fontSize: 20, backgroundColor: Colors.red),),
            Text('Here is more text with no spaces', style: TextStyle(fontSize: 20, backgroundColor: Colors.red),),
            Icon(Icons.square)
          ]
        ),
        Row(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            const Text('This is a test', style: TextStyle(fontSize: 20, backgroundColor: Colors.red),),
            SizedBox(width: 30, height: 10, child: Container(padding: EdgeInsets.zero, color: Colors.blue)),
            const Icon(Icons.square)
          ]
        ),
        Row(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            const Text('This is a test', style: TextStyle(fontSize: 20, backgroundColor: Colors.red),),
            SizedBox(width: 30, height: 10, child: Container(padding: EdgeInsets.zero, color: Colors.blue)),
            SizedBox(width: 30, height: 10, child: Container(padding: EdgeInsets.zero, color: Colors.blue)),
            const Icon(Icons.square)
          ]
        ),
        Row(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            const Text('This is a test', style: TextStyle(fontSize: 20, backgroundColor: Colors.red),),
            SizedBox(width: 30, height: 10, child: Container(padding: EdgeInsets.zero, color: Colors.blue)),
            SizedBox(width: 30, height: 10, child: Container(padding: EdgeInsets.zero, color: Colors.blue)),
            const Padding(padding: EdgeInsets.zero, child: Icon(Icons.square)),
            const Padding(padding: EdgeInsets.zero, child: Icon(Icons.add_circle)),
            const Padding(padding: EdgeInsets.zero, child: Icon(Icons.add_circle)),
          ]
        ),
      ])
      
      
      
    );
  }
}