Skip to content

Front

Official Front vector logo in the Enterprises category. Download lossless SVG and a 1024px transparent PNG.

Front Logo

Brand Color Palette

Click swatch to copy HEX

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 950 950
File Size / Nodes
1.1 KB · 4 paths
Official Site
https://front.com

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

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
Front
Industry Category
Enterprises
Primary Color (HEX / RGB / HSL)
#FF0057rgb(255, 0, 87) · hsl(340, 100%, 50%)
WCAG Surface Contrast
Light 3.9:1 · Dark 5.1:1

Inline SVG Code Snippet

<svg width="950" height="950" viewBox="0 0 950 950" fill="none" xmlns="http://www.w3.org/2000/svg">
  <circle cx="475" cy="475" r="425" fill="white"/>
  <path d="M308 308.2C308 262.25 345.25 225 391.2 225H658V343.4C658 366.375 639.375 385 616.4 385H508C485.909 385 468 402.909 468 425V683.4C468 706.375 449.375 725 426.4 725H308V308.2Z" fill="#001B38"/>
  <circle cx="509" cy="426" r="108" transform="rotate(90 509 426)" fill="url(#paint0_linear)"/>
  <circle opacity="0.5" cx="509" cy="426" r="108" transform="rotate(90 509 426)" fill="url(#paint1_linear)"/>
  <defs>
    <linearGradient id="paint0_linear" x1="428.041" y1="502.06" x2="591.574" y2="339.649" gradientUnits="userSpaceOnUse">
      <stop stop-color="#FF0057" stop-opacity="0.16"/>
      <stop offset="0.861354" stop-color="#FF0057"/>
    </linearGradient>
    <linearGradient id="paint1_linear" x1="428.041" y1="502.06" x2="591.574" y2="339.649" gradientUnits="userSpaceOnUse">
      <stop stop-color="#FF0057" stop-opacity="0.16"/>
      <stop offset="0.861354" stop-color="#FF0057"/>
    </linearGradient>
  </defs>
</svg>

Engineering & Layout Guidelines

  • Maintain the native 1:1 aspect ratio (viewBox "0 0 950 950") 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.
View All in Category
Action completed