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

simple_icons 封面
套件詳情v16.23.0

simple_icons

Simple Icon 圖示套件以 Flutter 圖示形式提供。為熱門品牌提供超過 1500 個免費 SVG 圖示。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
2.4萬
喜歡數
145
Pub 分數
150

安裝套件

flutter pub add simple_icons

套件介紹

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

Simple Icons 是一個 Flutter 套件,提供超過 1500 個免費的 SVG 圖示,適用於熱門品牌,以可縮放且可自訂的 Flutter 圖示形式提供。專為尋求可靠開源圖示集的開發者設計,支援多個平台,包括 Android、iOS、Web、macOS、Windows 和 Linux。圖示輕量級,可透過 pub.dev 套件管理員輕鬆整合,非常適合用於品牌識別或需要官方標誌的 UI 元素。每個圖示皆來自官方品牌資源,並在公開的 GitHub 倉儲中維護,確保透明度與社群貢獻。

適用情境

  • 移動和網頁應用中的品牌建設
  • 顯示社交媒體標誌
  • 使用官方品牌圖示增強使用者介面
  • 創建開發者工具介面
  • 建構作品集或展示網站

主要特色

  • 超過1500個官方品牌圖示
  • 基於 SVG,具有高可擴展性
  • 跨平台支援
  • 透過 pub.dev 實現輕鬆整合
  • 開源,公開倉儲

適合對象

  • 需要品牌圖示的應用開發者
  • 使用 Flutter 的設計師
  • 需要官方標誌表示的專案
  • 開源貢獻者
  • 專注於一致性的UI/UX設計師

使用建議

  • 圖示是靜態的;不支援動畫
  • 需要手動更新以新增品牌
  • 在效能關鍵情境中,對於極大型圖示集未進行最佳化
  • 除了標準圖示屬性外,自訂功能有限

原始 README

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

Simple Icons

Simple Icons: Flutter

A Flutter package for Simple Icons, which provides over 1500 Free SVG icons for popular brands.
See them all on one page at SimpleIcons.org.
Contributions, corrections & requests can be made on GitHub.

Naming

Naming conventions have been changed for better readability and consistancy with all other flutter icon packs.

Additionally:

  • special characters ➔ written in words
  • names starting with a number ➔ the letter 'n' placed in front
  • dart reserved words ➔ 'icon' placed in the back

To convert from the catalog simply follow this method

.NET ➔ dotNet

Apple Pay ➔ applepay

1Password ➔ n1password

abstract ➔ abstracticon

SimpleIconColors

As of version 10.1.2 the SimpleIconColors exists, which holds the brands hex color.
Some brands did not receive a color. This is a known error in the build script.
If you find any icon which you like to have color support for, feel free to open an issue.

Installation

In the dependencies: section of your pubspec.yaml add the following line:

dependencies:
  simple_icons: <latest_version>

Usage

import "package:simple_icons/simple_icons.dart";

class MyAwesomeWidget extends StatelessWidget {
  Widget build(BuildContext context) {
    return IconButton(
      icon: Icon(SimpleIcons.github, color: SimpleIconColors.github),
      onPressed: () {
          print("awesome platform to share code and ideas");
      }
    );
  }
}

Example

View the flutter app in the example directory

Screenshots


website

所屬分類

原始碼儲存庫

使用此套件的專案