What is skill-icons?

tandpfun/skill-icons — explained in plain English

Analysis updated 2026-06-24

★ 12,310SVGAudience · developerComplexity · 1/5Setup · easy

Mindmap

mindmap
  root((skill-icons))
    How it works
      URL-based API
      SVG output
      Cloudflare Workers
    Options
      Dark and light themes
      Icons per row
      Center alignment
    Icon types
      Languages
      Frameworks
      Cloud platforms
      Dev tools
    Audience
      Developers
      Students

mindmap root((skill-icons)) How it works URL-based API SVG output Cloudflare Workers Options Dark and light themes Icons per row Center alignment Icon types Languages Frameworks Cloud platforms Dev tools Audience Developers Students

Click or tap to explore — scroll the page freely

What do people build with it?

USE CASE 1

Add a row of programming language and framework icons to your GitHub profile README with a single image link.

USE CASE 2

Display your tech stack on a resume or portfolio page without manually downloading and hosting icon files.

USE CASE 3

Switch between dark and light icon themes to match your profile or page background color.

What is it built with?

SVGCloudflare Workers

How does it compare?

	tandpfun/skill-icons	n3r4zzurr0/svg-spinners	gilbarbara/logos
Stars	12,310	6,964	6,730
Language	SVG	SVG	SVG
Setup difficulty	easy	easy	easy
Complexity	1/5	1/5	1/5
Audience	developer	developer	designer

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

So what is it?

Skill Icons is a web service that generates icon images for your GitHub profile README or resume. Instead of hunting down individual logo files for each technology you know, you add a single image link to your README that lists the tools you want, and the service assembles them into a clean row of icons automatically. The way it works is straightforward: you construct a URL such as https://skillicons.dev/icons?i=js,html,css where the part after ?i= is a comma-separated list of technology short names. The service returns an SVG image containing all those icons, which Markdown renders inline. You can control how many icons appear per row (the default is 15, with a maximum of 50), choose between a dark or light background theme, and center the row using standard HTML image alignment. The icon collection covers a broad range of tools: programming languages like Python, JavaScript, Rust, and Go, frameworks like React, Vue, Django, and Flutter, cloud platforms like AWS, Azure, and Google Cloud, databases, editors, design tools, operating systems, and more. Many icons have separate dark and light themed variants for cases where the background color affects readability. New icons are not accepted via pull requests. If you want a technology added that is not yet on the list, the README asks you to open a GitHub issue to request it instead. The service runs on Cloudflare Workers and is free to use with no signup required.

Copy-paste prompts

Prompt 1

Generate a skill-icons URL that shows Python, JavaScript, React, PostgreSQL, and Docker icons in a dark theme.

Prompt 2

Show me how to add a skill-icons image to my GitHub profile README with a centered layout and 5 icons per row.

Prompt 3

I use Vue, Node.js, AWS, and MongoDB, give me the skill-icons embed code for my portfolio page.

Frequently asked questions