iconic 0.0.3

Iconic: Empower your Flutter projects with stunning icon fonts. Elevate your app's visual appeal and effortlessly integrate sleek, modern, and expressive icons into any project. With a vast collection [...]

Documentation

The Iconic package provides a collection of icons that can be easily integrated into your Flutter applications. With a simple installation process and intuitive usage, you can enhance your app's user interface by incorporating eye-catching icons.

The icons included in the Iconic package are designed by FreePik and Flaticons. These icons are original creations and are provided as part of the Iconic package to enhance the visual appeal of your Flutter applications.

to see all the icons included in the package, click here

Installing

Include Iconic in your pubspec.yaml file:

dependencies:
  iconic: ^0.0.3

If your IDE doesn't do it automatically, run:

flutter pub get

Using

Import the package in your Flutter file and use Icon to get the actual icon widget:

import 'package:iconic/iconic.dart';

Icon(Iconic.home);

Sample

import 'package:flutter/material.dart';
import 'package:iconic/iconic.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Iconic Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: Column(
          children: [
            Text(
              'Icons are great!',
            ),
            Row(
              mainAxisSize: MainAxisSize.min,
              crossAxisAlignment: CrossAxisAlignment.center,
              children: [
                Column(
                  children: [
                    Icon(Iconic.heart),
                  ],
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }
}