搜尋套件、儲存庫與 APP 分類

iconify_flutter_plus 封面
套件詳情v1.0.4

iconify_flutter_plus

100+ 開源圖示套件適用於 Flutter,讓您的應用程式更美觀

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
4340
喜歡數
158
Pub 分數
160

安裝套件

flutter pub add iconify_flutter_plus

套件介紹

根據套件公開資料產生的選型評估,僅供參考。

Iconify Flutter Plus 為 Flutter 提供超過 100 個開源圖示集,讓開發者能輕鬆將美觀且可縮放的圖示整合至跨多個平台的應用程式中。以效能與彈性為重點,支援動態圖示載入,並能順暢整合至現有的 Flutter 專案。此套件非常適合在不增加應用程式大小的情況下提升 UI 美學。它利用 Iconify 廣泛的圖示資料庫,可在 Android、iOS、Web、macOS、Windows 與 Linux 上順暢運作。

適用情境

  • 透過可擴展圖示增強應用UI
  • 在各個平台上添加一致的圖示
  • 透過優化圖示減少應用程式套件大小
  • 建立響應式且可存取的介面
  • 整合流行的圖示集,如 Feather、Material Icons 和 Font Awesome

主要特色

  • 支援100多個開源圖示集
  • 跨平台相容性
  • 輕量且高效
  • 動態圖示載入
  • 透過 pub.dev 實現輕鬆整合

適合對象

  • 尋求豐富圖示庫的Flutter開發者
  • 需要一致且可擴展圖標的專案
  • 針對多個平台的應用程式
  • 專注於UI/UX的設計師與開發人員
  • 希望減少資產管理的工作負擔的團隊

使用建議

  • 需要互聯網存取以動態取得圖示(除非已快取)
  • 可能需要為自定義圖示主題進行額外設定
  • 依賴外部圖示集的可用性
  • 不適用於僅離線的應用程式,除非預先快取
  • 僅限 Iconify 生態系統中可用的圖示集

原始 README

以下為關聯原始碼儲存庫的 README 原文快照,最新內容請造訪原始碼儲存庫。

This is upgraded version of package iconify_flutter

Before starting ✋. I want to tell you that every star 🌟 added to my space shines my world and motivates 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 Plus

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_plus

Then it as easy as this

import 'package:iconify_flutter_plus/iconify_flutter_plus.dart'; // For Iconify Widget
import 'package:iconify_flutter_plus/icons/zondicons.dart'; // for Non Colorful Icons
import 'package:colorful_iconify_flutter_plus/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_plus/iconify_flutter_plus.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_plus/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_plus/icons/) colorful icons sets and (package:iconify_flutter_plus/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 Favorite Badge
  • [x] Get first 100 likes on pub.dev
  • [x] Add colorful icons to iconify_flutter_plus

所屬分類

依賴

依賴清單 1 項

原始碼儲存庫

使用此套件的專案

暫無相關資料。