title: Need help importing custom icons in Flutter
body: <p>I am trying to import custom icons from Fluttericons.com. I get a box with an X within it instead of the icon as shown in the image. I have included my <code>pubspec.yaml</code> and dart file that is given from Fluttericons.com.</p>
  
  <p><img src="https://i.stack.imgur.com/rfvZ9.png" alt="Screenshot of bad icons"></p>
  
  <p><img src="https://i.stack.imgur.com/LN1EK.png" alt="Workspace screenshot"></p>
  
  <p>This is the Fluttericons.com file given to me. I have tried to remove the <code>_kFontPkg</code> and that did not work.</p>
  
  <pre class="lang-dart prettyprint-override"><code>import 'package:flutter/widgets.dart';
  
  class MyIcons {
    MyIcons._();
  
    static const _kFontFam = 'MyIcons';
    static const _kFontPkg = null;
  
    static const IconData access_alarm = IconData(0xe800, fontFamily: _kFontFam, fontPackage: _kFontPkg);
  }
  </code></pre>
  
  <pre class="lang-yaml prettyprint-override"><code>name: MyGymPro
  description: Flutter fitness application
  
  version: 1.0.0+1
  
  environment:
    sdk: "&gt;=2.1.0 &lt;3.0.0"
  
  dependencies:
    flutter:
      sdk: flutter
    flutter_icons:
    percent_indicator: "^2.1.1"
    pedometer: ^1.0.0
    intl: ^0.16.1
    auto_size_text: ^2.1.0
    shared_preferences: any
    http: ^0.12.0+4
    font_awesome_flutter: ^8.4.0
    decimal: ^0.3.3
    image_picker: ^0.6.4
    mime: ^0.9.6+3
    fluttertoast: ^4.0.0
  
  
    cupertino_icons: ^0.1.2
  
  dev_dependencies:
    flutter_test:
      sdk: flutter
  
  
  flutter:
  
    uses-material-design: true
    fonts:
     - family: MyIcons
       fonts:
         - asset: fonts/MyIcons.ttf
  
    # To add assets to your application, add an assets section, like this:
    assets:
      - assets/
  </code></pre>
  
  <p>Also, I am using Visual Studio.</p>