English | 简体中文
Customizable Icons for Flutter, Inspired by react-native-vector-icons
v2.0.0has major Api changes, please be careful when upgrading- icon names that begin with a number are preceded by a
$prefix- icons named with a
dartlanguage keyword have the_suffix added
-
AntDesignby AntFinance (297 icons) -
Entypoby Daniel Bruce (411 icons) -
EvilIconsby Alexander Madyankin & Roman Shamin (v1.10.1, 70 icons) -
Featherby Cole Bemis & Contributors (v4.28.0, 285 icons) -
FontAwesomeby Dave Gandy (v4.7.0, 675 icons) -
FontAwesome 5by Fonticons, Inc. (v5.13.0, 1588 icons) -
Fontistoby Fontisto, Inc. (v3.0.4, 615 icons) -
Foundationby ZURB, Inc. (v3.0, 283 icons) -
Ioniconsby Iconic Framework (v5.0.1, 1227 icons) -
MaterialCommunityIconsby MaterialDesignIcons.com (v5.3.45, 5346 icons) -
MaterialIconsby Google, Inc. (v4.0.0, 1547 icons) -
Octiconsby Github, Inc. (v8.4.1, 184 icons) -
SimpleLineIconsby Sabbir & Contributors (v2.4.1, 189 icons) -
Weather Iconsby erikflowers (v2.0.10, 596 icons) -
Zocialby Sam Collins (v1.0, 100 icons)
To use this plugin, add flutter_font_icons as a dependency in your pubspec.yaml file.
| Prop | Description |
|---|---|
| selectedIcon | This icon is displayed when IconToggle is selected |
| unselectedIcon | This icon is displayed when IconToggle is not selected |
| selectedColor | When IconToggle is selected, this icon color is displayed |
| unselectedColor | When IconToggle is not selected, this icon color is displayed |
| selected | Whether this IconToggle is selected. |
| size | The size of the icon. |
| onChanged | Called when the value of the IconToggle should change. |
| duration | The duration of the transition from selected Icon to unselected Icon |
| reverseDuration | The duration of the transition from unselected Icon to selected Icon |
| transitionBuilder | Transition animation function between the selected Icon and the unselected Icon |
// 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),