islamic_icons 0.0.7

140+ beautiful islamic icons to use in your islamic dream project, with all the customization Flutter provides

example/lib/main.dart

import 'package:flutter/material.dart';

import 'package:islamic_icons/islamic_icons.dart';

void main() {
  return runApp(
    MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Islamic Icons App',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: const Color(0xff9EAA88)),
        useMaterial3: true,
      ),
      home: const IslamicIconsExample(),
    ),
  );
}

class IslamicIconsExample extends StatefulWidget {
  const IslamicIconsExample({super.key});

  @override
  State<IslamicIconsExample> createState() => _IslamicIconsExampleState();
}

class _IslamicIconsExampleState extends State<IslamicIconsExample> {
  List icons = [
    II.allah_o,
    II.allah_s,
    II.quran_1_o,
    II.quran_1_s,
    II.camel_o,
    II.camel_s,
    II.ketupat_o,
    II.ketupat_s,
    II.kabah_o,
    II.kabah_s,
    II.adzan_o,
    II.adzan_s,
    II.salat_o,
    II.salat_s,
    II.ruku_o,
    II.ruku_s,
    II.sajdah_o,
    II.sajdah_s,
    II.tashahhud_o,
    II.tashahhud_s,
    II.lantern_lamp_o,
    II.lantern_lamp_s,
    II.masjid_al_nabawi_o,
    II.masjid_al_nabawi_s,
    II.halal_o,
    II.halal_s,
    II.goat_o,
    II.goat_s,
    II.date_fruit_o,
    II.date_fruit_s,
    II.calendar_o,
    II.calendar_s,
    II.donation_o,
    II.donation_s,
    II.no_alcohol_o,
    II.no_alcohol_s,
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        backgroundColor: const Color(0xff9EAA88),
        centerTitle: true,
        title: const Text(
          'Islamic Icons App',
          style: TextStyle(
            color: Colors.white,
          ),
        ),
      ),
      body: Center(
        child: GridView.builder(
          gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 4,
            mainAxisSpacing: 8.0,
            crossAxisSpacing: 8.0,
          ),
          padding: const EdgeInsets.all(8.0),
          itemCount: icons.length,
          itemBuilder: (context, index) {
            return Container(
              color: Colors.black.withOpacity(0.05),
              child: Center(
                child: Icon(
                  icons[index],
                  size: 50,
                ),
              ),
            );
          },
        ),
      ),
    );
  }
}