question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Minimal “icon” version of Babel logo in SVG format

See original GitHub issue

Hey y’all ♥

I often find myself wanting to mention Babel when talking about feature support. E.g.

This feature works in Chrome X, Firefox Y, Safari Z, Node.js π, and can be transpiled using Babel.

This works well in image form, since browser logos are mostly used as icons already and the Node.js icon can easily be extracted from its logo:

However, the Babel logo does not have an official icon version, and is therefore hard to combine with the above icons:

The Babel website’s favicon uses a minimal version of the Babel logo: it’s only the letter B taken from the logo. This is the perfect icon to use when referring to Babel but space is constrained!

TL;DR Can this icon be made available as a separate SVG image please? (I tried editing the Babel SVG manually, but it turns out I’m pretty bad at it.)

Issue Analytics

  • State:open
  • Created 4 years ago
  • Reactions:2
  • Comments:14 (9 by maintainers)

github_iconTop GitHub Comments

7reactions
existentialismcommented, May 21, 2019
2reactions
nikkipantonycommented, Jul 15, 2020

I was also looking around for a minimal Babel logo / icon and ended up creating this as I couldn’t find one. I’ll leave it here in case anyone would like to use it. It’s a little closer to the original logo than the above example. Babel_Icon If other sizes / formats would be useful, please let me know. 😃

SVG File: Babel_Icon.svg.zip PNG File: Babel_Icon.png.zip JPG File: Babel_Icon.jpg.zip AF (Affinity Designer) File: Babel_Icon.af.zip

Read more comments on GitHub >

github_iconTop Results From Across the Web

Babel Icon - Download in Flat Style - IconScout
Just download this Babel icon in Flat style. Available in SVG, PNG, EPS, AI, ICO and ICNS formats. Change colors, strokes, and add...
Read more >
Simple Icons
2414 Free SVG icons for popular brands. ... Simple Icons. 2414 Free SVG icons for popular brands ... vBulletin. #184D66. Vector Logo Zone...
Read more >
File:How to use icon.svg - Meta-Wiki
While the new icon is perfect symmetric, the old icon isn't. It's 8 gaps are of different widths, the topmost ones disappear. It...
Read more >
How to use SVG Icons as React Components - Robin Wieruch
If you need a starter project, head over to this Webpack + Babel + ... Next, put all your .svg icon files into...
Read more >
Creating an SVG Icon System with React - CSS-Tricks
SVG icon systems are beautifully simple and easily extendable in React, have less HTTP requests, and are easy to maintain in the future,...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found