Skip to content
Social MediaDark Variant

Mashable

Official Mashable vector logo in the Social Media category. Download lossless SVG and a 1024px transparent PNG.

Mashable 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
514 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 setMashable.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
Mashable
Industry Category
Social Media
Primary Color (HEX / RGB / HSL)
#3B82F6rgb(59, 130, 246) · hsl(217, 91%, 60%)
WCAG Surface Contrast
Light 3.7:1 · Dark 5.4:1

Inline SVG Code Snippet

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M221.7 364.6 61.1 499.4H30.8l160.3-134.9h30.6zm27 0L88.4 499.4h30.2l160.6-134.9h-30.5zm-88.3-23.2V12.6L0 147.1v352.3l160.4-134.6zm115.1-154.3 42 72.6 7.5 12.9h22.1l9.7-16.8 39.8-68.7V290h50.6V86.3h-50.7L336 190.8 275.6 86.3h-50.7V290h50.6zm148.3 177.5L263.5 499.4h30.2l160.6-134.9h-30.5zm-116.7 0L146.9 499.4h30.2l160.6-134.9h-30.6zm174.3 0L321.1 499.4h30.2L512 364.6zm-116.7 0L204.5 499.4h30.2l160.6-134.9h-30.6z"/></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