Add Clear Space Around a Logo
Add the protected margin brand guidelines call for, so the mark is never crowded by whatever sits next to it.
Free preview · No signup · ~10 seconds
Drop a logo
PNG, JPG, WebP or SVG — up to 20 MB
Drop several at once — you can edit them all together in the app.
Runs entirely in your browser. Your image is never uploaded.
Why clear space is in every brand book
Clear space is a specification
Most brand books define a protected zone around the mark that nothing else may enter, usually expressed as a fraction of the logo height. Baking that margin into the file guarantees the rule is followed everywhere the file is used, by people who have never read the guidelines.
A common rule of thumb
Clear space is often set at the height of a letter in the wordmark, or a quarter to a half of the mark height. If your guidelines specify a number, use it. If not, start around a quarter and judge by eye.
It fixes crowding everywhere at once
A logo that looks cramped in a header, a card, and a footer is usually not too large. It has no margin, and every layout is compensating separately. Adding the space to the asset fixes all of them in one move.
Transparent by default
The padding is transparent unless you pick a colour, so the mark keeps working on any background. Choose a fill only when you specifically want a plate behind it.
The canvas grows, the mark does not
Padding is added around the image, so the logo itself is unchanged and the file gets larger by twice the padding on each axis. Use the resize tool if you also need a specific final size.
How to add clear space around a logo
Upload your logo
Drop in the logo, ideally already cropped tight to the mark.
Set the clear space
Drag the slider for the margin in pixels. Leave the fill transparent, or pick a colour for a solid plate.
Download
Take a free preview, or download the full-resolution file with one credit.
Where clear space matters
Brand guideline compliance
Bake the specified exclusion zone into the asset itself.
Fixing crowded layouts
Solve a cramped-looking logo once instead of in every template.
Slides and templates
Give a mark breathing room where you cannot control the surrounding design.
Partner and sponsor assets
Send a file that stays correct however the recipient places it.
Or just ask
Describe the edit in your own words
Type what you want changed and the assistant does it on the canvas — each step lands as a layer you can reopen, so nothing it does is baked in.
No edits yet.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Change a Logo Color in Figma (4 Methods, Step by Step)
A complete guide to recoloring a logo in Figma — the Fill row, the Selection colors panel that swaps one hex everywhere at once, the clipped-rectangle trick for placed PNGs, and why the export panel has no WebP.
How to Make a Vector Logo (and When You Actually Need One)
What vector really means, the three honest routes from where you are now, when auto-tracing works, and how to check the result is genuinely vector.
SVG vs PNG for Logos: Which File Do You Actually Need?
What SVG and PNG really are, where each one wins, why your developer keeps asking for the SVG, and the three files that cover almost every request.
Add clear space to your logo
Upload, set the margin, and download the padded file.