Repolode
pheralb

pheralb/svgl

基于 SvelteKit 与 Tailwind CSS 构建的 SVG 品牌 Logo 资源库,提供网页浏览与 API。

Star
6,409
Fork
892
未关闭 Issue
321
最近提交
10天前

这是什么?

SVGL 是一个收录公司、产品与开源项目 Logo 的 SVG 资源库,可在 svgl.app 网站上浏览。每个 Logo 以 SVG 文件存放在仓库中,并在 TypeScript 数据文件里登记标题、分类、官网,以及可选的文字标识和亮色、暗色版本。

项目同时通过 API 提供 Logo 数据,社区基于此开发了 Raycast、VS Code、Figma、PowerToys、Flow Launcher 等工具的扩展,也有面向 React、Vue、Svelte 的 npm 包。贡献者只需将优化后的 SVG(单个文件不超过 21KB,需保留 viewBox)放入资源目录,并在数据文件中添加条目,再提交 Pull Request 即可。

网站基于 SvelteKit、Svelte 5、TypeScript 和 Tailwind CSS 构建,API 服务使用 Express 与 Redis。项目采用 MIT 许可证。

核心功能

  • 01提供可浏览的 SVG Logo 库,支持亮色、暗色版本和文字标识。
  • 02提供用于查询 Logo 数据的公开 API。
  • 03社区已开发 Raycast、VS Code、Figma、PowerToys 等扩展。
  • 04提供 React、Vue、Svelte 的 npm 包,便于在项目中直接使用 Logo。
  • 05通过添加 SVG 文件和数据条目的 Pull Request 参与贡献。

适用场景

  • 为网站、演示文稿或设计稿查找品牌 Logo。
  • 通过 npm 包在 React、Vue 或 Svelte 项目中引入 Logo。
  • 在 Raycast、PowerToys 或 VS Code 中直接搜索并复制 Logo。

快速上手

  1. 1

    安装 Node.js 20+ 和 Git

  2. 2

    Fork 仓库并克隆到本地

    git clone git@github.com:your_username/svgl.git
  3. 3

    如有需要,全局安装 pnpm

    npm install -g pnpm
  4. 4

    安装项目依赖

    pnpm install

使用前须知

  • 向 Logo 库贡献 SVG 前,需确认你有权使用该文件。

标签

常见问题

svgl 是什么?
基于 SvelteKit 与 Tailwind CSS 构建的 SVG 品牌 Logo 资源库,提供网页浏览与 API。 SVGL 是一个收录公司、产品与开源项目 Logo 的 SVG 资源库,可在 svgl.app 网站上浏览。每个 Logo 以 SVG 文件存放在仓库中,并在 TypeScript 数据文件里登记标题、分类、官网,以及可选的文字标识和亮色、暗色版本。
svgl 可以免费使用吗?用的什么许可证?
svgl 以 MIT 许可证开源。用于商业产品前,请先确认许可证条款。
svgl 还在维护吗?
活跃维护中。svgl 最近一次提交是在 2026年10月28日。
svgl 适合用来做什么?
为网站、演示文稿或设计稿查找品牌 Logo。 通过 npm 包在 React、Vue 或 Svelte 项目中引入 Logo。 在 Raycast、PowerToys 或 VS Code 中直接搜索并复制 Logo。
svgl 怎么安装和运行?
安装 Node.js 20+ 和 Git Fork 仓库并克隆到本地: git clone git@github.com:your_username/svgl.git 如有需要,全局安装 pnpm: npm install -g pnpm 安装项目依赖: pnpm install
在哪里获取 svgl?
源代码和安装说明在 GitHub 上:https://github.com/pheralb/svgl

概要由 AI 根据项目 README 生成;GitHub 数据每日更新。

相关项目