XState logo

XState implements state machines and statecharts in JavaScript, helping developers model complex application logic with predictable transitions. The XState logo as clean SVG, in brand color and mono, with a dark-mode variant. Copy it, download it, or install it as a typed React component.

Brand color: #2c3e50
Categories: Libraries
Variants: 5 SVG files
Website: xstate.js.org
Source: Simple Icons · CC0

Sponsor

CVMalinThe clever CV, built to land interviews

Use the XState logo

shadcn CLI

npx shadcn@latest add @logoforge/xstate

Works out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.

React

import { XstateLogo } from "@/components/logos/xstate";

<XstateLogo className="size-8" />
<XstateLogo variant="mono" />          {/* currentColor */}
<XstateLogo type="wordmark" className="h-6 w-auto" />

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" fill="#2c3e50" viewBox="0 0 24 24"><path d="M15.891 0h6.023l-6.085 10.563A10.65 10.65 0 0 1 15.891 0m6.055 23.999L8.078.001H2.055l6.919 12.015L2.055 24h6.023L12 17.236 15.892 24z"/></svg>

Download

Related logos

XState and the XState logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by XState; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.