Skip to content

andronasef/iconify_flutter

Repository files navigation

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 stars on github.com
  • Get Flutter Favourite Badge
  • Get first 100 likes on pub.dev
  • Add colorful icons to iconify_flutter