flutter_sfsymbols

パッケージ概要

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

AppleのSFシンボルへのアクセスを提供するFlutterパッケージで、iOS、Android、Web、macOS、Windows、Linuxのすべてのプラットフォームでスケーラブルなシステム提供アイコンをFlutterアプリに簡単に統合できるようにします。名前でSFシンボルを参照できるシンプルなAPIを提供し、プラットフォームのデザイン言語に適応した一貫したアイコン表現を保証します。動的なサイズ調整と色のカスタマイズに対応しており、洗練されたネイティブ風のユーザーインターフェースを作成するのに最適です。パフォーマンスとクロスプラットフォーム互換性を重視して構築されており、外部アセットを必要とせずにアイコン管理を簡素化しています。

用途

クロスプラットフォームアプリにネイティブiOSスタイルのアイコンを統合する
Appleおよび非Appleプラットフォーム間で一貫したUIを作成する
システムアイコンを使用してアプリバンドルサイズを削減する
スケーラブルなベクターアイコンによるアクセシビリティの向上
動的なアイコンテーマを持つアダプティブインターフェースの設計

主な機能

SF Symbols ライブラリへの直接アクセス
クロスプラットフォーム対応（iOS、Android、Web、macOS、Windows、Linux）
スケーラブルなベクターアイコン
名前付き参照による簡単な統合
動的カラーおよびサイズの調整に対応

適している対象

Appleエコシステムをターゲットとする開発者
ネイティブな美的感覚を備えたクロスプラットフォームアプリを開発するチーム
最小のアセットオーバーヘッドを重視するプロジェクト
一貫したアイコンセットを探しているUIデザイナー
アクセス可能で解像度に依存しないグラフィックを必要とするアプリ

注意事項

対象プラットフォームで利用可能な SF シンボルに限定
非iOSプラットフォーム用のフォールバックが必要になる場合があります
すべての記号がすべてのオペレーティングシステムで同一にレンダリングされるとは限りません
下位プラットフォームの SF シンボルの利用可能性に依存します
Appleのアイコンスタイルがデザイン目標と一致するアプリに最適

元の README

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

A new Flutter package required SFSymbol icons.
This plugin support all ios and android devices.

Install

add flutter_sfsymbols into your pubspec.yaml

dependencies:
 flutter_sfsymbols: ^1.0.0

and you need add fonts into your pubspec.yaml too

fonts:
  - family: sficonsets
    fonts:
      - asset: packages/flutter_sfsymbols/fonts/sficonsets.ttf

All Icons

Find all icons at
https://framework7.io/icons/ You can also use Apple SF symbols tool to browse all icon sets.

Usage

import 'package:flutter_sfsymbols/flutter_sfsymbols.dart';

const Icon(SFSymbols.airplane),
const Icon(SFSymbols.ant_circle_fill),
const Icon(SFSymbols.app_badge_fill),

IMPORTANT

All SF Symbols shall be considered to be system-provided images as defined in the Xcode and Apple SDKs license agreements and are subject to the terms and conditions set forth therein. You may not use SF Symbols—or glyphs that are substantially or confusingly similar—in your app icons, logos, or any other trademark-related use. Apple reserves the right to review and, in its sole discretion, require modification or discontinuance of use of any Symbol used in violation of the foregoing restrictions, and you agree to promptly comply with any such request.

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