Are you developing a Flutter app and need to add a bit of visual interest? Using font icons and emojis is an excellent way to do this. To simplify the process, here are four of the best font icon and emoji packages that are available for Flutter. These packages allow you to easily add icons and emojis to your Flutter app with just a few lines of code. Each package includes a wide range of icons and emojis, meaning you can find something to fit your needs.
Table of Contents
google_fonts
fonts.google.com is a popular solution for free stylish fonts on the web. This official package, google_fontsallows 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 the FaIcon widget.
IconButton(
// Use the FaIcon Widget + FontAwesomeIcons class for the IconData
icon: FaIcon(FontAwesomeIcons.gamepad),
onPressed: () { print("Pressed"); }
);
flutter_emoji
This is a lightweight Emoji for Flutter with all up-to-date emojis.
We can query a coffee (☕) emoji as follows.
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);
},
)
