fefufit_icons 0.0.3

FefufitIcons is a completely open-source icon set crafted for web, iOS, Android, and desktop apps.

example/lib/main.dart

import 'package:fefufit_icons/fefufit_icons.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:url_launcher/url_launcher.dart';

void main() {
  runApp(const App());
}

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

  @override
  State<App> createState() => _AppState();
}

class _AppState extends State<App> {
  ThemeMode themeMode = ThemeMode.light;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Fefufit Icons',
      theme: ThemeData.light(),
      darkTheme: ThemeData.dark(),
      themeMode: themeMode,
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Fefufit Icons'),
          actions: [
            const GithubLink(),
            ThemeSwitcher(
              selectedThemeMode: themeMode,
              changeTheme: () {
                setState(() {
                  themeMode = themeMode == ThemeMode.light
                      ? ThemeMode.dark
                      : ThemeMode.light;
                });
              },
            )
          ],
        ),
        body: const Center(child: IconsList()),
      ),
    );
  }
}

class GithubLink extends StatelessWidget {
  const GithubLink({super.key});

  @override
  Widget build(BuildContext context) {
    return IconButton(
      onPressed: _launchURL,
      icon: SvgPicture.asset(
        'assets/github-mark.svg',
        width: 24,
        height: 24,
      ),
    );
  }

  Future<void> _launchURL() async {
    const url = 'https://github.com/fefufit/fefufit_icons';
    await launchUrl(Uri.parse(url));
  }
}

class ThemeSwitcher extends StatelessWidget {
  const ThemeSwitcher(
      {super.key, required this.selectedThemeMode, required this.changeTheme});

  final ThemeMode selectedThemeMode;
  final void Function() changeTheme;

  @override
  Widget build(BuildContext context) {
    IconData icon = selectedThemeMode == ThemeMode.light
        ? Icons.light_mode
        : Icons.dark_mode;

    return IconButton(onPressed: changeTheme, icon: Icon(icon));
  }
}

class IconsList extends StatelessWidget {
  const IconsList({super.key});

  @override
  Widget build(BuildContext context) {
    return const Wrap(
      spacing: 8,
      children: [
        Icon(FefuIcons.location),
        Icon(FefuIcons.person),
        Icon(FefuIcons.home),
        Icon(FefuIcons.timetable),
        Icon(FefuIcons.edit),
        Icon(FefuIcons.search),
        Icon(FefuIcons.filters),
        Icon(FefuIcons.notification),
        Icon(FefuIcons.arrowForward),
        Icon(FefuIcons.info),
        Icon(FefuIcons.logo),
        Icon(FefuIcons.services),
      ],
    );
  }
}