SuperTinylcons

SuperTinylcons是什么？

SuperTinyIcons是一个免费开源的矢量SVG品牌图标库，专注于全球热门品牌和应用程序的 logo 矢量 SVG 图标。致力于超轻量，让图标变得更小巧、更快速。

项目特点

• 超小文件体积：图标都小于 1KB，平均只有 522Bytes，节约大量的存储和加载成本。
• 高质量 SVG 图标：都是 512×512 的视图框，可以无限放大，在任何地方都可以使用。
• 支持 380+ 品牌：包括了主流的 380+ 品牌 logo（如 GitHub、Google、Facebook 等），大部分场景都可以适用。
  
• 开源与可定制：全部开源，你可以任意下载、修改和完善，并用在你的任何项目中。
• 易于集成：图标可轻松嵌入网页、应用或现代框架（如 React）中，方便快捷。

适用场景

• 网页开发者：快速加载品牌 logo，提高用户体验。
• 设计师：用高质量的 SVG 图标满足精细化设计需求。
• 技术爱好者：探索极简代码的潜力，为项目增加效率。

如何使用SuperTinyIcons？

1.安装

可以通过 npm 安装 SuperTinyIcons：

npm install –save super-tiny-icons

使用方法

1. 传统方式：

HTML

<img src=”./node_modules/super-tiny-icons/images/svg/github.svg” />

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%; }