IconCraft: Enhance Your Flutter Iconography
Published on by Flutter News Hub
IconCraft, a Flutter plugin, empowers developers to elevate their icon designs with unparalleled flexibility. It allows the seamless combination of two icons into a single widget, unlocking creative possibilities.
Features
- Borders: Customize the look of your icons with customizable borders. Set colors, widths, and styles to match your design aesthetic.
decoration: IconDecoration(
border: IconBorder(
color: Colors.white,
width: 10.0,
),
),
- Secondary Icon: Add an additional icon on top of the base icon. Control its alignment and relative size.
IconCraft(
Icon(Icons.email),
Icon(Icons.notifications),
alignment: Alignment.topRight,
decoration: IconDecoration(
border: IconBorder(
color: Colors.white,
),
),
)
- Alignment: Precisely position the secondary icon relative to the primary icon to suit your user interface requirements.
IconCraft(
Icon(CupertinoIcons.car_detailed, color: Colors.grey.shade500),
Icon(CupertinoIcons.checkmark_square_fill, color: Colors.green.shade200),
alignment: Alignment.bottomLeft,
decoration: IconDecoration(
border: IconBorder(
color: Colors.green.shade900,
width: 8.0,
),
),
)
Installation
To integrate IconCraft into your Flutter project:
- Update your
pubspec.yaml
file:
dependencies:
icon_craft: ^0.1.0
- Run
flutter pub get
.
Usage
Basic usage:
IconCraft(
Icon(Icons.email),
Icon(Icons.notifications),
alignment: Alignment.topRight,
)
Colored and aligned icons:
IconCraft(
Icon(CupertinoIcons.car_detailed, color: Colors.grey.shade500),
Icon(CupertinoIcons.checkmark_square_fill, color: Colors.green.shade200),
alignment: Alignment.bottomLeft,
decoration: IconDecoration(
border: IconBorder(
color: Colors.green.shade900,
width: 8.0,
),
),
)
Compatibility
IconCraft seamlessly integrates with icon packages, including Icons Plus.
Credits
IconCraft is inspired by the work of Roux Guillame.
License
Distributed under the BSD 3-Clause License.