What file formats are supported for the source logo?

You can upload SVG, PNG, JPEG, or WebP images up to 20MB in size.

What is included in the downloaded ZIP file?

The ZIP includes an ICO file, multiple PNG sizes, an Apple Touch Icon, a site.webmanifest file, and an HTML snippet for easy integration.

What is the difference between contain and cover fit modes?

The 'Contain' mode scales your logo to fit entirely within the icon boundaries, while 'Cover' scales it to fill the entire background, which may crop the edges of the image.

How do I change the background color of my favicon?

You can use the Background Color hex picker to set a specific color behind your logo. This is especially useful for transparent SVG or PNG files.

What is the web manifest used for?

The site.webmanifest file provides metadata like your site name and theme color, allowing mobile users to install your website as an app on their home screen with the correct icon.

Elysia Tools

Navigation

Media

SVG Favicon Generator

Turn an SVG or raster logo into a complete favicon pack with ICO, PNG variants, Apple touch icon, and web manifest

Execution

Run this tool

Fill in the form, run the tool, and review the result in one place.

Prepared example runs

Click an example to fill the form automatically. File inputs still need an upload.

2 examples

Generate a standard favicon pack from SVG

Create ICO, PNG, Apple touch icon, manifest, and a ready-to-paste HTML snippet from a vector logo

{
  "type": "file",
  "filePath": "/public/samples/media/svg-favicon-generator-example1.zip"
}

Build an app icon set from a raster logo

Use cover fit and a dark theme to create a favicon suite for a startup landing page when the source asset is PNG

{
  "type": "file",
  "filePath": "/public/samples/media/svg-favicon-generator-example2.zip"
}

Inputs

Set the required fields, then run the tool.

6 options

FilesUpload source files for this workflow.1

Source Logo FilefileRequired

Single file max size: 20 MBSupported types: image/svg+xml, image/png, image/jpeg, image/webp

ContentPaste or type the main input values.1

Site NametextOptional

SettingsAdjust formats, ranges, numbers, and modes.4

Background ColorcolorOptionalFit ModeselectOptionalPadding (%)rangeOptional

035

Theme ColorcolorOptional

Result

Ready for a run

Run the tool to preview files, text, structured data, or streamed output here.

Samples

SVG Favicon Generator

Run this tool

Prepared example runs

Inputs

Result

Examples that match this tool

Continue with connected tools and hubs

Prepared example runs

Inputs

Result

Learn when to use this tool, what it supports, and how real users apply it.

Key facts

Overview

When to use

How it works

Use cases

Examples

1. Generate a standard favicon pack from SVG

2. Build an app icon set from a raster logo

FAQ

Web Image Processing Python Samples

Android Image Processing Java Samples

Android Image Processing Kotlin Samples

Web Image Processing Rust Samples

Data URI Generator

Image Watermark Image

PDF Brand Guidelines

Image Watermark Corner

SVG, Favicon, and Icon Asset Workflow Tools

Image Format Conversion and Animated Export Tools

XML Conversion, Mapping, and XPath Tools

Image Cleanup, Framing, and Batch Prep Tools