ZonoTools
//SVG Logo Editor

SVG Logo Editor

Draw Mode

Preview

How to use

  1. Pick canvas size, background color, and corner radius.
  2. Choose a preset icon or paste your own SVG; optionally tint the icon and add a title.
  3. Download SVG for vectors or PNG for raster use.

FAQ

Is data uploaded?

No. The logo is built entirely in your browser.

Why does my pasted icon look off-center?

Icons drawn for a 24×24 viewBox align best; arbitrary viewBoxes are centered by bounding transform.

Does tint work on every SVG?

Tint applies a single fill on a group; paths with their own fills or strokes may ignore it — turn tint off for full-color icons.

Introduction

The SVG Logo Editor helps you produce a clean square mark for side projects, favicon-style assets, or social avatars without a heavy design suite.

What it does

You combine a solid background (with optional rounded corners), a centered vector icon, and optional text. Output is downloadable SVG or raster PNG at the selected canvas size.

Privacy

All composition and export run locally in the browser; nothing is sent to a server for this tool.