XState logo

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

Your brand here$40 / 30 days

Use the XState logo

shadcn CLI

npx shadcn@latest add @logoforge/xstate

First time? Add the @logoforge registry to components.json, or 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.