Back to blog

theSVG Passed 7,400 Icons: Auth Badges, Cleaner Categories, and Icon Feedback

theSVG crossed 7,400 brand and cloud SVG icons six months after launch. What is inside the library, what shipped along the way, and how to use it from npm, the CDN, the CLI, or an MCP server.

4 min read
Gagan Deep Singh

Gagan Deep Singh

Founder | GLINR Studios


theSVG just crossed 7,400 icons. The exact count when it happened was 7,406. When I launched it in March, the library had a little over 5,600. This post is the short version of what got it here, what is inside, and what I would like help with next.

What is in the 7,406

The count is not one giant pile of logos. It is seven collections, each with a different job:

CollectionIcons
Brand logos4,675
Auth Badges858
AWS Architecture739
Azure Services626
Community and open-source projects256
Google Cloud214
Kubernetes resources38

Most brand icons ship with several variants (color, mono, light, dark, and wordmark), which is why the library holds well over 12,000 individual SVG files. The cloud collections exist because architecture diagrams need AWS, Azure, and Google Cloud service icons that ordinary brand libraries do not cover.

Auth Badges

The newest collection is the biggest single addition: 858 Auth Badges. These are circular, flat-color icons styled for authenticator-app entry lists and two-factor authentication screens. They are a different visual language from the main brand marks, on purpose. A badge in a 2FA list wants a solid, recognizable circle, not a wide wordmark.

You can browse them at thesvg.org/collection/auth-badges. It is a first pass, and there are plenty of services people use 2FA with that are not in there yet. If yours is missing, you can submit it.

Category cleanup

Growth makes mess. A few categories had quietly split in two, like Devtool versus DevTool and Ecommerce versus E-commerce. Each pair is now merged under one canonical name, so category pages and counts reflect reality. It is not a glamorous change, but browsing a library of this size only works if categories can be trusted.

Feedback on every icon

Every icon page now has a one-click thumbs up or thumbs down. No account and no form. It is a fast way to say an icon is spot on or needs a second look, and it helps decide which icons to revisit first in the next cleanup pass.

Alongside that, the icon detail page got a redesign: a brand-color glow, a completeness checklist that shows exactly what an icon page has and is missing, and a pixel inspector with a design-grid overlay for checking edges and curves.

Using it

theSVG works from wherever you already are:

# npm, tree-shakeable and typed
npm install thesvg
 
# React components
npm install @thesvg/react
 
# add a single icon with the CLI
npx @thesvg/cli add github

Or straight from the CDN:

<img src="https://thesvg.org/icons/github/default.svg" width="24" alt="GitHub" />

For AI coding assistants there is an MCP server, so tools like Claude and Cursor can search and fetch icons directly:

{
  "mcpServers": {
    "thesvg": {
      "command": "npx",
      "args": ["@thesvg/mcp-server"]
    }
  }
}

If you are choosing between icon libraries, there is a feature-by-feature comparison against Simple Icons, svgl, and Iconify at thesvg.org/compare. I also wrote up my own tests in I Tested Every Open-Source Brand SVG Library.

What is next

The library is open source, and the number only goes up because people submit icons, file issues, and open pull requests. Two things I would like input on:

  • Which service should get an Auth Badge next?
  • Would a square or rounded-square badge variant be useful next to the circular one?

The milestone announcement and the discussion live in the theSVG GitHub repo. If a brand is missing, submit it or open a PR. Every brand deserves a place, and that has not changed.

Thanks to everyone who used theSVG, filed an issue, or sent an icon. On to the next milestone.


Contact