4 Best Font Icon and Emoji Packages for Flutter

When styling a Flutter app you can’t forget about font family, emoji and icon. They will bring life to an app.

google_fonts

fonts.google.com is a popular solution for free stylish font on web. This official package, google_fonts, allows you to easily use any of the 977 fonts (and their variants) in a Flutter app or web.

This package doesn’t require ttf or otf files to be stored in your assets folder and mapped in the pubspec.

Text(
  'My Lato font is cool',
  style: GoogleFonts.lato(
    textStyle: TextStyle(color: Colors.blue, letterSpacing: .5),
  ),
),

font_awesome_flutter

font_awesome_flutter brings the famous Font Awesome icon pack to Flutter. You can use over 1500 icons in your apps.

The icon is rendered with FaIcon widget.

IconButton(
      // Use the FaIcon Widget + FontAwesomeIcons class for the IconData
      icon: FaIcon(FontAwesomeIcons.gamepad), 
      onPressed: () { print("Pressed"); }
     );

flutter_emoji

This is a light-weight Emoji for Flutter with all up-to-date emojis.

We can query a coffee (☕) emoji as following.

var parser = EmojiParser();
//get an Emoji object by name or code
parser.get('coffee');
parser.get(':coffee:');

emoji_picker

This package provides an Emoji Keyboard widget with 390 emojis in 8 categories.

EmojiPicker(
      rows: 3,
      columns: 7,
      recommendKeywords: ["racing", "horse"],
      numRecommended: 10,
      onEmojiSelected: (emoji, category) {
        print(emoji);
      },
    )