Babel logo

1 style v1.3.0

Babel is the JavaScript compiler that transforms modern JavaScript, TypeScript and JSX into code that runs in older browsers and environments, with plugins and presets.

Also known as Babel.js, BabelJS, @babel/core, 6to5

javascriptcompilertranspilerbuild toolsopen source

Looks better on a dark background

Preview
|
Usage
Install
npm i @dev.icons/react
Import
import { Babel } from "@dev.icons/react";
Render
<Babel size={32} />

Using an AI agent? Ask the Devicons MCP server for babel, or fetch its JSON from the Icons API.

The Babel logo is the word “BABEL” in yellow (#F9DC3E) hand-brushed capitals, with rough edges and drips like paint strokes. The project launched in 2014 as 6to5 and was renamed Babel in 2015.

The yellow letters have little contrast on white, so place the logo on a dark background or use the monochrome version on light ones.

Use Babel in JavaScript build pipeline diagrams, transpiler and bundler comparisons, browser support docs and babel.config.js or .babelrc file icons. It pairs naturally with webpack, TypeScript, React, SWC and ESLint.

Related icons