Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/abranhe/programming-languages-logos

Programming Languages Logos
https://github.com/abranhe/programming-languages-logos

design logos png programming-language programming-languages programming-languages-logos svg

Last synced: about 5 hours ago
JSON representation

Programming Languages Logos

Awesome Lists containing this project

README

        




List of programming languages logos









programming gif




High Resolution Programming Languages Logos




languages.abranhe.com










Using React?


**Programming languages** are the way we developers talk with the machine, but what happens when we want to talk about them? Probably in a blog post, in a Medium story, in a presentation, or 🤔 well something else ..., **the thing** is that we want to include them in our life and the best way to do it is with a logo.

Some programming languages logos

This project include high resolution `.png` with transparent backgrounds programming languages logos with different dimensions and also a vector `.svg` version of them.

A complete list of the logos can be found int the [`src/`](https://github.com/abrahamcalf/programming-languages-logos/blob/master/src) directory or in the [`src/languages.json`](https://github.com/abrahamcalf/programming-languages-logos/blob/master/src/languages.json) file.

##### Dimensions

- `16 x 16`
- `24 x 24`
- `32 x 32`
- `48 x 48`
- `64 x 64`
- `128 x 128`
- `512 x 512`

Default logo: `2048 x 2048`

What to help? Start by reading the [contributing guidelines](https://github.com/abrahamcalf/programming-languages-logos/blob/master/.github/contributing.md).

## Usage

###### All logos

```
$ npm install programming-languages-logos
```

You can then import the logos from `./node_modules/programming-languages-logos`.

###### Example:

```js
import swift from 'programming-languages-logos/src/swift/swift.svg'
```

Use the hosted version on
[**jsdelivr**](https://www.jsdelivr.com/package/npm/programming-languages-logos).

###### Example:

```html

```

Otherwise [download the zip](https://github.com/abrahamcalf/programming-languages-logos/releases/latest) from the Github releases.

We have created a simple way to use those logos in your **HTML**. First include the library & then include the `` where you want it and that's it!

```html

```

*Usage*

```html






```

*Result*

example

Search logos on [languages.abranhe.com](https://languages.abranhe.com).

###### Individual logos

```
$ npm install @programming-languages-logos/
```

Example: (Java)

*I recommend to install it as a developer dependency*: `--save-dev`

```
$ npm install @programming-languages-logos/java --save-dev
```

### Credits

Mainly inspired by [Browser logos](https://github.com/alrra/browser-logos/). I would be imposible

### Related

- [browser-logos](https://github.com/alrra/browser-logos/): 🗂 High resolution web browser logos.
- [react-pll](https://github.com/react-pll): (`react-programming-languages-logos`) A Programming Language Logo component for React.

### License

**All logos and trademarks are the property of their respective owners!**

If you represent the entity that has the rights over a logo and you
want, for whatever reason, that logo removed from this project,
[open an issue](https://github.com/abrahamcalf/programming-languages-logos/issues/new)
requesting its takedown and we will remove it as soon as possible.

[MIT](https://github.com/abrahamcalf/programming-languages-logos/blob/master/license) License © [Carlos Abraham](https://github.com/abrahamcalf)