Get the logo as SVG markup, icon sources or raw shapes

At a glanceCopy Anchor Link

• Who: Servers, build scripts, icon and Open Graph routes, and renderers other than React.
• What: Build a standalone SVG of the mark, wordmark or lockup on light, on dark or in the current colour; get the favicon, apple-touch and 1200x630 social card sources with their pixel size; or read the raw shapes and brand colours to paint them in Vue, canvas or a PDF.
• Use when: Route handlers, emails, static files, image pipelines, and any non-React renderer.
• Avoid when: React markup — use ZedkitLogo, which draws the same shapes without a string round trip. A social card with a title or tagline — render those on top of the returned SVG in your own image route.
• See also: Show the logo in a React app

InstallCopy Anchor Link

pnpm add @zedtech/zedkit-brand

Latest: 0.0.0 (via changesets).

ExampleCopy Anchor Link

import { logoAsset, logoSvg } from "@zedtech/zedkit-brand";

const mark = logoSvg({ variant: "mark", theme: "on-dark" });
const { svg, width, height } = logoAsset("apple-touch"); // 180 x 180

Wraps: (none)