Skip to content

Vector mascot generator

A vector mascot generator that goes down to the joints.

Most AI mascot tools hand you pixels. Lumorig draws your mascot as SVG parts with pivots and palette tokens, so it scales to any size, recolours in code and animates without being redrawn.

Flip on “Show rig” to see the joints · Exports are free

beacon · nod · 10 partslive vector, not a video

Inside the file

Named parts, real pivots, colour tokens.

This is Beacon's actual spec, trimmed: every part is SVG with a parent, a pivot and rotation limits, and every fill points at a palette token.

beacon.spec.json (excerpt)
{
  "name": "Beacon",
  "palette": [
    {
      "name": "red",
      "color": "#E8474C"
    },
    {
      "name": "red_lo",
      "color": "#C7343A"
    },
    {
      "name": "cream",
      "color": "#FFF4E0"
    }
  ],
  "parts": [
    {
      "id": "body",
      "parent": null,
      "pivot": [
        512,
        900
      ],
      "rotateLimits": [
        -6,
        6
      ],
      "svg": "<path d=… fill=\"$token\"/> …"
    },
    {
      "id": "head",
      "parent": "body",
      "pivot": [
        512,
        410
      ],
      "rotateLimits": [
        -10,
        10
      ],
      "svg": "<path d=… fill=\"$token\"/> …"
    },
    {
      "id": "beam",
      "parent": "head",
      "pivot": [
        512,
        336
      ],
      "rotateLimits": [
        -8,
        8
      ],
      "svg": "<path d=… fill=\"$token\"/> …"
    }
  ]
}
Parts
10
Palette tokens
13
Still SVG
4.2 KB
Animated SVG, 2 s
5.1 KB gz
Lottie, 2 s
4.4 KB gz
Motions
15 presets

The full format is documented in MascotSpec & AnimationClip.

Vector exports

Four vector outputs from one rig.

  • svg

    Still SVG

    Any pose as plain vector, ready for Figma, Illustrator, print or your design system.

  • animated-svg

    Animated SVG

    A self-contained SVG with CSS keyframes. Drop it in an <img> tag; no JavaScript, no player.

  • lottie

    Lottie

    Shape layers named after parts, no embedded bitmaps. See the Lottie generator.

  • logo

    Logo badge

    The head in a circle of the mascot's main colour, as SVG: a favicon, app icon or avatar in one call.

Why vector

What pixels can't do.

  • Scale without artefacts

    From a 16 px favicon to a billboard, from the same file.

  • Recolour in code

    Swap a palette token for dark mode, a partner brand or a seasonal campaign; no re-render, no redraw.

  • Animate the same drawing

    Pivots let every motion pose the original parts, so the character never changes between clips.

  • Tiny on the wire

    A still is about 4.2 KB of SVG, whatever size it is shown at.

  • Crisp on every screen

    Edges stay sharp on retina phones and 4K monitors alike, with no @2x or @3x assets to manage.

  • Yours to keep editing

    Chat edits, variants and versions all work on the vector source, not a flattened export.

FAQ

Vector mascot questions.

Is the output really vector, or a traced bitmap?

Really vector. Claude draws each part as SVG paths, shapes and gradients, and the exports come straight from those paths. Nothing is auto-traced from pixels, and no format embeds a bitmap.

Which vector formats can I export?

A still SVG of any pose, a self-contained animated SVG (CSS keyframes, no JavaScript), vector Lottie JSON, and an SVG logo badge. Raster formats (PNG, GIF, MP4, WebM, sprite sheets, stickers) are rendered from the same vector.

Can I edit the SVG in Figma or Illustrator?

Yes. The still SVG opens in any vector editor. For changes you want to keep animating, edit in the studio instead (recolour, or ask in plain words), because the rig lives in the character's spec, not in the exported SVG.

I have my mascot as an SVG already. Can it be rigged?

Yes. Upload the SVG and its source is given to the rebuild, so your exact shapes and colours carry over into a rig with movable parts and pivots (120 credits).

How big are the files?

A still SVG is about 4.2 KB. A two-second animated SVG is about 8.6 KB gzipped, and the same motion as Lottie is about 4.4 KB gzipped.

Is it free?

Every export is free on every plan. Creating a character costs 80 credits and the free plan includes 200 a month.

Get your mascot in real vector.

Start from a sentence, or upload a PNG, JPG or SVG to vectorise and rig.

Drop a PNG, JPG or SVG anywhere here

or pick a file · free to start · no card

Start from an idea