SET THE SCENE100% FREE

Add a background to an icon.

Make transparent logos feel at home. Add a solid color, a gradient, and softly rounded corners.

No sign-upNo watermarkPrivate, local processing
Files stay on your device
01   YOUR IMAGE

No file selected. Try our or paste an image.

SAMPLE PREVIEW
Customize appearance

02   LIVE PREVIEW
Your icon at browser-tab sizeYour next big thing×
+
yourwebsite.com
SEARCH RESULT PREVIEW Illustration
Your icon in a search result
Your next big thinghttps://yourwebsite.com

Your next big thing

A small icon that makes your corner of the internet feel like you.

SMALL, MEDIUM, MEMORABLE.
16 pixel icon preview
16 × 16
32 pixel icon preview
32 × 32
48 pixel icon preview
48 × 48
64 pixel icon preview
64 × 64
One download. Ready for the web.

ICO + PNG + Apple & Android icons
Manifest + install code, neatly packed.

Free to use. No account. No watermark. JPG exports fill transparent areas with white.

Privacy comes standardMade for the open webSmall tools, thoughtfully made
FROM IDEA TO ICON

Three steps. One tiny masterpiece.

Transparent icons can disappear on the wrong browser theme. Give your artwork a contrasting background, choose a second color for a gradient, and add breathing room with padding. Check both light and dark previews before exporting.

01

Upload your transparent logo.

02

Turn off transparency and choose a solid or gradient background.

03

Adjust the corner radius and padding, then download the result.

THE LAST LITTLE STEP

Give your icon a home.

Upload your files to your website’s public directory, then add the link tags inside your HTML head.

Read the installation guide
index.html / <head>
<link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48">
<link rel="icon" type="image/png"
      sizes="96x96" href="/favicon-96x96.png">
<link rel="apple-touch-icon"
      sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
YOUR LITTLE CREATIVE TOOLKIT

There’s more than one way to make a mark.

All 12 tools
GOOD QUESTIONS

A little clarity.

Everything else you might be wondering.

Ask us a question
Will this remove my image’s existing background?+

No. It adds a background behind the existing image. Use an image with transparency to see the new color around your artwork.

Can I keep rounded corners transparent?+

Yes. The area outside the rounded background remains transparent in PNG and ICO exports. JPG fills transparency with white.

Can I use my brand’s hex color?+

Yes. Enter a six-digit hex color in the color field, or use the native color picker.

INDEPENDENT. FREE. HERE FOR YOU.

Little tools run on a little kindness.

If this saved you some time, you can help keep it going.

YOUR CHOICE

Image tools work with either choice.

Essential preference record

Remembers this choice on your device.

Always on

No third-party analytics or advertising scripts are included.

Read the privacy policy
THANK YOU FOR BEING HERE

Keep the little tools going.

Enjoying Favicon Studio? A small, optional contribution helps with hosting and maintenance.

Alipay · One-time voluntary support
The creator’s original Alipay payment QR code. Open Scan in Alipay to support Leon.

Open Scan in Alipay and scan this code. You choose the amount. The site never handles your payment details.

Save QR image

Alipay unavailable? Your feedback helps too.
1541596913@qq.com