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 the specify which icon you want to use:
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: 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 16
.
Example:
AI.AiFillAccountBook(size: 32)
This will make the icons dimensions 32x32.
Color color
Changes the color of the icon.
It defaults to Colors.black
Example:
AI.AiFillAccountBook(color: Color(0xFFFF00FF))
This will make the icons color to #FF00FF (purple) and 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