Favicon Bookmarklet

Preview how an emoji favicon looks on any website, without changing any code.

1 Show your bookmarks bar

First, make sure your browser's bookmarks bar is visible. If you already see it, skip to step 2.

Press Cmd + Shift + B (Mac) or Ctrl + Shift + B (Windows/Linux)
Or go to View menu, then click Always Show Bookmarks Bar
A toolbar will appear below the address bar

Press Cmd + Shift + B (Mac) or Ctrl + Shift + B (Windows/Linux)
Or right-click the toolbar area, then check Bookmarks Toolbar
Select Always Show or Only Show on New Tab

Press Cmd + Shift + B
Or go to View menu, then click Show Favorites Bar
The favorites bar will appear below the address bar

Press Ctrl + Shift + B
Or click the ... menu, go to Favorites, then toggle Show favorites bar
Select Always to keep it visible

Press Cmd + Shift + B (Mac) or Ctrl + Shift + B (Windows/Linux)
Same shortcut as Chrome. Brave is Chromium-based.

Arc doesn't have a traditional bookmarks bar
Instead, right-click the bookmarklet button below and select Add to Favorites
Or drag it into Arc's sidebar pinned items

2 Drag the bookmarklet to your bar

Click and hold the button below, then drag it up to your bookmarks bar and release:

🔥 Emoji Favicon (fire)

⬆️

🔥 Emoji Favicon (fire)

... your other bookmarks

Your bookmarks bar should look like this after dragging

3 Visit any website

Navigate to any website where you want to preview the emoji favicon. Try it on your own site to see how it would look.

4 Click the bookmarklet

Click "Emoji Favicon (fire)" in your bookmarks bar. The site's favicon will instantly change.

🌐 example.com

Before

→

example.com

After clicking bookmarklet

The change is temporary. Refreshing the page will restore the original favicon.

More emoji bookmarklets

Drag any of these to your bookmarks bar:

https://emojifavicons.com/fire https://emojifavicons.com/rocket https://emojifavicons.com/star https://emojifavicons.com/heart https://emojifavicons.com/sparkles https://emojifavicons.com/high-voltage-sign https://emojifavicons.com/check-mark https://emojifavicons.com/gear https://emojifavicons.com/earth-globe-americas https://emojifavicons.com/shield https://emojifavicons.com/wrench https://emojifavicons.com/bulb

Custom bookmarklet

Want a specific emoji with custom styling? Visit /bookmarklet/{emoji} with any query params:

https://emojifavicons.com/bookmarklet/rocket?shape=circle&bg=1a1a2e

Frequently Asked Questions

I can't drag the button. What do I do?

If dragging doesn't work (common on mobile or some browsers): Right-click the button, select "Copy Link Address", then manually create a new bookmark in your bookmarks bar and paste the copied URL as the bookmark's address.

The bookmarklet doesn't change the favicon

Some sites use Content Security Policy (CSP) headers that block external resources. If clicking the bookmarklet does nothing, the site is likely blocking it. Try on a different website. Also make sure your browser allows JavaScript bookmarklets (most do by default).

Is this permanent?

No. The bookmarklet only changes the favicon in your current browser tab, and the change is lost when you refresh or navigate away. It does not modify the website's actual code. To permanently use an emoji favicon, add the <link> tag to your site's HTML. See our Presets page for ready-to-paste options.

Does this work on mobile?

Mobile browsers don't support traditional bookmarklets. The bookmarklet works on desktop browsers: Chrome, Firefox, Safari, Edge, Brave, Opera, and Vivaldi.

Is any data collected?

No. The bookmarklet runs entirely in your browser. It only loads a tiny SVG image from emojifavicons.com. We don't track which sites you visit or any personal data.

How it works: The bookmarklet runs a tiny JavaScript snippet that finds all <link rel="icon"> tags on the current page and replaces their href with an emojifavicons.com URL. If no icon link exists, it creates one. The emoji is served as a lightweight SVG (under 1KB).

☝️

Drag, don't click!

Click and hold the button, then drag it up to your bookmarks bar and release. That saves it as a bookmarklet you can use on any site.