IconCraft: Enhance Your Flutter Iconography

Published on by Flutter News Hub

IconCraft: Enhance Your Flutter Iconography

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:

  1. Update your pubspec.yaml file:
dependencies:
  icon_craft: ^0.1.0
  1. 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.

Flutter News Hub