# developer-icons

A curated collection of tech and developer logo icons shipped as optimized SVG components for React, Next.js, and TypeScript projects. Each icon is compressed with SVGO for minimal file size while staying crisp at any resolution. The library also offers direct SVG downloads from its [website](https://xandemon.github.io/developer-icons) for use in design tools like Figma.

## How it works

Icons live as individual SVG files in the repo. A build pipeline runs SVGO for optimization and SVGSON for SVG-to-JSON conversion, then generates named React components that get published to npm. The website itself is built with Astro and Tailwind CSS, serving as both documentation and a browsable icon gallery.

The design language is inspired by [Lucide](https://lucide.dev/) — all icons follow predefined style rules for consistent weight and spacing across the set. Variants include light/dark mode versions and wordmark alternatives.

## Usage

Install from npm:

```bash
npm i developer-icons
```

Import named components:

```tsx
import { ReactIcon, TypeScriptIcon, GoIcon } from "developer-icons";

export default function TechStack() {
  return (
    <div>
      <ReactIcon size={48} />
      <TypeScriptIcon size={48} />
      <GoIcon size={48} />
    </div>
  );
}
```

Components accept props for `size`, `color`, and `strokeWidth`.

## Limitations

- React/Next.js only — no Vue, Svelte, or framework-agnostic web component exports
- Icon set is community-contributed, so coverage of niche technologies varies

1,900+ stars · MIT license · [github.com/xandemon/developer-icons](https://github.com/xandemon/developer-icons)