Skip to content
Dev & ToolsDark Variant

TypeType

Official TypeType vector logo in the Dev & Tools category. Download lossless SVG and a 1024px transparent PNG.

TypeType Logo
Dedicated official dark-mode SVG variant available

Brand Color Palette

Click swatch to copy HEX
Single-Color SpecificationThis logo uses a single official primary color; preserve its hue and contrast in layout.

Download

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 512 512
File Size / Nodes
664 B · 1 paths

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 setTypeType.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
TypeType
Industry Category
Dev & Tools
Primary Color (HEX / RGB / HSL)
#EF4444rgb(239, 68, 68) · hsl(0, 84%, 60%)
WCAG Surface Contrast
Light 3.8:1 · Dark 5.3:1

Inline SVG Code Snippet

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M472.6 128H303.5L388 43.5c7.7-7.7 7.7-20.2 0-27.8-7.7-7.7-20.2-7.7-27.9 0L256 119.8 151.8 15.6c-7.7-7.7-20.2-7.7-27.8 0-7.7 7.7-7.7 20.2 0 27.8l84.5 84.5H39.4C17.7 128 0 145.7 0 167.4v295.4c0 21.7 17.7 39.4 39.4 39.4h433.2c21.7 0 39.4-17.7 39.4-39.4V167.4c0-21.7-17.7-39.4-39.4-39.4M39.4 167.4h256v295.4h-256zm433.2 295.4H334.8V167.4h137.8zM374.2 256c0-16.3 13.2-29.5 29.5-29.5s29.5 13.2 29.5 29.5-13.2 29.5-29.5 29.5-29.5-13.2-29.5-29.5m59 118.2c0 16.3-13.2 29.5-29.5 29.5s-29.5-13.2-29.5-29.5 13.2-29.5 29.5-29.5c16.3-.1 29.5 13.1 29.5 29.5" style="fill:#ef4444"/></svg>

Engineering & Layout Guidelines

  • Maintain the native 1:1 aspect ratio (viewBox "0 0 512 512") without non-uniform stretching.
  • Preserve at least 20% clear space around the emblem bounding box.
  • Solid vector paths; supports direct inline <svg> embedding or <img> rendering.
View All in Category
Action completed