Skip to content

saschaheim/flutter-icons

 
 

Repository files navigation

flutter_icons 4.2.0-nullsafety.0

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

Notice

  1. icon names that begin with a number are preceded by a $prefix
  2. icon named with a reserved dart keyword have also the $ suffix added

Bundled Icon Sets

Browse all.

  • AntDesign by AntFinance (v3.0.0, 298 icons)
  • AntDesign-Filled by AntFinance (v4.1.0 latest, 218 icons)
  • AntDesign-Outlined by AntFinance (v4.1.0 latest, 420 icons)
  • Brandico by Fontello. (v1.0.0 latest, 45 icons)
  • Elusive by Team Redux (v2.0.0 latest, 304 icons)
  • Entypo by Daniel Bruce (v1.0.0 latest, 411 icons)
  • EvilIcons by Alexander Madyankin & Roman Shamin (v1.10.1 latest, 70 icons)
  • Feather by Cole Bemis & Contributors (v4.28.0 latest, 286 icons)
  • FontAwesome by Dave Gandy (v4.7.0, 786 icons)
  • FontAwesome 5 by Fonticons, Inc. (v5.15.3, 1500 (free))
  • Fontelico by Fontello. (v1.0.0 latest, 34 icons)
  • Fontisto by Fontisto. (v3.0.4 latest, 617 icons)
  • Foundation by ZURB, Inc. (v3.0.0 latest, 283 icons)
  • Ionicons by the Ionic team (v5.5.1, 1332 icons)
  • Linearicons by Perxis (v1.0.0 latest, 170 icons)
  • Linecons by Design modo (v1.0.0 latest, 48 icons)
  • Maki by Mapbox (v6.2.0 latest, 374 icons)
  • MaterialCommunityIcons by MaterialDesignIcons.com (v5.4.45 latest, 5346 icons)
  • MaterialIcons by Google, Inc. (v1.0.0 git -> May 10, 2021, 1842 icons)
  • Meteocons by Alessio Atzeni (v1.0.0 latest, 47 icons)
  • MfgLabs by MfgLabs (v1.0.0 latest, 187 icons)
  • ModernPictograms by John Caserta (v1.0.0 latest, 91 icons)
  • Octicons by Github, Inc. (v13.0.0 latest, 433 icons)
  • RPGAwesome by Daniela Howe and Ivan Montiel (v1.0.0 latest, 495 icons)
  • SimpleLineIcons by Sabbir & Contributors (v2.4.1 latest, 189 icons)
  • Typicons by Stephen Hutchings (v2.0.9, 293 icons)
  • Weather Icons by erikflowers (v2.0.10, 596 icons)
  • WebSymbols by Just Be Nice studio (v1.0.0 latest, 85 icons)
  • Zocial by Sam Collins (v1.0.0, 100 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

Example

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

// The FlutterIcons class is provided to access all Icons
// Icon name in the original basis added icon set abbreviation name as suffix
// Here in after referred to as the following
//Ant Design Icons -> ant,
//Ant Design v4+ Filled Icons -> adf,
//Ant Design v4+ Outlined Icons -> ado,
//Brandico Icons -> bdo,
//Elusive Icons -> elu,
//Entypo Icons -> ent,
//Evil Icons -> evi,
//Feather Icons -> fea,
//Font Awesome Icons -> fa,
//Font Awesome 5 Regular -> far
//Font Awesome 5 Brands -> fab
//Font Awesome 5 Solid -> fas
//Fontelico Icons -> fon,
//Fontisto Icons -> fto,
//Foundation Icons -> fou,
//Ionicons Icons -> ion,
//Linearicons Icons -> lin,
//Linecons Icons -> lco,
//Maki Icons -> mak,
//Material Community Icons -> mco,
//Material Icons Baseline -> mib,
//Material Icons Outline -> mio,
//Material Icons Round -> mir,
//Material Icons Sharp -> mis,
//Material Icons TwoTone **Not available at this moment**,
//Meteocons Icons -> met,
//MfgLabs Icons -> mfg,
//Octicons Icons -> oct,
//Simple Line Icons -> sli,
//Weather Icons -> wea
//Zocial Icons -> zoc,
Icon(FlutterIcons.stepforward_ant)
Icon(FlutterIcons.html5_fa)
...

How to keep only the fonts used in the project.

step 1

Execute the command

pub global activate split_icon

step2

Add the font you want to leave in the project's pubspec file

//Ant Design Icons -> ant,
//Ant Design v4+ Filled Icons -> adf,
//Ant Design v4+ Outlined Icons -> ado,
//Brandico Icons -> bdo,
//Elusive Icons -> elu,
//Entypo Icons -> ent,
//Evil Icons -> evi,
//Feather Icons -> fea,
//Font Awesome Icons -> fa,
//Font Awesome 5 Regular -> far
//Font Awesome 5 Brands -> fab
//Font Awesome 5 Solid -> fas
//Fontelico Icons -> fon,
//Fontisto Icons -> fto,
//Foundation Icons -> fou,
//Ionicons Icons -> ion,
//Linearicons Icons -> lin,
//Linecons Icons -> lco,
//Maki Icons -> mak,
//Material Community Icons -> mco,
//Material Icons Baseline -> mib,
//Material Icons Outline -> mio,
//Material Icons Round -> mir,
//Material Icons Sharp -> mis,
//Material Icons TwoTone **Not available at this moment**,
//Meteocons Icons -> met,
//MfgLabs Icons -> mfg,
//Octicons Icons -> oct,
//Simple Line Icons -> sli,
//Weather Icons -> wea
//Zocial Icons -> zoc,

...

flutter_icons:
  includes:
    - ant 
    - mco
 ...

step3

Execute the command in the project directory

split_icon

About

Customizable Icons for Flutter 💥

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Dart 100.0%