flutter_icons 1.1.0

Flutter Android iOS web

Customizable Icons for Flutter,you can use with over 3K+ icons in your flutter project

English | 简体中文

flutter_icons #

pub package

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

Notice #

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

Bundled Icon Sets #

Browse all.

Usage #

To use this plugin, add flutter_icons as a dependency in your pubspec.yaml file.

Widget #

IconToggle #

PropDescription
selectedIconDataIcon is displayed when value is true
unselectedIconDataIcon is displayed when value is false
activeColorWhen value is true, the icon color is displayed
inactiveColorWhen value is false, the icon color is displayed
valueWhether this IconToggle is selected.
onChangedCalled when the value of the IconToggle should change.
durationThe duration of the transition from selected Icon to unselected Icon
reverseDurationhe duration of the transition from unselected Icon to selected Icon
transitionBuilderTransition animation function between the selected Icon and the unselected Icon

Example #

// Import package
import 'package:flutter_icons/flutter_icons.dart';
import 'package:flutter/material.dart';

// 1.0.0 version used
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)

// After 1.1.0, the FlutterIcons class is provided to access all Icons
// Icon name in the original basis added icon set abbreviation name as suffix
// Hereinafter referred to as the following
//Ant Design Icons -> ant,
//Entypo Icons -> ent,
//Evil Icons -> evi,
//Feather Icons -> fea,
//Font Awesome Icons -> faw,
//Foundation Icons -> fou,
//Ionicons Icons -> ion,
//Material Community Icons -> mco,
//Material Icons -> mdi,
//Octicons Icons -> oct,
//Simple Line Icons -> sli,
//Zocial Icons -> zoc,
//Weather Icons -> wea
Icon(FlutterIcons.stepforward_ant)
Icon(FlutterIcons.html5_faw)
...

// Previous versions of 1.0.0 are used
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));

Special thanks to react native vector ICONS library and its authors #

243
likes
85
pub points
97%
popularity

Customizable Icons for Flutter,you can use with over 3K+ icons in your flutter project

Repository (GitHub)
View/report issues

Uploader

lmy2534290808@gmail.com

License

Apache 2.0 (LICENSE)

Dependencies

flutter

More

Packages that depend on flutter_icons