flutter_icons

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

Usage

To use this plugin, add flutter_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

Static Methods

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")

IconExplorer

Try to run the example project Or download apk, there you can also search for any icon.

flutter-icons

Example

// 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));
Dart

Special thanks to react native vector ICONS library and its authors

GitHub

https://github.com/flutter-studio/flutter-icons