flutter_font_icons 2.1.1 flutter_font_icons: ^2.1.1 copied to clipboard
Customizable Icons for Flutter,you can use with over 3K+ icons in your flutter project
flutter_font_icons #
English | 简体中文
Customizable Icons for Flutter,Inspired by react-native-vector-icons
Notice #
v2.0.0
has major Api changes, please be careful when upgrading- icon names that begin with a number are preceded by a
$
prefix- icons named with a
dart
language keyword have the_
suffix added
Bundled Icon Sets #
AntDesign
by AntFinance (297 icons)Entypo
by Daniel Bruce (411 icons)EvilIcons
by Alexander Madyankin & Roman Shamin (v1.10.1, 70 icons)Feather
by Cole Bemis & Contributors (v4.28.0, 285 icons)FontAwesome
by Dave Gandy (v4.7.0, 675 icons)FontAwesome 5
by Fonticons, Inc. (v5.13.0, 1588 icons)Fontisto
by Fontisto, Inc. (v3.0.4, 615 icons)Foundation
by ZURB, Inc. (v3.0, 283 icons)Ionicons
by Iconic Framework (v5.0.1, 1227 icons)MaterialCommunityIcons
by MaterialDesignIcons.com (v5.3.45, 5346 icons)MaterialIcons
by Google, Inc. (v4.0.0, 1547 icons)Octicons
by Github, Inc. (v8.4.1, 184 icons)SimpleLineIcons
by Sabbir & Contributors (v2.4.1, 189 icons)Weather Icons
by erikflowers (v2.0.10, 596 icons)Zocial
by Sam Collins (v1.0, 100 icons)
Usage #
To use this plugin, add flutter_font_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. |
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 #
// Import package
import 'package:flutter/material.dart';
import 'package:flutter_font_icons/flutter_font_icons.dart';
// Include icons with
Icon(AntDesign.stepforward),
Icon(Ionicons.ios_search),
Icon(FontAwesome.glass),
Icon(MaterialIcons.ac_unit),
Icon(FontAwesome5.address_book),
Icon(FontAwesome5Solid.address_book),
Icon(FontAwesome5Brands.$500px),