New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More

programming-languages-logos

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

programming-languages-logos

Programming Languages Logos


Version published
Weekly downloads
140
decreased by-35.19%
Maintainers
1
Weekly downloads
 
Created


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

  • 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

FAQs

Package last updated on 01 Jan 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts