StyleX logo

StyleX is a CSS‑in‑JS library that compiles style definitions into atomic classes, optimizing performance for large React applications. The StyleX logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Brand color: #5bd3f3
Categories: UI & CSS
Variants: 4 SVG files
Website: stylexjs.com
Source: gilbarbara/logos · CC0

Sponsor

ShortsmithTurn any idea into a short video people watch to the end

Use the StyleX logo

shadcn CLI

npx shadcn@latest add @logoforge/stylex

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

React

import { StylexLogo } from "@/components/logos/stylex";

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

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 305"><title>stylex</title><path fill="#5bd3f3" d="M208.619 159.116c1.673 3.92 9.146 19.483 10.682 23.301-9.347 15.494-11.54 19.515-31.077 44.075C108.71 308.824 47.363 322.128 9.77 283.665Q4.26 277.779 0 268.36q1.2 2.16 3.17 4.761l.475.618q.121.157.245.314l.507.637.528.648.549.66.57.673.592.685.613.697.635.709.656.721.336.366.688.74.352.374.72.758.367.383c46.438 42.04 92.76 5.973 155.653-63.715q14.239-16.56 41.963-59.273m24.286-133.01c29.43 25.296 29.43 64.548 7.353 120.609-1.692-4.122-9.144-20.6-11.013-24.822 17.38-47.613 17.783-70.248-7.212-92.82-14.38-12.986-24.59-13.52-44.032-10.358l-1.273.212q-.32.053-.64.11l-1.287.23-1.298.238-.653.124-15.33 3.036v-.028l.339-.123c30.764-11.208 57.183-12.103 75.046 3.593"/><path fill="#d573de" d="M213.49 107.318c46.657 87.98 49.601 135.586 34.06 168.89-5.598 12-19.56 20.294-25.566 23.52-15.074 8.095-46.285 4.064-74.185-4.11l-4.182-1.781c14.02 4.509 44.488 10.4 60.914 5.89 53.946-14.808 47.528-78.939-6.693-179.655S84.293-8.273 37.53 10.717c-4.49 1.823-8.405 4.314-11.773 7.4l.36-.383.723-.76.362-.373.727-.737c5.215-5.232 10.623-9.316 16.196-11.196C86.413-9.595 159.01 4.584 213.49 107.318"/></svg>

Download

Related logos

StyleX and the StyleX logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by StyleX; 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.