programming-languages-logos

Programming Languages Logos

Usage no npm install needed!

<script type="module">
  import programmingLanguagesLogos from 'https://cdn.skypack.dev/programming-languages-logos';
</script>

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/ 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

example

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

Related

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

MIT License © Carlos Abraham