Favicon Extractor

WHAT IT DOES

Favicon Extractor scans the current page and discovers every favicon available—from standard favicon links in the head, shortcut icons, apple-touch-icons, and even checks common root paths like /favicon.ico and /favicon.png. It displays each favicon with a live preview thumbnail, showing the actual image, its dimensions, file type, and source. Copy any favicon URL to your clipboard, open it in a new tab, or download it directly. Perfect for designers looking for a site's favicon assets, developers building bookmark managers, or anyone who wants to save a favicon for reference.

WHERE IT RUNS

Any webpage—the script scans the page's head for link tags and checks common root paths. No server-side calls, no external dependencies, no site-specific configuration. Works on local files, development environments, production sites, and pages behind authentication. The preview shows the actual favicon image as loaded from its URL.

HOW TO USE

Install the script and open any page. The panel automatically scans and displays all discovered favicons. Toggle "Apple touch icons" to include or exclude apple-touch-icon variants (often higher resolution). Each favicon card shows a preview thumbnail, filename, size, type, and source badge (link, root, or apple). Use the "Copy" button to copy the favicon URL to your clipboard. Use "Open" to view the favicon in a new tab. Use "DL" to open the favicon URL directly, triggering a download or view in your browser. Click "Copy All URLs" to copy all discovered favicon URLs to your clipboard at once. Keyboard shortcut: Ctrl+Shift+F to re-scan without opening the panel.

TECHNICAL MECHANISM

The script scans the page using document.querySelectorAll('link[rel*="icon"], link[rel="apple-touch-icon"], link[rel="apple-touch-icon-precomposed"]'). For each link, it reads href, sizes, and type attributes. URLs are normalized using new URL(href, window.location.origin) to resolve relative paths. The script also checks common root paths: ${origin}/favicon.ico and ${origin}/favicon.png, adding them if not already discovered by link tags. Results are deduplicated by a composite key of URL + sizes + type to avoid duplicates. The preview renders each favicon as an image element with an error handler for broken links. Apple touch icons can be toggled off via a checkbox, with the preference persisted per site. Each favicon card includes action buttons that use GM_setClipboard for copying URLs and GM_openInTab for opening links. The download button opens the URL in a new tab, letting the browser handle the download natively.

THE PANEL

The tool runs inside BGPanel, a lightweight UI system built into the BotGentz extension. Drag the panel by its header to reposition it anywhere on screen—it snaps to edges and remembers its position per site. Click the header to collapse the panel into a small bubble; click again to expand. Resize the panel by dragging its bottom-right corner. Press Escape at any time to close the panel. The panel stays out of your way but is always accessible via the extension's toolbar.

PLEASE NOTE

Requires the free BotGentz browser extension to run—this script does not work standalone. The script reads only the page's HTML head and makes no network requests except to load preview images. It does not send data anywhere, does not store page content, and does not access other tabs or browser history. Favicon detection depends on standard HTML link conventions—some sites may use non-standard methods or JavaScript-loaded favicons that may not be detected. The root favicon paths (/favicon.ico, /favicon.png) are checked regardless of whether the page actually serves them, so some entries may return 404s (shown as broken images). Sites change over time, but this script relies on standard DOM APIs, not site-specific selectors, so it remains robust across most pages.