pheralb/svgl

어떤 프로젝트인가요?

핵심 기능

• 01라이트·다크 버전과 워드마크를 제공하는 SVG 로고 갤러리.
• 02로고 라이브러리를 조회할 수 있는 공개 API.
• 03Raycast, VS Code, Figma, PowerToys 등을 위한 커뮤니티 확장 기능.
• 04React, Vue, Svelte에서 로고를 사용할 수 있는 npm 패키지.
• 05SVG 파일과 데이터 항목을 추가해 pull request로 기여하는 기능.

활용 사례

• 웹사이트, 프레젠테이션 슬라이드 또는 디자인 목업에 사용할 브랜드 로고 찾기.
• npm 패키지로 React, Vue 또는 Svelte 프로젝트에 로고 가져오기.
• 편집기를 벗어나지 않고 Raycast, PowerToys 또는 VS Code에서 로고를 검색하고 복사하기.

빠른 시작

1. 1

   Node.js 20 이상과 Git을 설치합니다

2. 2

   저장소를 포크하고 로컬에 클론합니다

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

   필요한 경우 pnpm을 전역으로 설치합니다

   npm install -g pnpm
4. 4

   프로젝트 종속성을 설치합니다

   pnpm install

사용 전 알아둘 점

• !로고 라이브러리에 기여하려면 각 SVG를 사용할 권리가 있는지 확인해야 합니다.

토픽

자주 묻는 질문

svgl은(는) 무엇인가요?

SvelteKit과 Tailwind CSS로 만든 SVG 브랜드 로고 라이브러리로, 웹 갤러리와 API를 제공합니다. SVGL은 회사, 제품, 오픈소스 프로젝트의 SVG 로고 모음으로, svgl.app의 웹 갤러리에서 둘러볼 수 있습니다. 각 로고는 저장소에 SVG 파일로 보관되며, 제목, 카테고리, 웹사이트, 선택적 워드마크 또는 라이트·다크 버전을 기록하는 TypeScript 데이터 파일의 항목으로 설명됩니다.

svgl은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

svgl은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

svgl은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. svgl의 마지막 커밋은 2026년 10월 28일입니다.

svgl은(는) 어디에 사용할 수 있나요?

웹사이트, 프레젠테이션 슬라이드 또는 디자인 목업에 사용할 브랜드 로고 찾기. npm 패키지로 React, Vue 또는 Svelte 프로젝트에 로고 가져오기. 편집기를 벗어나지 않고 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