Agent skill

Thesvg

by glincker in glincker/thesvg

Fetch brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from theSVG.

MITAuto-check passedDevOps & Cloud

Install Thesvg

skills CLI
$ npx skills add glincker/thesvg --skill thesvg -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install glincker/thesvg thesvg --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/glincker/thesvg.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/thesvg .claude/skills/thesvg && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
thesvg
GitHub stars
2.8k
Token cost
~1.5k tokens
SKILL.md length
678 words
Files
1
Skills in repo
1
Repo updated
First seen
Licence
MIT

At a glance

Fetch brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from theSVG.

  • The user asks for a brand logo
  • SKILL.md covers When to use this skill, URL pattern, Finding the right slug and How to deliver the icon, plus 6 more sections
  • Calls npx; reaches thesvg.org and cdn.jsdelivr.net
  • Any icon/logo for X where X is a real brand

What it does

Thesvg is an agent skill from glincker/thesvg. Fetch brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from theSVG. Use when the user asks for a brand logo, company icon, framework mark, service icon, or any "icon/logo for X" where X is a real brand or cloud service. Returns ready-to-use CDN URLs or raw SVG markup.

Its SKILL.md is about 1.5k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in DevOps & Cloud, covering Logo and visual identity, Cloud architecture and Icons and illustration. It works with Amazon Web Services, Google Cloud, Microsoft Azure and Tailwind CSS. The repository describes itself as: 7,400+ brand SVG icons for developers. Tree-shakeable, typed, open source. npm i thesvg. The licence is MIT.

When your agent uses it

  • The user asks for a brand logo
  • Any icon/logo for X where X is a real brand

Example prompts

  • “icon/logo for X”
  • “/thesvg”

Requirements

  • Node.js

What it can do on your machine

Read from SKILL.md and the folder at commit 19ca1a7. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • npx

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • thesvg.org
    • cdn.jsdelivr.net
    • figma.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Thesvg loads about 1.5k tokens when it runs. Until then it costs about 72 tokens; SKILL.md has 678 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~72
When it runs · the whole SKILL.md, loaded when a task matches
~1.5k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from glincker/thesvg at commit 19ca1a7, republished under its MIT licence (© glincker). 678 words, ~1,549 tokens.

