HerramientasGratis Online

Favicon Generator

Create favicons for your website from an image or logo

Upload a PNG, JPG, SVG or WebP and generate browser-ready favicon sizes, Apple touch icon and web app icons.

Source image

Preview

Anuncio · belowTool

Generated files

Upload a logo or image to generate your favicons.

Code to paste into your HTML

<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">

How it works

  1. 1Upload your logo or main image.
  2. 2Adjust background, padding and corners if needed.
  3. 3Review the generated favicon sizes.
  4. 4Download the files and paste the code into your site head.

Frequently asked questions

Favicon generator: your website's icon

The favicon is the small image that appears in the browser tab, bookmarks, and search results. Though it seems like a minor detail, it is a key element of a website's visual identity and affects the perception of professionalism.

Recommended sizes and formats in 2025

  • favicon.ico: 16×16 and 32×32 px — the classic, compatible with all browsers.
  • apple-touch-icon.png: 180×180 px — for iPhone and iPad.
  • android-chrome-192x192.png and 512×512 px — for Android devices.
  • favicon.svg: scalable, recommended for modern browsers.
  • og-image: 1200×630 px — not a favicon, but complements visual presence.

How to implement the favicon

Add in the <head> of your HTML: <link rel="icon" href="/favicon.ico">. For better support also add: <link rel="apple-touch-icon" href="/apple-touch-icon.png">. A manifest.json file with icon paths improves the PWA installation experience.

Favicon and SEO

Google displays the favicon next to the page title in search results (SERPs). A clear, recognizable favicon can improve CTR (click-through rate) by making your result more memorable and professional among competitors.

Anuncio · midContent

More tools you might like

QR Code GeneratorColor PickerJSON FormatterAreas and PerimetersWaist-Hip RatioPythagorean Theorem