andronasef / iconify_flutter

A flutter package that provides all icons you need
https://pub.dev/packages/iconify_flutter
MIT License
96 stars 24 forks source link
dart flutter flutter-package iconify icons

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](https://img.shields.io/pub/likes/iconify_flutter?logo=dart)](https://pub.dev/packages/iconify_flutter) [![GitHub stars](https://img.shields.io/github/stars/andronasef/iconify_flutter.svg?style=flat&label=Star&maxAge=3600&logo=github&color=success)](https://github.com/andronasef/iconify_flutter/) [![HitCount](https://hits.dwyl.com/andronasef/iconify_flutter.svg?style=flat)](https://pub.dev/packages/iconify_flutter)

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 ❗

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 πŸ’­