Logo Lava

Vector logos from a name

Type a name and download any design as an SVG that scales to any size.

Free. No sign-up. PNG and SVG.

Why a logo should be a vector

A PNG is a grid of pixels. Make it bigger and it goes soft. An SVG is a list of shapes, so it stays sharp at any size, from a browser tab to a shop sign. If you plan to print the logo, hand it to a sign maker, or edit it later, the SVG is the file to keep. The cards above are previews. Open one in the editor and choose SVG, or request the same design from the API with format=svg.

Outlines by default

By default the letters in an SVG from Logo Lava are converted to outlines: plain shapes, with no font involved. That means the file looks the same on every computer, even one that does not have the font installed, and it keeps looking the same when a designer opens it in a different program. The cost is that the name can no longer be edited as text.

If you want live text, add svgtext=1. The name is then saved as text in the file, and you can retype or restyle it. The catch is the font. The viewer needs the same font installed, or the browser will substitute another one and the logo will look different. Pick outlines for a finished logo and live text only if you plan to keep editing.

How big is the file

For a logo of this kind, the SVG is about the size of the PNG, and often smaller. We measured one design, Juniper & Vale at seed 1140956701, in every format the API offers:

  • PNG: 10.3 KB
  • SVG: 9.5 KB
  • JPG: 14.7 KB
  • WebP: 6.1 KB
  • AVIF: 4.7 KB

The numbers change with the design. A logo with a mesh or gradient background makes a larger SVG than a flat one, and a logo with a lot of small shapes makes a larger SVG than a simple wordmark. The figures are a guide, not a promise. For a web page where the logo is shown at a fixed size, WebP or AVIF is lighter than either. For anything that has to scale, use SVG.

Opening and editing the file

An SVG from Logo Lava opens in a browser, in Figma, in Illustrator and in Inkscape. In Figma, drag the file onto the canvas. In Illustrator, use File, Open. In Inkscape, use File, Import. In each one the logo arrives as grouped shapes you can recolour, resize or take apart. With outlines, each letter is a shape and the name is a group of them. With svgtext=1, the name is a text object.

The background is a shape too, so you can delete it if you only want the mark and the name. Or request the logo with bg=transparent from the start, which is described on the transparent logo maker page. Because the file is vector, you can then place it on any colour or photo at any size.

Sizes and options

For SVG the w and h parameters set the artboard, from 16 to 2048 pixels, and the drawing is scaled to fit. Since it is a vector, those numbers only decide the proportions and the default display size. The same file can be enlarged freely after you download it. For raster formats, scale takes 1, 1.5, 2, 3 or 4 and multiplies the pixel size, and quality from 1 to 100 trades size for detail in the lossy formats.

The full list is in the logo endpoint reference. Every parameter works the same with SVG as with PNG, so a design you liked as a preview is the design you get as a vector.

For developers

Use it from code

https://api.logolava.com/v2/logo.svg?text=Juniper+%26+Vale&seed=1140956701

Change the extension to .svg or pass format=svg. Add svgtext=1 to keep the name as live text instead of outlines.

Make an SVG logo