Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/yceballost/logotypes

An open-source project that offers a wide range of logos for your projects through an API.
https://github.com/yceballost/logotypes

api logos logotypes

Last synced: about 2 months ago
JSON representation

An open-source project that offers a wide range of logos for your projects through an API.

Awesome Lists containing this project

README

        

# Logotypes.dev

An open-source project that offers a wide range of logos for your projects through an API.

https://logotypes.dev

## Usage

**Random logo**

```
https://www.logotypes.dev/random
```

**Random logo with defined props**

     
     

```
https://www.logotypes.dev/random?variant=glyph
https://www.logotypes.dev/random?version=black
https://www.logotypes.dev/random?variant=wordmark&version=black
```

**By logo name**

```
https://www.logotypes.dev/spotify
```

**By logo name with defined props**

     

```
https://www.logotypes.dev/airbnb?variant=wordmark
https://www.logotypes.dev/airbnb?version=black
https://www.logotypes.dev/airbnb?variant=wordmark&version=black
```

## Data

You can also access the raw data in a different ways

**All data**

```
https://www.logotypes.dev/all
```

**Random data**

```
https://www.logotypes.dev/random/data
https://www.logotypes.dev/random/data?variant=wordmark
https://www.logotypes.dev/random/data?version=black
https://www.logotypes.dev/random/data?variant=wordmark&version=black
```

**Specific data**

```
https://www.logotypes.dev/spotify/data
```

## Contribution

Help me enhance this project by adding brand logotypes. Your contributions to open-source initiative will contribute to a more comprehensive collection of logos. Join it in making this project complete by incorporating logos from various brands. Together, let's create a valuable resource for designers and developers worldwide.

I have tried to conceive this project from pure simplicity, from development to the contribution model.

### Adding new logotypes as a designer

1. The file names must follow a specific structure.

I have created a naming structure for the files that automatically generates the API.

`logoName-variant-version.svg`

variant: `wordmark` / `glyph`
version: `color` / `black` / `white`

For example: `nike-wordmark-black.svg`

2. Simply make a pull request including the logos in the [static/logos](static/logos) folder with the correct naming structure and in .svg format, and you're good to go!

### Improving the project as a developer

This project has been built by an inexperienced designer in coding and assisted by ChatGPT. (😬). Please feel free to enhance or add any features to this project by submitting a pull request (PR). I welcome your contributions and appreciate any improvements you can make.

## FAQs

### When to use wordmark or glyph in variants?

| Example | Type | Description |
| :---------------------------------------------------------------------: | -------- | --------------------------------------------------- |
| | Wordmark | a logo format that is made up of a symbol and text. |
| | Glyph | consists of only one symbol or drawing. |