Skip to content
LogoHub
Dev & Toolsturbopack-icon-lightDark Variant

Turbopack

Official Turbopack (turbopack-icon-light) vector logo in the Dev & Tools category. Download lossless SVG and a 1024px transparent PNG.

Turbopack Logo
Dedicated official dark-mode SVG variant available

Brand Color Palette

Click swatch to copy HEX

Download

Download SVG Vector FilePNG
Download all as ZIPDownload Wordmark SVG Variant
ADChatGPT Plus·Official Shared & Dedicated Plans · Instant Access to GPT-6.1 Sol / Deep Research
Code 6666888 · 5% OFF
ADNetflix 4K·Dedicated Profile · Private PIN Lock · All Devices Supported
Code 6666888 · 5% OFF
Vector Format
SVG · 1:1
Raster Export
1024 × 1024 px
SVG viewBox
0 0 100 100
File Size / Nodes
1.4 KB · 4 paths
Official Site
https://nextjs.org/docs/app/api-reference/turbopack

Edit & Export

Recolor, add a background or padding, then export. Everything runs locally in your browser.

Colors

Background

Format
Size

SVG, PNG 16–2048px, JPG, WebP, ICO and a favicon setTurbopack.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
Turbopack (turbopack-icon-light)
Industry Category
Dev & Tools
Primary Color (HEX / RGB / HSL)
#0096FFrgb(0, 150, 255) · hsl(205, 100%, 50%)
WCAG Surface Contrast
Light 3.1:1 · Dark 6.4:1

Inline SVG Code Snippet

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 100 100"><path fill="#000" fill-rule="evenodd" d="M38.687 36.698c-1.131 0-2.048.917-2.048 2.048V61.52c0 1.131.917 2.048 2.048 2.048H61.46c1.13 0 2.048-.917 2.048-2.048V38.746c0-1.13-.917-2.048-2.048-2.048H38.687ZM22.259 20.443c-1.036 0-1.876.84-1.876 1.875v55.63c0 1.036.84 1.876 1.876 1.876h55.63c1.036 0 1.875-.84 1.875-1.876v-55.63c0-1.036-.84-1.875-1.875-1.875h-55.63Z" clip-rule="evenodd"/><path fill="url(#a)" d="M0 51.064v36.17c0 2.427.677 4.696 1.853 6.627l13.04-13.04V51.064H0Z"/><path fill="url(#b)" d="m5.946 98.028 12.93-12.93c.09.005.181.008.273.008H47.64V100H12.766c-2.508 0-4.847-.723-6.82-1.972Z"/><path fill="url(#c)" d="M53.481 100h33.753C94.284 100 100 94.284 100 87.234V12.766C100 5.716 94.284 0 87.234 0h-36.17v14.894H80.85a4.255 4.255 0 0 1 4.255 4.255V80.85a4.255 4.255 0 0 1-4.255 4.255h-27.37V100Z"/><defs><linearGradient id="a" x1="54.917" x2="5.699" y1="7.031" y2="55.915" gradientUnits="userSpaceOnUse"><stop stop-color="#0096FF"/><stop offset="1" stop-color="#FF1E56"/></linearGradient><linearGradient id="b" x1="54.917" x2="5.699" y1="7.031" y2="55.915" gradientUnits="userSpaceOnUse"><stop stop-color="#0096FF"/><stop offset="1" stop-color="#FF1E56"/></linearGradient><linearGradient id="c" x1="54.917" x2="5.699" y1="7.031" y2="55.915" gradientUnits="userSpaceOnUse"><stop stop-color="#0096FF"/><stop offset="1" stop-color="#FF1E56"/></linearGradient></defs></svg>

Engineering & Layout Guidelines

  • Maintain the native 1:1 aspect ratio (viewBox "0 0 100 100") without non-uniform stretching.
  • Preserve at least 20% clear space around the emblem bounding box.
  • Contains vector gradients; avoid overriding paths with flat CSS fill: currentColor.

Related Brand Logos

View All in Category
Action completed