new_flutter_icons 0.0.4

Enhance your Flutter app with customizable icons using New Flutter Icons. Access a diverse library of icons to suit your design needs effortlessly.

New Flutter Icons

English | Español

Customizable Icons for Flutter,Inspired by react-native-vector-icons, based in flutter-icons

Bundled Icon Sets

Browse all.

• AntDesign from AntFinance (298 icons)
• Entypo by Daniel Bruce (v1.0.1 with 411 icons)
• EvilIcons designed by Alexander Madyankin & Roman Shamin (v1.10.1 with 70 icons)
• Feather created by Cole Bemis & Contributors (v4.28.0 featuring 286 icons)
• FontAwesome by Dave Gandy (v4.7.0 containing 675 icons)
• FontAwesome 5 from Fonticons, Inc. (v5.15.3 offering 1598 free icons)
• FontAwesome 6 designed by Fonticons, Inc. (v6.1.2 featuring 2016 free icons)
• Fontisto created by Kenan Gündoğan (v3.0.4 featuring 615 icons)
• Foundation by ZURB, Inc. (v3.0 with 283 icons)
• Ionicons crafted by Ionic (v7.1.0 containing 1338 icons)
• MaterialIcons by Google, Inc. (v4.0.0 featuring 2189 icons)
• MaterialCommunityIcons from MaterialDesignIcons.com (v6.5.95 including 6596 icons)
• Octicons designed by Github, Inc. (v16.3.1 with 250 icons)
• Zocial by Sam Collins (v1.4.0 with 100 icons)
• SimpleLineIcons crafted by Sabbir & Contributors (v2.5.5 with 189 icons)
• Weather Icons by erikflowers (v2.0.10, 596 icons)

Usage

To use this plugin, add new_flutter_icons as a dependency in your pubspec.yaml file.

Widget

IconToggle

Prop	Description
selectedIconData	Icon is displayed when value is true
unselectedIconData	Icon is displayed when value is false
activeColor	When value is true, the icon color is displayed
inactiveColor	When value is false, the icon color is displayed
value	Whether this IconToggle is selected.
size	Change the icon size (Default 22)
onChanged	Called when the value of the IconToggle should change.
duration	The duration of the transition from selected Icon to unselected Icon
reverseDuration	he duration of the transition from unselected Icon to selected Icon
transitionBuilder	Transition animation function between the selected Icon and the unselected Icon

Example

You need to add in your project:

// Import package
import 'package:flutter/material.dart';
import 'package:new_flutter_icons/new_flutter_icons.dart';

// Use your icons
Icon(AntDesign.stepforward),
Icon(FontAwesome5.html),

Icons Generator

If you want to create icons class, you can use icon_generator (Follow the instructions).

Cut the generated files and paste in the directory lib/src/icons