Favicon & OG Image Generator

A free favicon and OG image generator turns one image into a complete set of website icons and a social share preview — in seconds. Upload your logo, and the tool produces every size your site needs: browser tabs, bookmarks, iOS home screens, Android home screens, and the 1200×630 image that shows up when someone shares your link on Twitter, Facebook, or LinkedIn.

REXAI's generator runs entirely in your browser. No signup, no watermark, and no upload to a third-party server — your logo never leaves your device.

What Is a Favicon?

A favicon (short for "favorite icon") is the small image that appears in browser tabs, bookmarks, and history. It's the visual identity of your site in every tab the user has open. Without one, browsers show a generic grey globe — and your site looks unfinished.

Favicons come in multiple sizes and formats. Modern browsers need PNG or SVG at sizes like 16×16, 32×32, 48×48, 180×180 (Apple touch icon), and 192×192 / 512×512 (Android). A single favicon file isn't enough — the tool generates every size automatically.

What Is an OG Image?

OG stands for Open Graph. The OG image is what appears when someone shares your link on social media — Twitter/X, Facebook, LinkedIn, WhatsApp, Telegram, Slack, Discord, and every other platform that shows a preview card.

The recommended OG image size is 1200×630 pixels. This fits all major platforms' preview cards without cropping. Without a proper OG image, your shared link shows a broken placeholder or a random image the platform picks — which kills click-through rate.

What the Generator Produces

Favicon set. 16×16, 32×32, 48×48, 64×64, 96×96, 128×128, 180×180 (Apple touch icon), 192×192, 256×256, 384×384, 512×512 — all the sizes any modern browser or app requires.

site.webmanifest. A ready-to-use JSON file that declares your favicons for Android and PWA installations.

browserconfig.xml. For Microsoft Edge and Windows tiles.

HTML snippet. The exact tags to paste into your site's

section — copy, paste, done.

OG image. A 1200×630 social preview image with your logo centered on a clean background.

How to Generate Favicons and OG Images

1. Upload your logo. Use a PNG, JPG, SVG, or WebP file. Square images work best for favicons; a logo with transparent background is ideal.

2. Choose background color. For favicons, transparent works for most sites. For the OG image, pick a background that matches your brand.

3. Generate the set. The tool produces every size and file automatically. Preview each one before downloading.

4. Download the ZIP. Get all favicon files, the manifest files, the HTML snippet, and the OG image in one download.

5. Upload to your site. Place the files in your site's root directory and paste the HTML snippet into your

. Everything works instantly.

Where Favicons Show Up

Browser tabs. The 16×16 and 32×32 icons that sit next to your page title.

Bookmarks bar. Users who bookmark your site see the favicon in their bookmarks list.

Browser history. Every entry in the user's history list shows the favicon.

Mobile home screen. When users add your site to their phone's home screen, the 180×180 (Apple) or 192×192 (Android) icon appears.

Search results. Google sometimes shows favicons next to search results — one more signal of a legitimate, polished site.

Where OG Images Show Up

Twitter/X cards. When someone tweets your link, the 1200×630 image appears in the preview card.

Facebook posts. The link preview shows your OG image at the top of the post.

LinkedIn shares. Posts with a strong OG image get more clicks — LinkedIn previews render the OG image prominently.

WhatsApp and Telegram. Shared links expand into a preview card with your OG image and title.

Slack, Discord, Teams. Every link preview in team chats uses the OG image.

Why Favicons and OG Images Matter

Branding. A favicon makes your site instantly recognizable in a sea of open tabs. An OG image makes your links look professional when shared.

Trust. Sites without favicons look unfinished or sketchy. Sites with a proper OG image look legitimate.

Click-through rate. Links with a strong OG image get 2–3× more clicks than plain links. When your content is shared, the OG image is what convinces people to click.

SEO. Google shows favicons in mobile search results. Sites with favicons are more likely to be clicked from the SERP.

Frequently Asked Questions

• Is it free? Yes. Generate unlimited favicons and OG images, no signup, no watermark.
• Are my images uploaded anywhere? No. Everything runs in your browser. Your logo never leaves your device.
• What image formats can I upload? PNG, JPG, WebP, and SVG. PNG or SVG with transparent background works best for favicons.
• What size should my source logo be? At least 512×512 pixels for crisp favicons. Larger is fine — the tool scales down.
• Where do I put the favicon files on my site? Upload them to your site's root directory (the same folder as index.html or index.php). Then paste the HTML snippet into your section.
• Do I need all the sizes? Yes, for best coverage. The manifest and HTML snippet reference them all. Each browser or platform uses a different size.
• Can I use it for WordPress or Shopify? Yes. Upload the files via your theme's file manager or FTP, then add the tags to your theme's .
• How often should I update my favicon? Only when your logo or brand changes. Favicons are cached aggressively by browsers, so updates can take a few days to appear for existing visitors.

Generate Your Favicon & OG Image Free

Upload your logo above and get a complete icon set plus a social preview image in seconds. Free, private, and no signup — everything you need to look professional everywhere your site appears.