@sanity/logos

The Sanity and GROQ logos as React components.

This pnpm workspace contains the published @sanity/logos package and the Storybook that showcases it.

Usage

npm install @sanity/logos

# Install peer dependencies
npm install react

import {SanityLogo} from '@sanity/logos'

function App() {
  return <SanityLogo style={{fontSize: 72}} />
}

Requirements

• Node.js >=22.13
• pnpm 12 (pinned via packageManager in package.json)

Getting started

pnpm install
pnpm build

Development

pnpm dev          # Storybook at http://localhost:6006

In the workspace, @sanity/logos resolves to TypeScript source through package exports, so Storybook hot-reloads edits to packages/logos/src without a rebuild.

Common scripts

Script	What it does
pnpm build	Build @sanity/logos
pnpm test:browser	Storybook browser tests (Chromium via Playwright)
pnpm lint	Lint + type-check (oxlint)
pnpm format	Format with oxfmt
pnpm knip	Unused files / dependencies / exports
pnpm changeset	Add a changeset for a release

Contributing & releasing

See CONTRIBUTING.md. Releases use Changesets: add a changeset on your PR; merging to main opens a “Version Packages” PR that publishes to npm when merged.

License

MIT — see LICENSE.