Download SKILL.mdSave it as .claude/skills/thesvg/SKILL.md (or your agent's skills folder).
name
thesvg
description
Fetch brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from theSVG. Use when the user asks for a brand logo, company icon, framework mark, service icon, or any "icon/logo for X" where X is a real brand or cloud service. Returns ready-to-use CDN URLs or raw SVG markup.
license
MIT

theSVG agent skill

Use this skill whenever the user asks for a brand logo, service icon, framework mark, or cloud service icon. theSVG hosts 6,500+ brand SVGs and cloud architecture icons under one consistent URL pattern, so you do not need to scrape the web or guess at file paths.

When to use this skill

Trigger on requests like:

  • "Give me the GitHub logo as SVG"
  • "Insert a Stripe icon"
  • "I need AWS Lambda and S3 architecture icons"
  • "Add brand icons for our integrations page (Slack, Notion, Linear, Figma)"
  • "Find a Tailwind logo I can drop into a README"
  • "What's the URL for the dark variant of the OpenAI mark"

Skip this skill for generic UI icons (chevrons, menus, arrows). Use Lucide, Heroicons, or similar for those. theSVG is for named brands and services.

URL pattern

Every icon lives at a predictable URL. No auth, no rate limits.

There are two equivalent endpoints. For agent and automation use cases, prefer jsDelivr. It is the same choice the official thesvg Figma plugin makes for the same reasons: agents make bursty automated requests and jsDelivr's global CDN absorbs that load without affecting thesvg.org user traffic.

https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/{slug}/{variant}.svg
Alternate (for end-user-facing UI)
https://thesvg.org/icons/{slug}/{variant}.svg

Both URLs serve identical content. The thesvg.org route is fine to recommend when you're embedding a URL into a user-facing page (README, HTML, blog post) because per-visitor traffic is light. The jsDelivr route is the right choice when your code itself fetches the SVG (e.g. an agent inserting icons into a generated document or running batch lookups).

Path components:

  • {slug} is a lowercase, hyphenated brand identifier (github, aws-lambda, google-cloud, openai, tailwindcss).
  • {variant} is one of default, mono, light, dark, wordmark, wordmarkLight, wordmarkDark, color. default is always present.
Examples
https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/github/default.svg
https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/github/mono.svg
https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/stripe/default.svg
https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/aws-lambda/default.svg
https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/openai/dark.svg

Finding the right slug

If you're unsure of a slug, fetch the registry once and search it client-side. Same primary/alternate split as the icon URLs above:

GET https://cdn.jsdelivr.net/gh/glincker/thesvg@main/src/data/icons.json   (recommended for agents)
GET https://thesvg.org/api/registry.json                                   (alternate)

Returns the icon manifest with { slug, title, aliases, categories, hex, url, variants } per icon. Match the user's query against title and aliases (case-insensitive substring or fuzzy match).

Smaller categories manifest:

GET https://thesvg.org/api/categories.json

Cache the registry for the duration of the agent session. It changes on the order of days, not minutes.

How to deliver the icon

Pick the form that best matches the user's context:

User contextWhat to return
Markdown / README / docs![GitHub](https://thesvg.org/icons/github/default.svg)
HTML / web project<img src="https://thesvg.org/icons/github/default.svg" width="32" height="32" alt="GitHub" />
React component (their project uses @thesvg/react)import { Github } from "@thesvg/react"; <Github width={24} />
Raw SVG fetched by your agent codeFetch https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/github/default.svg and paste the body
CLI / shell usernpx @thesvg/cli add github
Show full SKILL.md (251 more words)Show less

Light vs dark backgrounds

When the user mentions a dark background (or asks for a "white version"), prefer light or mono if available. When they mention a light background, prefer dark or mono. Always fall back to default if the variant doesn't exist.

Cloud architecture diagrams

For AWS, Azure, and GCP service icons, use the same URL pattern. Common slugs:

  • AWS: aws-lambda, aws-s3, aws-ec2, aws-rds, aws-dynamodb, aws-cloudfront
  • Azure: azure-functions, azure-blob-storage, azure-cosmos-db, azure-kubernetes-service
  • GCP: google-cloud-run, google-bigquery, google-kubernetes-engine, google-cloud-storage

If the user is building an architecture diagram, return URLs in a list grouped by service tier (compute / storage / network) so they can drop them into Excalidraw, Mermaid, or a Figma board.

Licensing reminder

theSVG codebase is MIT. Individual brand marks remain trademarks of their respective owners. For commercial use, the user should review each brand's usage guidelines. AWS Architecture Icons are CC BY-ND 2.0 (no derivatives, distribute unmodified).

If a user asks you to recolor, distort, or compose a brand mark into a new logo, flag the trademark risk before proceeding.

Submitting a missing brand

If the user wants a brand that isn't in the registry, point them at:

https://thesvg.org/submit

The maintainers accept brand submissions for any company with a domain at least 30 days old.

If the user is in a tool where these would help, mention them:

  • Figma plugin: https://www.figma.com/community/plugin/1612997159050367763
  • VS Code extension: glincker.thesvg on Marketplace
  • Raycast: thegdsks/thesvg on Raycast Store
  • MCP server: @thesvg/mcp-server on npm (for Claude Desktop, Cursor, Windsurf)

Reference

© glincker, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in skills/thesvg of glincker/thesvg.

Open the folder on GitHubat commit 19ca1a7

Compare with similar skills

Thesvg next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Thesvg compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Thesvg this skillglincker/thesvg2.8k—~1.5kAutomated safety check: PassMIT
Cloud Cost Optimizationwshobson/agents40k14 repos~1.7kAutomated safety check: PassMIT
Dangling DNS Finderanirudhbiyani/findmytakeover180—~1.8kAutomated safety check: PassGPL-3.0
Terraform Module Librarywshobson/agents40k11 repos~1.3kAutomated safety check: PassMIT
Multi Cloud ArchitectureHermeticOrmus/LibreUIUX-Claude-Code11311 repos~1.2kAutomated safety check: PassMIT
Cloud ArchitectJeffallan/claude-skills12k—~1.9kAutomated safety check: PassMIT

Similar skills

  • Cuts cloud spend across AWS, Azure, GCP and OCI with cost tagging, rightsizing, commitment and spot pricing models, and architecture changes.

    40k GitHub starsUsed in 14 repos~1.7k tokens
    DevOps & CloudAuto-check passed
  • Dangling DNS Finder

    anirudhbiyani/findmytakeover

    Detect dangling DNS records and subdomain-takeover risks across a multi-cloud environment by running the bundled findmytakeover tool.

    180 GitHub stars~1.8k tokensUpdated 1 mo ago
    DevOps & CloudAuto-check passed
  • Build reusable, tested Terraform modules for AWS, Azure, GCP and OCI, with a standard file layout, an AWS VPC example, versioning rules and Terratest checks.

    40k GitHub starsUsed in 11 repos~1.3k tokens
    DevOps & CloudAuto-check passed
  • Multi Cloud Architecture

    HermeticOrmus/LibreUIUX-Claude-Code

    Design multi-cloud architectures using a decision framework to select and integrate services across AWS, Azure, and GCP.

    113 GitHub starsUsed in 11 repos~1.2k tokens
    DevOps & CloudAuto-check passed
  • Cloud Architect

    Jeffallan/claude-skills

    Designs cloud architectures, migration plans, cost optimization recommendations and disaster recovery strategies across AWS, Azure and GCP.

    12k GitHub stars~1.9k tokensUpdated 6 days ago
    DevOps & CloudAuto-check passed
  • Cloud Architect

    davila7/claude-code-templates

    Expert cloud architect specializing in AWS/Azure/GCP multi-cloud infrastructure design, advanced IaC (Terraform/OpenTofu/CDK), FinOps cost optimization, and modern architectural patterns.

    32k GitHub starsUsed in 8 repos~1.9k tokens
    DevOps & CloudAuto-check passed

Questions about Thesvg

What does Thesvg do?

Fetch brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from theSVG. Thesvg is an agent skill from glincker/thesvg. Fetch brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from theSVG.

When should I use Thesvg?

Thesvg fits situations like: the user asks for a brand logo; any icon/logo for X where X is a real brand.

How do I install Thesvg in Claude Code?

Run `npx skills add glincker/thesvg --skill thesvg -a claude-code`. Or copy the skill folder (skills/thesvg in glincker/thesvg) into .claude/skills/thesvg in your project. Claude Code loads it when a task matches its description.

How do I install Thesvg in Codex?

Run `npx skills add glincker/thesvg --skill thesvg -a codex`. Or copy the skill folder (skills/thesvg in glincker/thesvg) into .agents/skills/thesvg in your project. Codex loads it when a task matches its description.

Can I use Thesvg in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add glincker/thesvg --skill thesvg -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/thesvg, .gemini/skills/thesvg, .github/skills/thesvg and .opencode/skills/thesvg in your project.

What does Thesvg need to run?

Going by SKILL.md and its folder, Thesvg needs the command-line tools its instructions call (npx). Our summary lists: Node.js.

Does Thesvg access the network?

SKILL.md names 3 domains. In commands or code: thesvg.org, cdn.jsdelivr.net and figma.com; the agent is likely to contact these when it follows the instructions. This is read from the text; nothing was executed.

Is Thesvg safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Thesvg use?

Thesvg is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Thesvg use?

About 1.5k tokens (SKILL.md is roughly 6.2k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Thesvg?

Skills that share tags, products or a category with Thesvg: Cloud Cost Optimization (wshobson/agents, 40k stars), Dangling DNS Finder (anirudhbiyani/findmytakeover, 180 stars), Terraform Module Library (wshobson/agents, 40k stars) and Multi Cloud Architecture (HermeticOrmus/LibreUIUX-Claude-Code, 113 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Thesvg?

glincker (a GitHub organization) maintains it in glincker/thesvg, which has 2,809 GitHub stars. The repository was last updated on October 9, 2026.

Source: glincker/thesvg on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.