Skip to content
zooaiPublic

About

Official Zoo logo package - TypeScript/React components and utilities for consistent branding

Resources

Stars

0 stars

Watchers

0 watching

Forks

Repository files navigation

@zooai/logo

Zoo — Brand & Logo Assets

Official Zoo brand marks in every format and size — SVG, PNG, multi-resolution ICO, favicons, app/dock/tray icons, and social cards. Installable via @zooai/logo, browsable in dist/.

Formats

  • svg/ - Vector formats (preferred)
  • png/ - Raster formats (various sizes)
  • ico/ - Favicon formats

Variants

  • Primary logo
  • Wordmark
  • Icon/Symbol
  • Monochrome (light/dark)

Usage

See brand guidelines for proper usage.

Download

All assets available in this repository.

License

All rights reserved. Usage requires permission.

Animated & interactive

The mark ships a self-contained, pure-CSS animated SVG — a load animation, a hover flourish, and a press squash, with zero JavaScript. Inline it into the DOM (not via <img>) for the hover/press interactions to fire. Honors prefers-reduced-motion.

// React — one-line interactive embed
import { ZooLogo } from '@zooai/logo';
<ZooLogo variant="animated" size={64} />
// Vanilla / any framework
import { getAnimatedSVG, getAnimatedDataUrl } from '@zooai/logo';
el.innerHTML = getAnimatedSVG();   // interactive (inline in the DOM)
img.src = getAnimatedDataUrl();    // load animation only (fine in <img>)
<!-- Raw SVG over CDN — load animation in <img>; inline the file for hover/press -->
<img src="https://unpkg.com/@zooai/logo/svg/zoo-venn-animated.svg" width="64" alt="" />

About

Official Zoo logo package - TypeScript/React components and utilities for consistent branding

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Used by

Contributors

Languages