Fluttering with Style: Discover the Hottest Icon Packages for Your Flutter Apps

Posted on:June 18, 2023 at 12:00 AM

In the ever-evolving app development world, a good user experience is one of the success keys. And when it comes to creating visually stunning and intuitive Flutter applications, the right set of icons can the big difference. Icons are the building blocks of app interfaces, conveying information, enhancing navigation, and adding that extra touch of style to your apps. Flutter comes with a pack of Material Design and iOS-style (Cupertino) icons by default, which most apps uses currently, but if you’re looking to have a special touch in your apps and enhance your users experience and to make your apps unique, this article is for you.

in this article, we will be presenting 5 packages that you can install right now in your projects and start using them,, all packages works just a wrapper to to a specific icons pack, all of them are open-source and free to use, and all of them are available on pub.dev.

No more waiting, let’s get started.

Remix Icons

Remix icons is an open-source neutral-style system of symbols elaborately crafted for designers and developers. In general, you can get & download all its icons via PNG & SVG.. formats, in order to use it with Flutter, you can use the flutter_remix package, this is an example of using flutter_remix:

Widget iconWidgetExample1 = Icon(FlutterRemix.alert_line);
Widget iconWidgetExample2 = Icon(FlutterRemix.alert_fill);
Widget iconWidgetExample3 = Icon(FlutterRemix.add_circle_fill);

References:

Ionicons

Ionicons is an open-source icons pack for use in web, iOS, Android, and desktop apps in general, it does support direct use & downlaod for icons via the SVG format. basically, Ionicons is made by the team behind the Ionic framework, but this doesn’t prevent using it with Flutter apps with the Ionicons package, this is an example of using it:

Widget iconWidgetExample = Icon(Ionicons.arrow_forward_sharp);
Widget iconWidgetExample2 = Icon(Ionicons.alert_circle);
Widget iconWidgetExample3 = Icon(Ionicons.bag_check);

References:

Unicons

Unicons is a collection of 1000+ Pixel-perfect vector icons that are designed by IconScout, it is intended to be used as a plugin already for most commonly used tools and target platforms such as Adobe XD, FIGMA, Adobe Photoshop, the Web…

it can also be used in Flutter apps via the the unicons package, this is an example of using it:

Widget iconWidgetExample = Icon(UniconsLine.adjust);
Widget iconWidgetExample2 = Icon(UniconsLine.anchor);
Widget iconWidgetExample3 = Icon(UniconsSolid.apps);

References:

Iconsax

Iconsax is the official icons pack of the Vuesax framework, it has already many plugins for most tools & targets such as Adobe XD, FIGMA, the web… as well as Flutter via the iconsax package, and this is an example of using it:

Widget iconWidgetExample = Icon(Iconsax.archive_23);
Widget iconWidgetExample2 = Icon(Iconsax.flash_circle1);
Widget iconWidgetExample3 = Icon(Iconsax.calendar_11);

References:

Eva Icons

Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items, you might also want to check the Eva Design System.

in order to use it with Flutter, we will need to use the eva_icons_flutter package, this is an example of using it :

Widget iconWidgetExample = Icon(EvaIcons.heart);
Widget iconWidgetExample2 = Icon(Iconsax.flash_circle1);
Widget iconWidgetExample3 = Icon(Iconsax.calendar_11);

References: