# Developer Icons Reference
# Source: https://github.com/xandemon/developer-icons
# Usage: Use these icon identifiers in UI/UX agent output for tech stack visualization.

## How to Use in Agent Output
When generating UI mockups, landing pages, or documentation, reference icons using the format:
- `icon:React` → React logo
- `icon:Node.js` → Node.js logo
- `icon:TailwindCSS` → Tailwind CSS logo

Icons are SVG-based, fully scalable, and support color customization via standard SVG fill/stroke.

## Icon Categories & Full Catalog

### LANGUAGES & RUNTIMES
| Icon Name | SVG File |
|-----------|----------|
| C | `c.svg` |
| C++ | `c-plus-plus.svg` |
| C# | `c-sharp.svg` |
| CSS | `css.svg` |
| Dart | `dart.svg` |
| Elixir | `elixir.svg` |
| Erlang | `erlang.svg` |
| Go | `go.svg` |
| HTML | `html.svg` |
| JavaScript | `javascript.svg` |
| Kotlin | `kotlin.svg` |
| Lua | `lua.svg` |
| PHP | `php.svg` |
| Python | `python.svg` |
| Ruby | `ruby.svg` |
| Rust | `rust.svg` |
| Scala | `scala.svg` |
| Swift | `swift.svg` |
| TypeScript | `typescript.svg` |
| Zig | `zig.svg` |

### FRAMEWORKS & LIBRARIES
| Icon Name | SVG File |
|-----------|----------|
| Angular | `angular.svg` |
| Astro | `astro.svg` |
| Backbone.js | `backbonejs.svg` |
| Bootstrap 4 | `bootstrap4.svg` |
| Bootstrap 5 | `bootstrap5.svg` |
| Bulma UI | `bulmaui.svg` |
| CakePHP | `cakephp.svg` |
| Chakra UI | `chakraui.svg` |
| CodeIgniter | `codeigniter.svg` |
| Django | `django.svg` |
| Doctrine | `doctrine.svg` |
| Element UI | `elementui.svg` |
| Ember | `ember.svg` |
| Express.js | `expressjs-dark.svg`, `expressjs-light.svg` |
| FastAPI | `fast-api.svg` |
| Flask | `flask-dark.svg`, `flask-light.svg` |
| Flutter | `flutter.svg` |
| Laravel | `laravel.svg` |
| Next.js | `nextjs.svg` |
| Nuxt | `nuxt.svg` |
| React | `react.svg` |
| Remix | `remix.svg` |
| Ruby on Rails | `ruby-on-rails.svg` |
| Solid.js | `solidjs.svg` |
| Spring | `spring.svg` |
| Svelte | `svelte.svg` |
| Tailwind CSS | `tailwindcss.svg` |
| Vue.js | `vuejs.svg` |

### RUNTIMES & BUILD TOOLS
| Icon Name | SVG File |
|-----------|----------|
| Bun.js | `bunjs.svg` |
| Deno | `deno.svg` |
| Deno Fresh | `deno-fresh.svg` |
| esbuild | `esbuild.svg` |
| Node.js | `nodejs.svg` |
| Vite | `vite.svg` |
| Webpack | `webpack.svg` |

### DATABASES
| Icon Name | SVG File |
|-----------|----------|
| CassandraDB | `cassandradb.svg` |
| ClickHouse | `clickhouse.svg` |
| Convex | `convex.svg` |
| FaunaDB | `faunadb.svg` |
| MongoDB | `mongodb.svg` |
| MySQL | `mysql.svg` |
| PostgreSQL | `postgresql.svg` |
| Prisma | `prisma.svg` |
| Redis | `redis.svg` |
| SQLite | `sqlite.svg` |
| Supabase | `supabase.svg` |

### CLOUD & INFRASTRUCTURE
| Icon Name | SVG File |
|-----------|----------|
| AWS | `aws.svg` |
| Azure | `azure.svg` |
| Cloudflare | `cloudflare.svg` |
| DigitalOcean | `digitalocean.svg` |
| Docker | `docker.svg` |
| EC2 | `ec2.svg` |
| Fly.io | `flyio.svg` |
| HashiCorp | `hashicorp.svg` |
| Kubernetes | `kubernetes.svg` |
| Terraform | `terraform.svg` |
| Vercel | `vercel.svg` |

### AI & ML
| Icon Name | SVG File |
|-----------|----------|
| Anthropic | `anthropic.svg` |
| Claude AI | `claude-ai.svg` |
| ChatGPT | `chatgpt.svg` |
| DeepSeek | `deepseek.svg` |
| ElevenLabs | `elevenlabs.svg` |
| Gemini | `gemini.svg` |
| Hugging Face | `huggingface.svg` |
| Mistral AI | `mistralai.svg` |
| Ollama | `ollama.svg` |
| OpenAI | `openai.svg` |
| Replicate | `replicate.svg` |

### DEV TOOLS & PLATFORMS
| Icon Name | SVG File |
|-----------|----------|
| CircleCI | `circleci.svg` |
| Clerk | `clerk.svg` |
| Copilot | `copilot.svg` |
| Cursor | `cursor.svg` |
| Datadog | `datadog.svg` |
| Discord | `discord.svg` |
| Expo | `expo.svg` |
| Figma | `figma.svg` |
| Firebase | `firebase.svg` |
| GitHub | `github.svg` |
| GitLab | `gitlab.svg` |
| GraphQL | `graphql.svg` |
| Jest | `jest.svg` |
| Linear | `linear.svg` |
| Lovable | `lovable.svg` |
| Mintlify | `mintlify.svg` |
| PostHog | `posthog.svg` |
| Postman | `postman.svg` |
| Raycast | `raycast.svg` |
| Resend | `resend.svg` |
| Sentry | `sentry.svg` |
| Stripe | `stripe.svg` |
| tRPC | `trpc.svg` |
| Webflow | `webflow.svg` |
| Zapier | `zapier.svg` |

### BROWSERS
| Icon Name | SVG File |
|-----------|----------|
| Arc | `arc.svg` |
| Brave | `brave.svg` |
| Chrome | `chrome.svg` |
| Chromium | `chromium.svg` |
| Edge | `edge.svg` |
| Firefox | `firefox.svg` |
| Safari | `safari.svg` |

### SOCIAL & BRAND
| Icon Name | SVG File |
|-----------|----------|
| Apple | `apple.svg`, `apple-dark.svg`, `apple-light.svg` |
| Facebook | `facebook.svg` |
| Bluesky | `bluesky.svg` |
| Canva | `canva.svg` |
| Framer | `framer.svg`, `framer-dark.svg` |
| Intercom | `intercom.svg` |
| Notion | `notion.svg` |
| Pinterest | `pinterest.svg` |

### UTILITIES & TESTING
| Icon Name | SVG File |
|-----------|----------|
| Ava.js | `avajs.svg` |
| Biome | `biome.svg` |
| Babel | `babel.svg` |
| Cypress | `cypress.svg` |
| Electron | `electron.svg` |
| ESLint | `eslint.svg` |
| Playwright | `playwright.svg` |
| SVGO | `svgo.svg` |

## Icon Usage Guidelines
- Always reference by icon name, not SVG filename, in agent output
- Icons should be displayed at 16px-48px depending on context
- Use monochrome (currentColor) for inline text integration
- Use full-color for tech stack grids and landing page sections
- Maintain consistent sizing within each usage context
- Dark/light variants available where noted (Express, Flask, Apple, Anthropic, Framer)