SuperTinylcons

5天前发布 520 0 0

SuperTinyIcons是一个免费开源的矢量SVG品牌图标库,专注于提供超轻量级的 SVG 图标,涵盖全球热门品牌和应用程序的 logo。它的核心理念是通过极简设计实现高效性能,让图标更小巧、更快速,同时保持视觉效果。

收录时间:
2025-07-06
SuperTinylconsSuperTinylcons

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

数据统计

相关导航

暂无评论

none
暂无评论...