Developer Icons

Twenty-four exact SVGs from the production 332-icon catalog, embedded inline so their coordinate systems, paints, and visual density stay inspectable.

A catalog is a system

The upstream project ships an Astro-built browser for technology marks. Each record combines a stable id, product name, asset path, categories, search keywords, and the owner’s canonical URL. The production UI renders each SVG at 50×50 while preserving its own viewBox.

This slice keeps the original vector geometry and colors, but moves the search and categories into a tiny dependency-free controller. Try a product, language, or discipline below.

Source repo: developer-icons
Production catalog: 332 SVG icons
Embedded here: 24 exact inline SVGs
License: MIT, Sandesh Katwal

React Frontend

TypeScript Languages

JavaScript Languages

Python Languages

Go Languages

Rust Dark Languages

Node.js Backend

Deno Build-Tools

SvelteJS Frontend

Astro Frontend

Vue.js Frontend

ViteJS Build-Tools

Docker DevOps

Kubernetes DevOps

Git Productivity

GitHub Dark Productivity

PostgreSQL Database

Redis Database

MongoDB Database

Figma Design

Cloudflare Others

OpenAI Companies

Tailwind CSS Frontend

WebAssembly Others

No icons match that search and category.

How the production browser is built

The prebuilt site carries 332 metadata objects into one hydrated icon-list component. Search matches both the human name and keyword array; category pages reuse the same catalog with a preselected facet. The SVG component registry keeps names stable while each asset keeps the coordinate system its logo needs.

That last part matters: a grid can normalize the display box without rewriting every viewBox. A wide wordmark, a compact glyph, and a detailed mascot can occupy the same card while their path data stays source-faithful.

Production idea: normalize the contract around an icon—id, name, category, keywords, display size—not the artwork inside it.