logos
Install in Figma

Documentation

A free, open collection of 15,000+ SVG brand logos — usable from the website, a tiny JSON API, or directly inside Figma.

Using the website

Logos manifest (API)

Every build regenerates assets/logos.json — a single file listing every logo with its category. Build anything on top of it.

GET https://cdn.jsdelivr.net/gh/rakibulism/brands-logo@master/assets/logos.json

{
  "count": 15014,
  "rawBase": "https://cdn.jsdelivr.net/gh/rakibulism/brands-logo@master/logos/",
  "categories": [ { "key": "ai", "name": "AI & Machine Learning", "count": 142 }, ... ],
  "logos": [ { "n": "react", "c": "fw", "w": false }, ... ]
}

Fetch any logo's SVG by joining rawBase + name + .svg:

const m = await (await fetch(MANIFEST_URL)).json();
const svg = await (await fetch(m.rawBase + "react.svg")).text();

Figma plugin

The Brands Logo plugin brings the whole library into Figma and stays in sync with this repo automatically.

Search & insertFind a brand and drop the SVG onto the canvas.
Replace in placeSwap the selected layer while keeping its position and bounds.
ResizeEdit width × height with an aspect-ratio lock and apply.
Auto-size readoutSelecting any layer reflects its live dimensions.
AppearanceLight, Dark, or follow Figma's theme — under settings.
DensityCompact, Default, or Large grid — under settings.

Install the plugin

From the Figma Community

Once published, use the Install in Figma button in the header. (The link currently points to a placeholder until the plugin is live.)

Run it locally (development)

  1. Clone the repo and open the Figma desktop app.
  2. Menu → Plugins → Development → Import plugin from manifest…
  3. Select figma-plugin/manifest.json.
  4. Run it from Plugins → Development → Brands Logo.

Contributing

Add a logo by dropping an optimized SVG into logos/, declaring its category in scripts/gen.py, and regenerating. Full steps are in CONTRIBUTING.md.