DOSAYGO Studio

logos: Deterministic SVG Logo Generator

By Cris, March 6, 2019

Generating diverse logos programmatically often lacks consistency across runs. I solved this with logos, a deterministic SVG generator that creates thousands of pseudorandom logos from a fixed set of drawing commands. In the web’s creative studio, logos is a painter’s palette, blending order and chaos to craft vibrant identities.

Using a set of commands (Mllmlllllmlll), logos applies transformations like flipping and skipping to generate varied SVG paths, ensuring the same input always yields the same logo.

function t(commands, skipIndex = -1) {
  let coords = [333, 333, 0, -100, 86.6, -50, -86.6, 50, -86.6, -50, 86.6, -50, 86.6, 50, 0, 100, -86.6, 50, -86.6, -50, 0, -100, -86.6, 50, 0, 100];
  return `
    
  `;
}

This code generates deterministic SVG paths, ensuring consistent logo variations. logos’s balance of randomness and predictability is its charm.

logos interface: a vibrant SVG logo grid, set against a creative studio backdrop with art supplies

Building logos was like mixing colors on a palette, finding harmony in controlled chaos. At DOSAYGO, we value creativity, crafting tools that inspire. logos is a canvas for digital artistry, painting identities with a steady hand.