提交您的產(chǎn)品 
Ai應(yīng)用
Ai資訊
AI生圖
AI生視頻
開(kāi)源AI應(yīng)用平臺(tái)
SuperTinyIcons
SuperTinyIcons簡(jiǎn)介
SuperTinyIcons是什么？
SuperTinyIcons是一個(gè)收集主流品牌和產(chǎn)品的Logo SVG圖標(biāo)資源的項(xiàng)目。目前已收集386+ 個(gè)圖標(biāo)，包括GitHub、Twitter、Facebook等，每個(gè)圖標(biāo)平均大小不到522字節(jié)，總字節(jié)數(shù)為16263字節(jié)。適合用于網(wǎng)頁(yè)設(shè)計(jì)、移動(dòng)應(yīng)用開(kāi)發(fā)或其他需要輕量級(jí)圖標(biāo)的場(chǎng)景，可以直接使用、或?qū)氲角岸丝蚣苤惺褂?，或在Android 應(yīng)用中使用。
SuperTinyIcons特點(diǎn)
極小的文件大?。好總€(gè)圖標(biāo)文件大小均小于 1KB，平均大小約為 522 字節(jié)。這使得它們非常適合用于需要優(yōu)化加載速度的網(wǎng)頁(yè)或應(yīng)用。
SVG 格式：所有圖標(biāo)均采用 SVG（可縮放矢量圖形）格式。這意味著它們可以在任何尺寸下保持清晰，不會(huì)失真，并且文件大小極小。
廣泛的圖標(biāo)庫(kù)：目前項(xiàng)目包含 386 個(gè)圖標(biāo)，涵蓋了從社交媒體平臺(tái)（如 Twitter、Facebook、Instagram）到開(kāi)發(fā)工具（如 GitHub、GitLab、Docker）以及各種流行應(yīng)用和服務(wù)的標(biāo)志。
可擴(kuò)展性和靈活性：圖標(biāo)設(shè)計(jì)為 512x512 的視圖框，可以輕松適應(yīng)圓形、方形或其他形狀的布局，并且可以通過(guò) CSS 進(jìn)行自定義。
無(wú)障礙支持：每個(gè)圖標(biāo)都包含 role="img" 和 aria-label 屬性，確保在輔助技術(shù)（如屏幕閱讀器）中能夠正確識(shí)別。
如何使用SuperTinyIcons？
安裝
可以通過(guò) npm 安裝 SuperTinyIcons：
npm install --save super-tiny-icons
使用方法
1. 傳統(tǒng)方式：
HTML
2. 現(xiàn)代方式（React 示例）：
import logo from "super-tiny-icons/images/svg/github.svg";;
3. 通過(guò) CSS 自定義樣式：
.small-square {
width: 20px;
}
.medium-rounded {
width: 50px;
border-radius: 10%;
}
.large-circular {
width: 100px;
border-radius: 50%;
}SuperTinyIcons優(yōu)勢(shì)
性能優(yōu)化：極小的文件大小減少了網(wǎng)頁(yè)加載時(shí)間和數(shù)據(jù)消耗。
靈活性：SVG 格式支持無(wú)限縮放，適用于多種設(shè)計(jì)需求。
開(kāi)源社區(qū)：任何人都可以貢獻(xiàn)圖標(biāo)，項(xiàng)目不斷更新和擴(kuò)展。
SuperTinyIcons應(yīng)用
網(wǎng)頁(yè)開(kāi)發(fā)：為網(wǎng)站添加輕量級(jí)的圖標(biāo)資源。
移動(dòng)應(yīng)用：在應(yīng)用中使用極小的圖標(biāo)以節(jié)省存儲(chǔ)空間。
個(gè)人項(xiàng)目：快速獲取高質(zhì)量的圖標(biāo)資源，無(wú)需自行設(shè)計(jì)。
GitHub倉(cāng)庫(kù)：https://github.com/edent/SuperTinyIcons
