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
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
@IconDesigners who own icon sets
@You for using this package and supporting me by sharing it among the flutter community
Dreams 💭
x
Get first 100 likes on pub.devx
Add colorful icons to iconify_flutter
Libraries
- iconify_flutter
- icons/academicons
- icons/akar_icons
- icons/ant_design
- icons/arcticons
- icons/bi
- icons/bpmn
- icons/brandico
- icons/bx
- icons/bxl
- icons/bxs
- icons/bytesize
- icons/carbon
- icons/charm
- icons/ci
- icons/cib
- icons/cil
- icons/clarity
- icons/codicon
- icons/cryptocurrency
- icons/dashicons
- icons/ei
- icons/el
- icons/emojione_monotone
- icons/entypo
- icons/eos_icons
- icons/ep
- icons/et
- icons/eva
- icons/fa
- icons/fa6_brands
- icons/fa6_regular
- icons/fa6_solid
- icons/fa_brands
- icons/fa_regular
- icons/fa_solid
- icons/fad
- icons/fe
- icons/feather
- icons/file_icons
- icons/fluent_emoji_high_contrast
- icons/fluent_mdl2
- icons/fontelico
- icons/fontisto
- icons/foundation
- icons/gala
- icons/game_icons
- icons/geo
- icons/gg
- icons/gis
- icons/gridicons
- icons/grommet_icons
- icons/healthicons
- icons/heroicons
- icons/heroicons_outline
- icons/heroicons_solid
- icons/humbleicons
- icons/ic
- icons/icomoon_free
- icons/icon_park_outline
- icons/icon_park_solid
- icons/icon_park_twotone
- icons/iconoir
- icons/icons8
- icons/il
- icons/ion
- icons/iwwa
- icons/jam
- icons/la
- icons/line_md
- icons/ls
- icons/lucide
- icons/majesticons
- icons/maki
- icons/map
- icons/material_symbols
- icons/mdi
- icons/mdi_light
- icons/medical_icon
- icons/mi
- icons/mingcute
- icons/mono_icons
- icons/nimbus
- icons/octicon
- icons/oi
- icons/ooui
- icons/pajamas
- icons/pepicons
- icons/ph
- icons/pixelarticons
- icons/prime
- icons/ps
- icons/quill
- icons/radix_icons
- icons/raphael
- icons/ri
- icons/si_glyph
- icons/simple_icons
- icons/simple_line_icons
- icons/subway
- icons/system_uicons
- icons/tabler
- icons/teenyicons
- icons/topcoat
- icons/typcn
- icons/uil
- icons/uim
- icons/uis
- icons/uit
- icons/uiw
- icons/vaadin
- icons/vs
- icons/websymbol
- icons/whh
- icons/wi
- icons/wpf
- icons/zmdi
- icons/zondicons