README.md

flutter_font_icons

English | 简体中文

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

Notice

1. v2.0.0 has major Api changes, please be careful when upgrading
2. icon names that begin with a number are preceded by a $prefix
3. icons named with a dart language keyword have the _ suffix added

Bundled Icon Sets

Browse all.

• 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
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),