Ionicons Flutter
This package includes 1357 icons of Ionicons v8.0.13. The naming convention is the same as the CSS names, all dashes replaced with underscores.
This package is maintained at ultrafastwork.
Usage
There're outline, filled, sharp icons.
import 'package:ionicons_plus/ionicons_plus.dart';
...
Icon(Ionicons.add)
Icon(Ionicons.add_outline)
Icon(Ionicons.add_sharp)
Migration from ionicons (original package)
If you're switching from the original ionicons package:
1. Update pubspec.yaml
dependencies:
ionicons_plus: ^0.2.4 # was: ionicons: ^0.2.2
2. Update imports
import 'package:ionicons_plus/ionicons_plus.dart'; // was: ionicons
3. Update icon references
Most icons stay the same:
Icon(Ionicons.add) // No change
Icon(Ionicons.add_outline) // No change
Icon(Ionicons.add_sharp) // No change
If you used IoniconsData (now removed):
// Old (removed):
Icon(IoniconsData(0xea09))
// New:
Icon(Ionicons.add) // Recommended
Icon(IconData(0xf109)) // Or use new codepoint
Breaking Changes from Original
| Change | From (original) | To (this package) |
|---|---|---|
| Package name | ionicons |
ionicons_plus |
| Flutter SDK | >=2.17.6 |
>=3.0.0 |
| Ionicons version | v6.0.2 | v8.0.13 |
| Icon count | 1,332 | 1,357 |
| Codepoints | 0xeaXX |
0xeaXX–0xefXX |
IoniconsData class |
Available | Removed - use IconData |
Dynamic Icon Lookup
For dynamic icon resolution by name, use the ioniconsMapping:
import 'package:ionicons_plus/ionicons_plus.dart';
// Get icon by name
String iconName = 'add';
String? codepoint = ioniconsMapping[iconName]; // Returns '\u{ea09}'
// Search icons
final results = ioniconsMapping.entries
.where((e) => e.key.contains('search_term'))
.toList();
Example
See the example/ folder for a demo app that lets you browse and search all icons.
To run the example:
cd example
flutter pub get
flutter run
Credits
This package is a fork of the original ionicons package by Ez-Connect.
All icon assets and the original implementation are credited to:
- Publisher: ez-connect.net
- Original Package:
ionicons - GitHub: ez-connect/flutter-ionicons
- Community: Thanks to all contributors to the original package
The icons are from Ionicons by Ionic Team.