Brand assets

The Snippli logo, in every flavour.

A reference page for every approved use of the Snippli brand mark, for press, partners, agencies and yourself. Right-click any logo to save the SVG. PNG downloads are linked below each card.

snippli

Hosted in Switzerland. Made for the open web.

The mark

Use the mark on its own where space is tight (favicons, app icons, social avatars, watermarks).

Light · primary
Tint · same mark
Dark · primary
Mono · ink

Lockup (mark + wordmark)

Use the lockup whenever you have horizontal space. Default for headers, presentations, signatures and press releases.

snippli Light background
snippli Dark background

Scale

The mark holds up at any size. Below 16 px, drop the wordmark and use the mark only.

16
32
64
128
200

Colour palette

Blue#2563EB
Indigo#4F46E5
Violet#7C3AED
Gradient135° linear
Ink#0A0E27
White#FFFFFF

Inline SVG snippet

For embedding directly in HTML or React components, no asset hosting needed.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32" fill="none">
  <defs>
    <linearGradient id="g" x1="0" y1="0" x2="32" y2="32" gradientUnits="userSpaceOnUse">
      <stop offset="0%" stop-color="#2563EB"/>
      <stop offset="50%" stop-color="#4F46E5"/>
      <stop offset="100%" stop-color="#7C3AED"/>
    </linearGradient>
  </defs>
  <rect width="32" height="32" rx="8" fill="url(#g)"/>
  <rect x="8" y="8" width="6" height="6" rx="1.5" fill="#fff"/>
  <rect x="18" y="8" width="6" height="6" rx="1.5" fill="#fff"/>
  <rect x="8" y="18" width="6" height="6" rx="1.5" fill="#fff"/>
  <rect x="18" y="18" width="6" height="6" rx="1.5" fill="#fff"/>
</svg>