# alrra/browser-logos architecture

> Architecture diagram of the GitHub repository alrra/browser-logos, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-26). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/alrra/browser-logos
- Repository: https://github.com/alrra/browser-logos

## Overview

Browser Logos is a static collection of high-resolution browser logo assets, not an application with runtime code. The principal user workflow is to choose an active or archived logo and obtain it individually or as part of the full collection. The README documents npm, cdnjs, and a downloadable ZIP; the tree shows per-logo package metadata but not the image files themselves, so asset-level packaging links are not inferred.

Main entry points: [`src`](https://github.com/alrra/browser-logos/tree/main/src) (Current logos), [`src/archive`](https://github.com/alrra/browser-logos/tree/main/src/archive) (Archived logos), [`src/chrome/package.json`](https://github.com/alrra/browser-logos/blob/main/src/chrome/package.json) (Chrome package metadata), [`src/archive/chrome_12-48/package.json`](https://github.com/alrra/browser-logos/blob/main/src/archive/chrome_12-48/package.json) (Legacy package metadata)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_catalog["Logo catalog"]
  node_active["Current logos"]
  node_archive["Archived logos"]
  node_chrome_package["Chrome package metadata<br/>[package.json]"]
  node_archive_package["Legacy package metadata<br/>[package.json]"]
end

subgraph group_distribution["Distribution"]
  node_npm["npm"]
  node_cdnjs["cdnjs"]
  node_zip["Full ZIP"]
end

node_user(("Logo user"))

node_user -->|"installs individually"| node_npm
node_user -->|"gets logos"| node_cdnjs
node_user -->|"downloads all"| node_zip
node_user -->|"browses current"| node_active
node_user -->|"browses older"| node_archive
node_npm -->|"distributes package"| node_chrome_package
node_npm -->|"distributes package"| node_archive_package

click node_active "https://github.com/alrra/browser-logos/tree/main/src"
click node_archive "https://github.com/alrra/browser-logos/tree/main/src/archive"
click node_chrome_package "https://github.com/alrra/browser-logos/blob/main/src/chrome/package.json"
click node_archive_package "https://github.com/alrra/browser-logos/blob/main/src/archive/chrome_12-48/package.json"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_active,node_archive,node_chrome_package,node_archive_package,node_user toneBlue
class node_npm,node_cdnjs,node_zip toneAmber
```

## Components

### Logo catalog

- [Current logos](https://github.com/alrra/browser-logos/tree/main/src): `src`
- [Archived logos](https://github.com/alrra/browser-logos/tree/main/src/archive): `src/archive`
- [Chrome package metadata](https://github.com/alrra/browser-logos/blob/main/src/chrome/package.json): `src/chrome/package.json`
- [Legacy package metadata](https://github.com/alrra/browser-logos/blob/main/src/archive/chrome_12-48/package.json): `src/archive/chrome_12-48/package.json`

### Distribution

- **npm**
- **cdnjs**
- **Full ZIP**

### Other components

- **Logo user**

## Connections

- Logo user → npm: installs individually
- Logo user → cdnjs: gets logos
- Logo user → Full ZIP: downloads all
- Logo user → Current logos: browses current
- Logo user → Archived logos: browses older
- npm → Chrome package metadata: distributes package
- npm → Legacy package metadata: distributes package