Alpine.js logo

The Alpine.js 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: #8bc0d0
Categories: Frameworks
Variants: 5 SVG files
Website: alpinejs.dev
Source: gilbarbara/logos · CC0

Your brand here$40 / 30 days

Use the Alpine.js logo

shadcn CLI

npx shadcn@latest add @logoforge/alpinejs

First time? Add the @logoforge registry to components.json, or use the MCP server.

React

import { AlpinejsLogo } from "@/components/logos/alpinejs";

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

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 118"><title>Alpine.js</title><path fill="#77c1d2" d="M199.111 0 256 56.64l-56.889 56.639-56.889-56.64z"/><path fill="#2d3441" d="m56.889 0 117.938 117.42H61.049L0 56.64z"/></svg>

Download

Related logos

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