SuperTinyIcons

SuperTinyIcons官網

一個收集了豐富 Logo的SVG 圖標庫，目前已收集386+ 個主流的品牌和產品的 Logo，包括GitHub、Twitter、Facebook等。適合用于網頁設計、移動應用開發。

網站提供：資源素材，logo圖標，SuperTinyIcons，Icons。

SuperTinyIcons是什么？

SuperTinyIcons是一個收集主流品牌和產品的Logo SVG圖標資源的項目。目前已收集386+ 個圖標，包括GitHub、Twitter、Facebook等，每個圖標平均大小不到522字節，總字節數為16263字節。適合用于網頁設計、移動應用開發或其他需要輕量級圖標的場景，可以直接使用、或導入到前端框架中使用，或在Android 應用中使用。

SuperTinyIcons特點

極小的文件大小：每個圖標文件大小均小于 1KB，平均大小約為 522 字節。這使得它們非常適合用于需要優化加載速度的網頁或應用。

SVG 格式：所有圖標均采用 SVG（可縮放矢量圖形）格式。這意味著它們可以在任何尺寸下保持清晰，不會失真，并且文件大小極小。

廣泛的圖標庫：目前項目包含 386 個圖標，涵蓋了從社交媒體平臺（如 Twitter、Facebook、Instagram）到開發工具（如 GitHub、GitLab、Docker）以及各種流行應用和服務的標志。

可擴展性和靈活性：圖標設計為 512×512 的視圖框，可以輕松適應圓形、方形或其他形狀的布局，并且可以通過 CSS 進行自定義。

無障礙支持：每個圖標都包含 role=”img” 和 aria-label 屬性，確保在輔助技術（如屏幕閱讀器）中能夠正確識別。

如何使用SuperTinyIcons？

安裝

可以通過 npm 安裝 SuperTinyIcons：

npm?install?--save?super-tiny-icons

使用方法

1. 傳統方式：

HTML

2. 現代方式（React 示例）：

import?logo?from?"super-tiny-icons/images/svg/github.svg";;

3. 通過 CSS 自定義樣式：

.small-square?{
??width:?20px;
}
.medium-rounded?{
??width:?50px;
??border-radius:?10%;
}
.large-circular?{
??width:?100px;
??border-radius:?50%;
}

SuperTinyIcons優勢

• 性能優化：極小的文件大小減少了網頁加載時間和數據消耗。
• 靈活性：SVG 格式支持無限縮放，適用于多種設計需求。
• 開源社區：任何人都可以貢獻圖標，項目不斷更新和擴展。

SuperTinyIcons應用

• 網頁開發：為網站添加輕量級的圖標資源。
• 移動應用：在應用中使用極小的圖標以節省存儲空間。
• 個人項目：快速獲取高質量的圖標資源，無需自行設計。

GitHub倉庫：https://github.com/edent/SuperTinyIcons

SuperTinyIcons官網入口網址

https://github.com/edent/SuperTinyIcons

OpenI小編發現SuperTinyIcons網站非常受用戶歡迎，請訪問SuperTinyIcons網址入口試用。