Stencil logo

Stencil compiles standard‑based Web Components, allowing developers to write reusable UI elements that work across modern browsers and frameworks. The Stencil 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: #5530ff
Categories: Frameworks
Variants: 5 SVG files
Website: stenciljs.com
Source: gilbarbara/logos · CC0

Sponsor

LeadfeedEvery buyer already asking for what you built

Use the Stencil logo

shadcn CLI

npx shadcn@latest add @logoforge/stenciljs

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

React

import { StenciljsLogo } from "@/components/logos/stenciljs";

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

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 197"><title>Stencil</title><path d="m193.065 138.495-53.333 58.428H41.599L94.4 138.495zM256 69.248l-53.305 58.427H0l53.305-58.427zM214.399 0l-53.087 58.428h-98.38L116.1 0z"/></svg>

Download

Related logos

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