Guri Singh@heygurisingh
🚨BREAKING: Someone open sourced a tech icon library that makes every other SVG pack look broken.
It's called Developer Icons. And it's not just another logo collection.
It's a fully-typed React component library with customizable, perfectly scalable SVGs for every major framework, language, and tool you actually use.
Here's what makes it different:
→ Every icon ships as a typed React component (HtmlIcon, JavascriptIcon, ReactIcon, etc.)
→ Customize size, color, stroke width, and style with standard SVG props
→ Optimized with SVGO so file sizes stay microscopic without losing quality
→ Light mode, dark mode, and wordmark variants built in for every brand
→ Consistent design rules across the entire set (no more mismatched stroke widths)
→ Works in React, Next.js, Astro, or download raw SVGs for Figma
→ Install with one command: `npm i developer-icons`
→ Zero config. Import the icon, drop it in your JSX, done.
Here's the wild part:
Most devs waste 20 minutes hunting for a clean Postgres logo, then another 10 resizing it so it doesn't look blurry next to the Tailwind one.
Developer Icons pre-solves that entire problem. Every icon follows the same design system, same optimization pipeline, same component API.
Drop in 15 tech logos on your portfolio -- they all look like they belong together.
import { HtmlIcon, JavascriptIcon } from "developer-icons";
That's it. Fully typed. Fully scalable. MIT licensed.
Built with Astro, React, TypeScript, Tailwind, and Vite. 17 contributors. 40 releases shipped.
100% Open Source.
(Link in the comments)
