TanStack logo

2 styles → v1.3.0

TanStack is a family of open-source, type-safe headless libraries for the web, including TanStack Query, Router, Table, Form and the full-stack TanStack Start framework.

Also known as TanStack Start, TanStack Router, TanStack Table, TanStack Form, TanStack Virtual, TanStack DB

Looks better on a light background

Preview
|
|
Usage
Install
npm i @dev.icons/react
Import
import { TanstackIcon, Tanstack } from "@dev.icons/react";
Render
<TanstackIcon size={32} />
<Tanstack size={32} />

Using an AI agent? Ask the Devicons MCP server for tanstack, or fetch its JSON from the Icons API.

The TanStack icon is a near-black (#121212) rounded badge with a white palm tree standing on an island above white waves. The lockup puts a small version of the badge next to “TANSTACK” in heavy uppercase letters. TanStack Query, the library formerly known as React Query, has its own page with its own logo.

The near-black badge and wordmark disappear on dark surfaces, so use the monochrome versions there.

Use TanStack in React and Solid stack diagrams, data-fetching and routing library comparisons, full-stack framework overviews and docs for TanStack Start, Router or Table. It pairs naturally with React Query, React, Vite, TypeScript and Next.js.

Related icons