A flutter package that provides all icons you need

Overview

Before starting βœ‹ . I want to tell you that every star 🌟 added to my space shines my world and motivate me πŸ’ͺ to make more awesome things like this one so please don't forget to give me a star and like the project.

Iconify Flutter

likes GitHub stars HitCount

Not just another icon library. it's +100 open source iconsets to make your flutter apps more beautiful.

How to use? πŸ€”

First of course you need to install it

$ flutter pub add iconify_flutter

Then it as easy as this

import 'package:iconify_flutter/iconify_flutter.dart'; // For Iconify Widget
import 'package:iconify_flutter/icons/zondicons.dart'; // for Non Colorful Icons
import 'package:colorful_iconify_flutter/icons/emojione.dart'; // for Colorful Icons
....


Iconify(Zondicons.airplane)
Iconify(Emojione.baby)
// as widgets

Discover All Icons πŸ•΅οΈ

To explore all the icons, Click Here

How to use svg as icon with iconify ✏️

import 'package:iconify_flutter/iconify_flutter.dart';

....

const String svgIcon =
'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--ic" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="#000000" d="M3 3h18v18H3z"></path></svg>
' // svg file as string

Iconify(svgIcon) // as a widget

Get list of all icons of specific icon set πŸ“‹

import 'package:iconify_flutter/icons/zondicons.dart';

...
Zondicons.iconsList // List of all icons of VS Code icon set

Important Notes ❗

  • There is two diffrent versions of icons packages(package:colorful_iconify_flutter/icons/) colorful icons sets and (package:iconify_flutter/icons/) for un colorful icons sets. so please use the right package name

  • All icon sets are free but Some collections require attribution when used for commercial purposes. See This List of collections and their licenses.

Thanks to πŸ™

@cyberalien for his awesome icon framework Iconify which this package based on

@antfu for his site icones

@IconDesigners who own icon sets

@You for using this package and supporting me by sharing it among the flutter community

Dreams πŸ’­

  • Get first 100 likes on pub.dev
  • Get first 100 stars on github.com
  • Get Flutter Favourite Badge
  • Add colorful icons to iconify_flutter
Comments
  • Importing fluent icons does not work

    Importing fluent icons does not work

    Hello,

    I have updated the package to version 0.0.5 and suddenly the import "import 'package:iconify_flutter/icons/fluent.dart';" is not working anymore. Then I looked at the files and the fluent.dart is deleted.

    is there something wrong with the fluent.dart?

    opened by Bakri-Alkhateeb 8
  • Compatibility with other dependencies

    Compatibility with other dependencies

    [tronshop] flutter pub upgrade
    Resolving dependencies...
    Because every version of iconify_flutter depends on flutter_svg ^1.0.3 and flutter_html >=2.0.0-nullsafety.1 <3.0.0-alpha.1 depends on flutter_svg >=0.22.0 <1.0.0, iconify_flutter is incompatible with flutter_html >=2.0.0-nullsafety.1 <3.0.0-alpha.1.
    So, because tronshop depends on both flutter_html ^2.2.1 and iconify_flutter ^0.0.2, version solving failed.
    pub finished with exit code 1
    exit code 1
    
    opened by troncomputers 6
  • Need change

    Need change "-" to "_"

    Hi There, Would you please change the "-" to "_" in the website:

    import 'package:iconify_flutter/iconify_flutter.dart';
    import 'package:iconify_flutter/icons/carbon.dart';
    
    Iconify(Carbon.chart-multi-line) // widget
    

    The correct one should be:

    Iconify(Carbon.chart_multi_line) // widget

    Thank you.

    opened by kevinxxq 4
  • Weird icon rendering

    Weird icon rendering

    Hey, I noticed some weird icon rendering when using arrow_left... I tested some Icon Packs (AkarIcons, Charm) and in both the arrow looks like this:

    grafik

    But it should look like this:

    grafik

    Same applies to the arrows pointing down, up and right. I don't know if more icons are affected.

    I'm using Flutter 3.0.4

    opened by PrinzKenny1 2
  • Pub get taking forever to fetch the resources.

    Pub get taking forever to fetch the resources.

    I'm trying to use this package for one of my applications and for some reason it is taking forever to load the resources with flutter pub get. I'm not sure if the problem is from my end, but when I remove the iconify_flutter: 0.0.5 from the pub spec.yaml file, the flutter pub get works fine.

    opened by Dredayduncan 1
  • Font icons support

    Font icons support

    Hi, any plans to support font icons instead of SVG?

    The performance of SVG rendering is quite bad comparing to fonts so it would be great if you could switch to fonts instead.

    opened by bratan 1
  • Icons starting with ._xxxx don't work

    Icons starting with ._xxxx don't work

    Hi Icons starting with: ._xxxx do not seem to work or throws null error. For example I tried using Iconify(IconPark._switch), and its throwing null error

    opened by Ugocode 0
  • package:iconify_flutter/icons/fluent.dart is not recognised

    package:iconify_flutter/icons/fluent.dart is not recognised

    Hi looking at available icons at https://andronasef.ninja/iconify_flutter/collection/all?s=signature the package:iconify_flutter/icons/fluent.dart is not recognised

    Thanks Daniel

    opened by bzdbss 0
