<p align="center">
    <br>
    <img src="src/programming-languages.gif" alt="List of programming languages logos">
    <br>
    <br>
    <br>
    <br>
    <img src="https://cdn.abranhe.com/projects/porgramming-languages-logos/logo.svg" alt="programming gif">
    <br>
    <br>
    <b>High resolution programming languages logos</b>
    <br>
    <br>
    <a href="https://languages.abranhe.com"><code>languages.abranhe.com</code></a>
</p>

<p align="center">
    <a href="https://github.com/abranhe/porgramming-languages-logos"><img src="https://img.shields.io/npm/v/programming-languages-logos.svg?logo=npm" /></a>
	<a href="https://travis-ci.org/abranhe/programming-languages-logos"><img src="https://img.shields.io/travis/abranhe/programming-languages-logos.svg?logo=travis&branch=master" /></a>
	<a href="https://github.com/abranhe/programming-languages-logos/blob/master/license"><img src="https://img.shields.io/github/license/abranhe/programming-languages-logos.svg" /></a>
	<a href="https://github.com/abranhe"><img src="https://abranhe.com/badge.svg"></a>
    <a href="https://github.com/abranhe/programming-languages-logos"><img src="https://img.shields.io/github/repo-size/abranhe/programming-languages-logos.svg"></a>
    <br>
    <br>
    <br>
</p>

**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.

<img src="src/programming-languages.png" alt="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/`][src] directory.

##### 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][contributing].

## Usage

###### All logos

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

You can then import the badges from `./node_modules/programming-languages-logos`, for example `./node_modules/programming-languages-logos/src/c/c.svg`.

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

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

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

```html
<link href="https://languages.abranhe.com/logos.css" rel="stylesheet">
```

*Usage*

```html
<i class="programming lang-ruby"></i>
<i class="programming lang-javascript"></i>
<i class="programming lang-cpp"></i>
<i class="programming lang-typescript"></i>
<i class="programming lang-python"></i>
<i class="programming lang-kotlyn"></i>
```

*Result*

<img src="https://cdn.abranhe.com/projects/programming-languages-logos-site/example.png" alt="example" width="50%">

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

###### Individual logos

```
$ npm install @programming-languages-logos/<logo>
```

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][browser-logos]. I would be imposible

### Related

- [browser-logos][browser-logos]: 🗂 High resolution web browser logos.

### Team

|[![Carlos Abraham Logo][abranhe-img]][abranhe]|
| :-: |
| [Carlos Abraham][abranhe] |

### 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][repo-issues]
requesting its takedown and we will remove it as soon as possible.

[MIT][license] License © [Carlos Abraham][abranhe]

<!------------- Some links ----------------->
[abranhe]: https://github.com/abranhe
[abranhe-img]: https://avatars3.githubusercontent.com/u/21347264?s=50
[repo]: https://github.com/abranhe/programming-languages-logos
[repo-issues]: https://github.com/abranhe/programming-languages-logos/issues/new
[license]: https://github.com/abranhe/programming-languages-logos/blob/master/license
[browser-logos]: https://github.com/alrra/browser-logos/
[src]: https://github.com/abranhe/programming-languages-logos/blob/master/src/readme.md#readme
[contributing]: https://github.com/abranhe/programming-languages-logos/blob/master/.github/contributing.md
