TanStack Brand Guide

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

Logo Images

Logo Color (600px PNG)

Logo Color (600px PNG)

High resolution colored TanStack logo

Logo Color (100px PNG)

Logo Color (100px PNG)

Smaller colored TanStack logo

Logo Color Banner (600px PNG)

Logo Color Banner (600px PNG)

Horizontal banner variant of colored logo

Logo Color Banner (100px PNG)

Logo Color Banner (100px PNG)

Small horizontal banner variant of colored logo

Logo Black (SVG)

Logo Black (SVG)

Scalable black TanStack logo in SVG format

Logo White (SVG)

Logo White (SVG)

Scalable white TanStack logo in SVG format

Wordmarks

Wordmark Black (SVG)

Wordmark Black (SVG)

Scalable black wordmark in SVG format

Wordmark White (SVG)

Wordmark White (SVG)

Scalable white wordmark in SVG format

Splash Images

Splash Light

Splash Light

TanStack splash image optimized for light backgrounds and themes

Splash Dark

Splash Dark

TanStack splash image optimized for dark backgrounds and themes

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