Коллекция оптимизированных настраиваемых SVG-логотипов технологий для разработчиков в виде npm-пакета с React-компонентами.
pheralb/svgl
Библиотека SVG-логотипов брендов с веб-галереей и API, созданная на SvelteKit и Tailwind CSS.
- Звёзды
- 6,409
- Форки
- 892
- Открытые issues
- 321
- Последний коммит
- 10 дней назад
Что это?
SVGL — коллекция SVG-логотипов компаний, продуктов и open-source-проектов, которую можно просматривать в веб-галерее на svgl.app. Каждый логотип хранится в репозитории как SVG-файл и описывается записью в файле данных TypeScript с названием, категорией, сайтом и необязательными вариантами: логотипом с названием или светлой и тёмной версиями.
Проект также предоставляет доступ к библиотеке логотипов через API. Созданные сообществом расширения позволяют использовать её в таких инструментах, как Raycast, VS Code, Figma, PowerToys и Flow Launcher, а npm-пакеты — в React, Vue и Svelte. Чтобы добавить логотип, участники помещают оптимизированный SVG (размером до 21 КБ, с сохранённым viewBox) в папку библиотеки и регистрируют его в файле данных через pull request.
Веб-приложение создано на SvelteKit, Svelte 5, TypeScript и Tailwind CSS, а API работает на Express с Redis. Проект распространяется по лицензии MIT.
Ключевые возможности
- 01Галерея SVG-логотипов для просмотра, со светлыми и тёмными версиями и вариантами с названием.
- 02Публичный API для поиска логотипов в библиотеке.
- 03Расширения сообщества для Raycast, VS Code, Figma, PowerToys и других инструментов.
- 04npm-пакеты для использования логотипов в React, Vue и Svelte.
- 05Добавление логотипов через pull request: достаточно добавить SVG-файл и запись в файле данных.
Сценарии использования
- Поиск логотипов брендов для сайта, презентации или дизайн-макета.
- Импорт логотипов в проект на React, Vue или Svelte через npm-пакет.
- Поиск и копирование логотипов в Raycast, PowerToys или VS Code, не выходя из редактора.
Быстрый старт
- 1
Установите Node.js 20 или новее и Git
- 2
Создайте форк репозитория и клонируйте его локально
git clone git@github.com:your_username/svgl.git - 3
При необходимости установите pnpm глобально
npm install -g pnpm - 4
Установите зависимости проекта
pnpm install
Что важно знать
- Чтобы внести вклад в библиотеку логотипов, подтвердите, что у вас есть право использовать каждый SVG.
Темы
Частые вопросы
- Что такое svgl?
- Библиотека SVG-логотипов брендов с веб-галереей и API, созданная на SvelteKit и Tailwind CSS. SVGL — коллекция SVG-логотипов компаний, продуктов и open-source-проектов, которую можно просматривать в веб-галерее на svgl.app. Каждый логотип хранится в репозитории как SVG-файл и описывается записью в файле данных TypeScript с названием, категорией, сайтом и необязательными вариантами: логотипом с названием или светлой и тёмной версиями.
- svgl можно использовать бесплатно? Какая у него лицензия?
- svgl распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- svgl всё ещё поддерживается?
- Активно поддерживается. Последний коммит в svgl — 28 окт. 2026 г..
- Для чего можно использовать svgl?
- Поиск логотипов брендов для сайта, презентации или дизайн-макета. Импорт логотипов в проект на React, Vue или Svelte через npm-пакет. Поиск и копирование логотипов в Raycast, PowerToys или VS Code, не выходя из редактора.
- Как установить svgl?
- Установите Node.js 20 или новее и Git Создайте форк репозитория и клонируйте его локально: git clone git@github.com:your_username/svgl.git При необходимости установите pnpm глобально: npm install -g pnpm Установите зависимости проекта: pnpm install
- Где скачать svgl?
- Исходный код и инструкции по установке — на GitHub: https://github.com/pheralb/svgl
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
SVG-иконки более 3 400 популярных брендов: скачивание, встраивание через CDN, пакеты npm и PHP.
Открытая библиотека из примерно 7 600 SVG-иконок брендов и облачных сервисов, доступная через npm, CDN, CLI и MCP-сервер для AI-редакторов.
Коллекция логотипов и иконок в форматах SVG, PNG, WebP, AVIF и ICO для self-hosted и другого ПО, доступная через jsDelivr.
Подборка из более чем 3 400 иконок сервисов и приложений в форматах SVG, PNG и WEBP, доступных через бесплатный CDN; есть MCP-сервер для AI-агентов.
Неофициальный порт shadcn/ui для Svelte: доступные настраиваемые компоненты, исходный код которых можно скопировать в своё приложение.