English | 简体中文
Customizable Icons for Flutter,Inspired by react-native-vector-icons
AntDesignby AntFinance (297 icons)Entypoby Daniel Bruce (411 icons)EvilIconsby Alexander Madyankin & Roman Shamin (v1.10.1, 70 icons)Featherby Cole Bemis & Contributors (v4.7.0, 266 icons)FontAwesomeby Dave Gandy (v4.7.0, 675 icons)FontAwesome 5by Fonticons, Inc. (v5.7.0, 1500 (free))Foundationby ZURB, Inc. (v3.0, 283 icons)Ioniconsby Ben Sperry (v4.2.4, 696 icons)MaterialIconsby Google, Inc. (v3.0.1, 932 icons)MaterialCommunityIconsby MaterialDesignIcons.com (v4.0.96, 4416 icons)Octiconsby Github, Inc. (v8.0.0, 177 icons)Zocialby Sam Collins (v1.0, 100 icons)SimpleLineIconsby Sabbir & Contributors (v2.4.1, 189 icons)Weather Iconsby erikflowers (v2.0.10, 596 icons)
To use this plugin, add flutter_icons as a dependency in your pubspec.yaml file.
| 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 |
| Prop | Description |
|---|---|
getIconData | Returns the IconData object,eg : IconData iconData = AntDesign.getIconData("stepforward") |
hasIconData | Checks if the name is valid in current icon set.eg: bool isNameValid = AntDesign.hasIconData("stepforward") |
Try to run the example project Or download apk, there you can also search for any icon.
// Import package import 'package:flutter_icons/flutter_icons.dart'; import 'package:flutter/material.dart'; Icon(Ionicons.getIconData("ios-search")); Icon(AntDesign.getIconData("stepforward")); Icon(FontAwesome.getIconData("glass")); Icon(MaterialIcons.getIconData("ac-unit")); Icon(FontAwesome5.getIconData("address-book")); Icon(FontAwesome5.getIconData("address-book",weight: IconWeight.Solid)); Icon(FontAwesome5.getIconData("500px", weight: IconWeight.Brand));