title: Custom Flutter Icon position
body: <p>I'm trying to add custom icon (Font Awesome Light). I already tried the package who did it but only for free icons.</p>
  
  <p>I followed this tutorial : <a href="https://medium.com/flutterpub/how-to-use-custom-icons-in-flutter-834a079d977" rel="nofollow noreferrer">https://medium.com/flutterpub/how-to-use-custom-icons-in-flutter-834a079d977</a></p>
  
  <p>The icon is here but are not centered in my BottomNavigationBar, screen bellow.</p>
  
  <p><a href="https://i.stack.imgur.com/qtl6v.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qtl6v.jpg" alt=""></a>
  <a href="https://i.stack.imgur.com/obqG6.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/obqG6.jpg" alt=""></a></p>
  
  <p>It works with default icon, I don't know what to try now. I will be thankfull for any help or ideas.</p>
  
  <p>main.dart</p>
  
  <pre><code>@override
  Widget build(BuildContext context) {
  return Scaffold(
    body: Center(
      child: _widgetOptions.elementAt(_selectedIndex),
    ),
    bottomNavigationBar: BottomNavigationBar(
    items: const &lt;BottomNavigationBarItem&gt;[
      ...
      BottomNavigationBarItem(
        icon: Icon(WuliIcons.dumbbell),
        title: Text('School'),
        backgroundColor: Colors.red
      ),
      BottomNavigationBarItem(
        icon: Icon(Icons.school),
        title: Text('School'),
        backgroundColor: Colors.red
      ),
    ],
    currentIndex: _selectedIndex,
    onTap: _onItemTapped,
  ),
  );
  }
  </code></pre>
  
  <p>where i define my icon class :</p>
  
  <pre><code>import 'package:flutter/widgets.dart';
  
  class WuliIcons {
    WuliIcons._();
  
    static const _kFontFam = 'FontAwesomeLight';
  
    static const IconData dumbbell = const IconData(0xf44b, fontFamily: _kFontFam);
  }
  </code></pre>
  
  <p>pubspec.yml</p>
  
  <pre><code>flutter:
    fonts:
      - family:  FontAwesomeLight
        fonts:
         - asset: fonts/fa-light-300.ttf
  </code></pre>