TanStack

TanStack Brand Guide

Official TanStack logos, splash images, and brand assets with usage guidelines for your projects and materials.

Landscape Logo

Landscape Black (SVG)

Landscape Black (SVG)

Emblem + wordmark on one line, for light backgrounds

Landscape White (SVG)

Landscape White (SVG)

Emblem + wordmark on one line, for dark backgrounds

Landscape Charcoal (SVG)

Landscape Charcoal (SVG)

Softer charcoal variant for light backgrounds

Stacked Logo

Stacked Black (SVG)

Stacked Black (SVG)

Emblem above a two-line wordmark, for light backgrounds

Stacked White (SVG)

Stacked White (SVG)

Emblem above a two-line wordmark, for dark backgrounds

Stacked Charcoal (SVG)

Stacked Charcoal (SVG)

Softer charcoal variant for light backgrounds

Stacked Cream (SVG)

Stacked Cream (SVG)

Cream variant for dark or colored backgrounds

Emblem

Emblem Black (SVG)

Emblem Black (SVG)

The palm-island emblem alone, for light backgrounds

Emblem White (SVG)

Emblem White (SVG)

The palm-island emblem alone, for dark backgrounds

Emblem Charcoal (SVG)

Emblem Charcoal (SVG)

Softer charcoal emblem for light backgrounds

Emblem Cream (SVG)

Emblem Cream (SVG)

Cream emblem for dark or colored backgrounds

Other Assets

Toy Palm Chair Mockup

Toy Palm Chair Mockup

A realistic 3D mockup of the Toy Palm Chair that we considered 3D printing for contributors but have yet to find a decent manufacturer or distributor.

Usage Guidelines

These assets are provided for use in connection with TanStack projects, educational materials, and promotional content that supports the TanStack ecosystem.

  • Use assets in their original proportions without distortion
  • Maintain appropriate spacing around logos (minimum padding equal to the height of the "T" in TanStack)
  • Use high contrast combinations (light logos on dark backgrounds, dark logos on light backgrounds)
  • For vector components, you can copy the JSX from our component files in the repository