パッケージ、リポジトリ、アプリカテゴリを検索

iconify_flutter のカバー
パッケージ詳細v0.0.7

iconify_flutter

Flutter用の100以上のオープンソースアイコンセットで、アプリをより美しく

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
9950
いいね数
473
Pub ポイント
150

パッケージをインストール

flutter pub add iconify_flutter

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Iconify Flutter は、100 以上のオープンソースアイコンセットにアクセスできる Flutter パッケージであり、開発者がアプリに美しいスケーラブルなアイコンを簡単に統合できるようにします。Android、iOS、Web、macOS、Windows、Linux など複数のプラットフォームをサポートしています。Feather、Material Icons、Font Awesome などの人気アイコンライブラリからダイナミックにアイコンを読み込むことで、一貫した API を使ってアイコンの使用を簡素化しています。外部依存がゼロで、テーマやカスタマイズに対応しており、バンドルサイズを増加させることなくアプリの視覚的質を向上させます。

用途

  • モバイルおよびウェブアプリにスケーラブルなアイコンを追加する
  • 1つのプロジェクトにさまざまなアイコンライブラリを統合する
  • ベクターベースのアイコンを使用して応答性のあるUIを作成する
  • テーマを介してアイコンの外観をカスタマイズする
  • アイコンフォントの使用を避けることでアプリバンドルサイズを削減
  • 一貫したアイコンを使用してクロスプラットフォームアプリケーションを構築する

主な機能

  • 100以上のオープンソースアイコンセットのサポート
  • クロスプラットフォーム互換性
  • 動的アイコンの読み込み
  • 最小限のバンドルサイズへの影響
  • 組み込みのテーマとカラー対応
  • ベクトルベースのスケーラビリティ

適している対象

  • 豊富なアイコン表現を求めるFlutter開発者
  • 複数のアイコンライブラリを必要とするプロジェクト
  • 複数のプラットフォームをターゲットにするアプリ
  • UI/UXに焦点を当てたデザイナーと開発者
  • 軽量なアイコンソリューションを求めるチーム
  • パフォーマンスとスケーラビリティを重視するプロジェクト

注意事項

  • ダイナミックなアイコンの取得にはインターネット接続が必要です(キャッシュされている場合を除く)
  • Iconifyのリポジトリに利用可能なアイコンセットに限定
  • オフライン使用のためのキャッシュ戦略が必要になる可能性があります
  • 静的アイコンのみのプロジェクトには適していない
  • サードパーティのアイコンデータソースに依存
  • 初回アイコン読み込み時の潜在的な遅延

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

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 💭

  • [x] Get first 100 stars on github.com
  • [ ] Get Flutter Favourite Badge
  • [x] Get first 100 likes on pub.dev
  • [x] Add colorful icons to iconify_flutter

カテゴリー

依存関係

依存関係一覧 2 件

ソースリポジトリ

このパッケージを使用しているプロジェクト