The FXCanvas logo, and how to use it

01 — The files

Three assets, two variants

The wordmark is outlined to paths, so the SVGs render the same everywhere with no font to install. No filters, no external references, no embedded bitmaps.

Lockup, on dark

White wordmark. The default. Use it on the near-black surfaces the brand lives on.

SVG PNG 400 PNG 800 PNG 2400

Lockup, on light

Near-black wordmark, for white and light-grey backgrounds, print, and light-mode docs.

SVG PNG 400 PNG 800 PNG 2400

Mark

The mark on its own. Use it where the full lockup won't fit: favicons, app icons, avatars, small headers.

SVG PNG 128 PNG 512 PNG 1024

02 — Space and size

Give it room, keep it legible

0.5× 0.5× 0.5× 0.5×

Clear space

Half the mark's height, clear on all four sides. Nothing crowds it: no type, no rules, no other logos, and never a box or outline drawn around it.

130px min

24px min

13px too small

Minimum size

Lockup 130px wide, mark 24px. Below that the fine detail inside the mark closes up and the wordmark stops being readable. For 16px favicons use the supplied favicon PNG, which is tuned for that size.

03 — Usage

Correct and improper use

Pick the variant by background, scale it proportionally, and leave it alone otherwise. The examples on the right are drawn wrong on purpose.

Do

Don't

FXCanvas

04 — Downloads

Every file, every size

PNGs are rendered from the vector at each size, not upscaled, and ship with a transparent background. Platform icons come on a solid dark tile, since iOS and Android composite their own background behind a transparent icon.