No. SVG is an accepted source format, but the package contains raster PNG files and an ICO. It does not create a vector or animated favicon.
Favicon Generator
Turn one image into a ZIP containing a multi-size ICO, five PNG icons, and a web manifest. Use the installation example below to connect the files to your website.
Files in the favicon package
The download is favicon-package.zip with seven files. HTML is shown as an installation example in this article, not as a file in the ZIP.
| File | Size or content | Purpose |
|---|---|---|
| favicon.ico | 16×16, 32×32, and 48×48 in one file | A multi-size website icon. |
| favicon-16x16.png | 16×16 | Small browser icon. |
| favicon-32x32.png | 32×32 | Larger browser icon. |
| apple-touch-icon.png | 180×180 | Apple home-screen icon reference. |
| android-chrome-192x192.png | 192×192 | Icon referenced by the web manifest. |
| android-chrome-512x512.png | 512×512 | Larger icon referenced by the web manifest. |
| manifest.json | Site name, colors, and two icon references | A starting manifest to review for your own site. |
Inputs: PNG, JPG/JPEG, WebP, GIF, or SVG. Outputs are static ICO and PNG images; uploading an SVG does not create an SVG favicon.
Generate and install your favicon files
1
Choose a recognizable source
Upload a simple image. A square source of at least 512×512 pixels is useful for the largest PNG output; using a larger image cannot fix an unclear design.
2
Generate and download the ZIP
Select Generate Favicon Package and download the completed ZIP. Unzip it before adding files to your site.
3
Review the manifest and deploy the files
Edit the default site name and colors in manifest.json as needed. Put the files at public URLs on your site and update the paths if you use a subfolder.
4
Add the HTML references and verify
Use the example below in your page's head section. Confirm the icon and manifest URLs load, then check the icon in the browser.
Add the icons to your website
This example assumes the files are served from the website root. Add these references to the page head and adjust the paths to match your deployment.
<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#ffffff">Check these details before publishing the files:
| Check | What to do |
|---|---|
| Public file paths | The leading slash means the website root. For a subfolder, update both the HTML href values and the icon src values inside manifest.json. |
| Manifest defaults | The generated name and short_name are My Website; theme_color and background_color are #ffffff. Review them after downloading. These values do not recolor the icon images. |
| Existing site configuration | Check for other icon declarations from your theme or framework. Avoid leaving references to an old favicon alongside the new setup. |
A manifest with icons is not a complete installable or offline web app. This generator does not provide a service worker or guarantee installation on every device.
Make the icon readable at small sizes
🔎
Inspect the 16×16 result
Small lettering and fine outlines may disappear. Prefer a simple mark, clear contrast, and enough space around the subject.
↔
Check shape and padding
Non-square sources fit inside square canvases with transparent padding. Small sources may be enlarged. Use a prepared square image if you need precise framing.
Choose the output package for your task
This page creates website favicon files from an existing image; it is not a logo drawing tool.
Only need one ICO file?
Use PNG to ICO for a PNG-to-ICO task without the website package.
Building a native mobile app?
Use App Icon Generator for native iOS/Android image assets. Those files serve a different task from website favicons.
Images are uploaded for server processing. Download the ZIP when ready; temporary files follow the service's cleanup process.
Favicon setup questions
First verify the deployed file URLs and the page's icon declarations. Browsers may cache favicons; test a fresh browser session after confirming the site points to the new files.
The current form only selects an image. Edit the name, short_name, theme_color, and background_color fields in the downloaded manifest for your site, and keep any HTML theme-color value consistent.
No. It supplies icon files and a starting manifest. Installation and offline behavior require additional site configuration; the package does not add those features automatically.
Create the favicon files for your site
Choose an image, generate the ZIP, and review the installation paths.