Releases(beta5)
The Material Design Icons Icon pack available as set of Flutter Icons.

material_design_icons_flutter The Material Design Icons Icon pack available as set of Flutter Icons. Based on Material Design Icons 6.5.95. See a web

ziofat 147 Oct 26, 2022
Flutter plugin to implement a Boom Menu, with icons, title, subtitle, animated FAB Icons and hide on scrolling.

Flutter Boom Menu Usage The BoomMenu widget is built to be placed in the Scaffold.floatingActionButton argument, replacing the FloatingActionButton wi

Mohanraj 88 Aug 1, 2022
Fluent System Icons are a collection of familiar, friendly and modern icons from Microsoft.

Fluent UI System Icons Fluent UI System Icons are a collection of familiar, friendly and modern icons from Microsoft. Icon List View the full list of

Microsoft 4.3k Dec 29, 2022
A flutter app that gives you affirmation you daily need by saying "I am Freaking rich!"

A very basic flutter app that gives you affirmation you daily need by saying "I am Freaking rich!" ?? What’s In This Document Get Up and Running in 5

Bhavuk kalra 1 Feb 15, 2022
Ozzie is your testing friend. Ozzie will take an screenshot during integration tests whenever you need. Ozzie will capture performance reports for you.

ozzie.flutter Ozzie is your testing friend. Ozzie will take an screenshot during integration tests whenever you need. Ozzie will capture performance r

Jorge Coca 40 Nov 3, 2022
A composable, light-weight package that can be used as a placeholder whenever you need some fake data

API Placeholder A composable, light-weight package that can be used as a placeholder whenever you need some fake data. With this package, you can get

ASMIT VIMAL 2 Feb 27, 2022
The one and only Docker Tool you will ever need again

# container_tool A new Flutter project. ## Getting Started This project is a starting point for a Flutter application. A few resources to get you

null 1 Nov 17, 2021
The app you need for Genshin Impact

Shiori A Genshin Impact database kinda app This app is not affiliated with or endorsed by miHoYo. Shiori is just a database app for the Genshin Impact

Efrain Bastidas 153 Dec 17, 2022
Do you need logs? Lumberdash is the answer!

lumberdash Do you need logs? Lumberdash is the answer! With a simple but powerful logging API, Lumberdash is the easiest way to record logs. And if th

BMW Tech 160 Dec 12, 2022
Serialize almost everything you ever need! πŸ“¦ Supports serializing MaterialColor, Color, Size, Locale, IconData, UuidValue, DateTime, Directory, File, Duration, and many more.

osum_serializable The goal is to serialize almost everything you ever need! json_serializable is an amazing package to serialize classes but cannot se

Aswin Murali 2 Sep 23, 2022
Flutter package that provides you custom clippers to help you achieve various custom shapes.

flutter_custom_clippers Flutter package that provides you custom clippers to help you achieve various custom shapes. Usage To use this plugin, add flu

Damodar Lohani 291 Dec 23, 2022
From then on, developers only need to master one Button component, which is enough.

FButton From then on, developers only need to master one Button component, which is enough. Support corners, borders, icons, special effects, loading

Fliggy Mobile 198 Nov 22, 2022
Integrate any icons you like to your flutter app

Flutter Tutorial - Icons - Custom & Plugin Icons Integrate any icons you like to your flutter app - Material Icons, Beautiful Icons & Custom Icons. ⚑

Behruz Hurramov 1 Dec 28, 2021
FLUTTER API: It's powerful navigation by gestures and taps. You can scroll from left to right or tap on the navigation icons.

scroll_navigation My other APIs Video Viewer Video Editor Helpers Features Fancy animations. Customizable colors. Works with the back button. Scrollin

Luis Felipe Murguia Ramos 14 Jun 14, 2022
A Flutter package for Ant Icons.

Package for Ant Icons An icon is a graphical representation of meaning. Icons can be used to express actions, state, and even to categorize data. Ant

Venkatesh Prasad 24 Oct 7, 2022
Flutter package for Eva Icons

Flutter package for Eva Icons. Eva Icons is a pack of more than 480 beautifully crafted Open Source icons for common actions and items.

Piyush Maurya 80 Nov 16, 2022
This package will animate a floating action button at the center and icons at the bottomNavigationBar using AnimatedContainer and SlideTransition respectively.

floating_bottom_bar This package will animate a floating action button at the center and icons at the bottomNavigationBar using AnimatedContainer and

MindInventory 11 Oct 10, 2022
Plumbr - An app that provides all kinds of services from household to plumbing works

Plumbr Plumbr is an app that provides all kinds of services from household to pl

Adam Oommen Jacob 13 Oct 20, 2022
A flutter Package provides you a modern animated fancy segment

animated_segment This package will animates a segment. Package provides you a mo

MindInventory 24 Dec 10, 2022