title: Floating Action Button in Flutter
body: <p>I was trying to create the Floating Action button but I am missing icon. </p>
  
  <p><strong>My code is:</strong> </p>
  
  <pre><code>import 'package:flutter/material.dart';
  void main() =&gt; runApp(MyApp());
  
  class MyApp extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return MaterialApp(
        debugShowCheckedModeBanner: false,
        title: 'Flutter Demo',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: Scaffold(
          appBar: AppBar(
            backgroundColor: Colors.blue,
            centerTitle: true,
            title: Text(
              "Lessons of Flutter",
              style: TextStyle(
                color: Colors.white,
              ),
            ),
          ),
          body: Center(
              child: const Text('Press the button below!')
          ),
          floatingActionButton: FloatingActionButton(
            onPressed: () {
              // Add your onPressed code here!
            },
            child: Icon(Icons.mouse),
            backgroundColor: Colors.green,
          ),
        ),
      );
    }
  }
  </code></pre>
  
  <p><strong>it is a screen from the virtual device.( You can see icon looks weird.)</strong>
  <a href="https://i.stack.imgur.com/FnHAr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FnHAr.png" alt="enter image description here"></a></p>