Repolode
glincker

glincker/thesvg

npm, CDN, CLI, AI 에디터용 MCP 서버로 제공되는 약 7,600개의 브랜드 및 클라우드 SVG 아이콘 라이브러리

스타
2,866
포크
228
열린 이슈
16
마지막 커밋
어제

어떤 프로젝트인가요?

theSVG는 소프트웨어 제품의 SVG 로고와 아이콘을 검색할 수 있는 모음집입니다. 브랜드 로고, AWS·Azure·Google Cloud 아키텍처 아이콘, Kubernetes 아이콘, 원형 인증 앱 배지 등을 제공하며, 아이콘은 기본형, mono, light, dark, wordmark 등 여러 변형으로 구성됩니다. 또한 Google, Microsoft, Amazon 같은 브랜드별로 그룹화되어 있습니다.

개발자는 tree-shaking을 지원하는 React, Vue, Svelte용 타입 지정 패키지, 핵심 아이콘 데이터가 포함된 스코프 npm 패키지, 프로젝트에 아이콘을 추가하는 CLI, 또는 일반 HTML에서 사용할 수 있는 jsDelivr CDN URL을 통해 아이콘을 사용할 수 있습니다. 인증 없이 클라이언트 측에서 아이콘을 필터링할 수 있는 정적 JSON 매니페스트도 제공됩니다.

Figma, VS Code, Raycast, Alfred, Neovim, Homebrew용 확장 기능과 AI 코딩 어시스턴트를 위한 MCP 서버 및 에이전트 스킬도 포함되어 있습니다. 코드베이스는 MIT 라이선스를 따르지만, 개별 브랜드 아이콘은 해당 소유자의 상표로 남습니다.

핵심 기능

  • 01브랜드, 클라우드, 인증 앱 배지 SVG 아이콘 약 7,600개를 검색할 수 있는 카탈로그.
  • 02React, Vue, Svelte용 tree-shaking 가능한 타입 지정 컴포넌트.
  • 03프로젝트에 특정 아이콘을 추가하는 CLI 명령.
  • 04클라이언트 측 검색을 위한 무료 jsDelivr CDN URL과 정적 JSON 매니페스트.
  • 05AI 코딩 어시스턴트용 MCP 서버 및 에이전트 스킬.

활용 사례

  • 파일을 일일이 다운로드하지 않고 웹사이트, 앱, 문서에 브랜드 로고 추가.
  • 공식 AWS, Azure, Google Cloud 아이콘을 사용해 아키텍처 다이어그램 제작.
  • UI를 만드는 동안 AI 코딩 어시스턴트가 알맞은 로고를 가져오도록 지원.

빠른 시작

  1. 1

    npm 패키지 설치하기

    npm install thesvg
  2. 2

    또는 CLI로 아이콘 하나 추가하기

    npx @thesvg/cli add github

사용 전 알아둘 점

  • AWS Architecture 아이콘은 CC BY-ND 2.0 라이선스로 배포되며, 수정된 버전은 허용되지 않습니다.
  • 브라우저 확장 프로그램은 베타 버전이며, Chrome 버전은 출시 예정으로 표시되어 있습니다.

토픽

자주 묻는 질문

thesvg은(는) 무엇인가요?
npm, CDN, CLI, AI 에디터용 MCP 서버로 제공되는 약 7,600개의 브랜드 및 클라우드 SVG 아이콘 라이브러리 theSVG는 소프트웨어 제품의 SVG 로고와 아이콘을 검색할 수 있는 모음집입니다. 브랜드 로고, AWS·Azure·Google Cloud 아키텍처 아이콘, Kubernetes 아이콘, 원형 인증 앱 배지 등을 제공하며, 아이콘은 기본형, mono, light, dark, wordmark 등 여러 변형으로 구성됩니다. 또한 Google, Microsoft, Amazon 같은 브랜드별로 그룹화되어 있습니다.
thesvg은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
thesvg은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
thesvg은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. thesvg의 마지막 커밋은 2026년 10월 19일입니다.
thesvg은(는) 어디에 사용할 수 있나요?
파일을 일일이 다운로드하지 않고 웹사이트, 앱, 문서에 브랜드 로고 추가. 공식 AWS, Azure, Google Cloud 아이콘을 사용해 아키텍처 다이어그램 제작. UI를 만드는 동안 AI 코딩 어시스턴트가 알맞은 로고를 가져오도록 지원.
thesvg는 어떻게 설치하나요?
npm 패키지 설치하기: npm install thesvg 또는 CLI로 아이콘 하나 추가하기: npx @thesvg/cli add github
thesvg은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/glincker/thesvg

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트