flutter_font_icons 2.2.7
flutter_font_icons: ^2.2.7 copied to clipboard
Vector Font Icons for Flutter, including all fonts from react-native-vector-icons and WeatherIcons.
flutter_font_icons #
English | 简体中文
Customizable Icons for Flutter, Inspired by react-native-vector-icons
Notice #
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
Bundled Icon Sets #
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)
Usage #
To use this plugin, add flutter_font_icons as a dependency in your pubspec.yaml file.
Widget #
IconToggle #
| 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 |
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),