SVGL：免费开源精美的 SVG 图标徽标库

本文更新于: 2024年6月17日

APP喵前言：SVG 图标库，目前共有 418 个 Logo，持续增加中，可一键复制下载，提供搜索和分类。

网站简介

SVGL 是一个使用 Sveltekit 和 Tailwind CSS 构建的开源 SVG 图标库。网站提供搜索功能，方便用户快速找到所需的徽标。徽标被细致分类，便于用户根据特定类别进行浏览。

截图

技术栈

• Sveltekit：用于简化 Web 开发流程。
• Typescript：为 JavaScript 提供类型语法。
• mdsvex：为 Svelte 应用提供 Markdown 支持。
• Shiki：提供美观的语法高亮。
• Tailwindcss：一个以工具类为主的 CSS 框架，用于快速构建定制设计。
• bits-ui：为 Svelte 提供的无头组件集合。
• clsx + tailwind-merge：用于条件构造 className 字符串的实用工具。
• Prettier + prettier-plugin-tailwindcss：有主见的代码格式化工具。
• Lucide Icons + phosphor-svelte：干净友好的图标库。
• svelte-sonner：为 Svelte 提供的有主见的 toast 组件。
• @svgr/core：Node.js 实用工具，用于将 SVG 转换为 React 组件。
• @upstash/redis + @upstash/ratelimit：为开发者提供的无服务器 Redis。
• Vitest：快速的单元测试框架。

提交

• 在提交 SVG 之前，确保拥有使用权限或 SVG 许可证允许您将其添加到 SVGL。
• 需要 Node.js 16+（推荐 18 LTS）和 Git。
• 可以 Fork 仓库并克隆到本地，安装依赖，添加 SVG 文件，并提交 Pull Request。

网站地址

网站网址：https://svgl.app/
开源项目：https://github.com/pheralb/svgl