Programming-languages-logos NPM

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.

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/ directory or in the 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.

Usage

All logos

$ npm install programming-languages-logos

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

Example:

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

Use the hosted version on jsdelivr.

Example:

<img src="https://cdn.jsdelivr.net/npm/programming-languages-logos/src/javascript/javascript.png" height="100">

Otherwise download the zip from the Github releases.

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!

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

Usage

<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

Search logos on 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. I would be imposible

browser-logos: 🗂 High resolution web browser logos.
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 requesting its takedown and we will remove it as soon as possible.