Fine Icons

Single widget to create 200+ icons

About

Fine Icons is a widget to design 200+ icons. The Fine Icons packages come in different shapes such as square, circle, Rounded Corners, Outside Title and Inside title. You can create fine icons as an default icon or font awesome icon. You can add images (assets, network or SVG) inside the fine icon or make an image the fine icon. Title can be added outside or inside the fine icon.

fineicons

Components of Fine Icons


Main Card Inside Card Icon Title Image Custom Widget
onTap mainCardAlignmentPosition mainCardCrossAlignmentPosition width
height
minHeight
background
elevation
elevationShadowColor
borderWidth
borderColor
allSideRadius individualSideRadius		 width
height
background
elevation elevationShadowColor borderWidth borderColor allSideRadius individualSideRadius paddingHorizontal paddingVertical		 icon
color
size
paddingHorizontal paddingVertical		 display
name
fontsize
color
fontFamily
fontWeight
height
fontStyle
letterSpacing background titleMinHeight paddingHorizontal paddingVertical titleBottomBorderRadius outsideTitleMaxWidth		 imageType
image
width
height
borderRadius individualBorderRadius
padding		 customWidgetInside customWidgetOutside

Demo

Visit our website to view all models of fine icons. You can copy the code of the fine icon you like by clicking on it and paste the code in your project and import fine icons package to your project.

fine_icons

How to use

    import 'package:fine_icons/fine_icons.dart';

Create a fine icon widget using the below code:

    FineIcons(
      allSideRadius: 15,
      cardIcon: CardIcon(
        icon: Icons.add_ic_call,
        color: Colors.black,
        size: 30,
      ),
      cardTitle: CardTitle(
        display: 'outside',
        name: "Add Call",
        fontSize: 14,
      ),
    ),

Libraries

fine_icons