glincker/thesvg

これは何？

主な機能

• 01ブランド、クラウド、認証アプリ用バッジのSVGアイコンを約7,600種類収録した検索可能なカタログ。
• 02React、Vue、Svelte向けの、tree-shakingに対応した型付きコンポーネント。
• 03指定したアイコンをプロジェクトに追加するCLIコマンド。
• 04無料で使えるjsDelivr CDNのURLと、クライアント側検索用の静的JSON manifest。
• 05AIコーディングアシスタント向けのMCPサーバーとagent skill。

ユースケース

• ファイルを手動でダウンロードせずに、Webサイト、アプリ、ドキュメントへブランドロゴを追加する。
• AWS、Azure、Google Cloudの公式アイコンを使ってアーキテクチャ図を作成する。
• UIの構築中に、AIコーディングアシスタントが適切なロゴを取得できるようにする。

クイックスタート

1. 1

   npm パッケージをインストールする

   npm install thesvg
2. 2

   または CLI でアイコンを 1 つ追加する

   npx @thesvg/cli add github

使う前に知っておきたいこと

• !AWS Architecture アイコンは CC BY-ND 2.0 ライセンスで配布されており、改変版の配布は許可されていません。
• !ブラウザー拡張機能はベータ版で、Chrome 版は近日公開予定です。

トピック

よくある質問

thesvg とは？

npm、CDN、CLI、AIエディター向けMCPサーバーから利用できる、約7,600種類のブランド・クラウドSVGアイコンのオープンライブラリ。 theSVGは、ソフトウェア製品のロゴやアイコンを検索できるコレクションです。ブランドロゴのほか、AWS、Azure、Google Cloudのアーキテクチャアイコン、Kubernetesアイコン、円形の認証アプリ用バッジを収録しています。アイコンにはdefault、mono、light、dark、wordmarkなど複数のバリエーションがあり、Google、Microsoft、Amazonなどのブランドファミリーごとに分類されています。

thesvg は無料で使えますか？ライセンスは？

thesvg は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

thesvg は今もメンテナンスされていますか？

活発にメンテナンス中。thesvg の最終コミットは 2026年10月19日 です。

thesvg は何に使えますか？

ファイルを手動でダウンロードせずに、Webサイト、アプリ、ドキュメントへブランドロゴを追加する。 AWS、Azure、Google Cloudの公式アイコンを使ってアーキテクチャ図を作成する。 UIの構築中に、AIコーディングアシスタントが適切なロゴを取得できるようにする。

thesvg のインストール方法は？

npm パッケージをインストールする: npm install thesvg または CLI でアイコンを 1 つ追加する: npx @thesvg/cli add github

thesvg はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/glincker/thesvg