This package allows you to use a list of icons from a lot of different sources.
The package is created from the React project: react-icons - For more info, check their Github page.
If you would like a list of the icons, and a way to search through them, check out react-icon's icon website here.
Getting started
You can install the latest version using pub add.
flutter pub add ultimate_flutter_icons
You can then import the package like so:
import 'package:ultimate_flutter_icons/flutter_icons.dart';
Usage
To add an icon to your app, you simply need to import the package and specify which icon you want to use, using the FIcon widget:
import 'package:flutter/material.dart';
import 'package:ultimate_flutter_icons/flutter_icons.dart';
class IconTest extends StatelessWidget {
const IconTest({super.key});
@override
Widget build(Object context) {
return Scaffold(
body: Center(
child: FIcon(AI.AiFillAccountBook),
),
backgroundColor: Colors.white,
);
}
}
Properties
You can also change the following properties
double size
Changes the size of the icon. Technically it sets the width and height of the icon.
It defaults to Theme.of(context).bodyMedium.fontSize or 16.
Example:
FIcon(AI.AiFillAccountBook, size: 32)
This will make the icons dimensions 32x32.
Color color
Changes the color of the icon.
It defaults to Theme.of(context).bodyMedium.color or Colors.black.
Example:
FIcon(AI.AiFillAccountBook, color: Color(0xFFFF00FF))
This will make the icons color to #FF00FF (pink) with no alpha.
Additional information
The following are the icon-sources used in this project - If using the icons, please check out the icon-sources licenses:
Libraries
- ficon
- flutter_icons
- gen_icon
- icons/ai
- icons/bi
- icons/bs
- icons/cg
- icons/ci
- icons/di
- icons/fa
- icons/fa6
- icons/fc
- icons/fi
- icons/gi
- icons/go
- icons/gr
- icons/hi
- icons/hi2
- icons/im
- icons/io
- icons/io5
- icons/lia
- icons/lu
- icons/md
- icons/pi
- icons/ri
- icons/rx
- icons/si
- icons/sl
- icons/tb
- icons/tfi
- icons/ti
- icons/vsc
- icons/wi