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:
⬆️
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
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://emoji.findutils.com/firehttps://emoji.findutils.com/rockethttps://emoji.findutils.com/starhttps://emoji.findutils.com/hearthttps://emoji.findutils.com/sparkleshttps://emoji.findutils.com/high-voltage-signhttps://emoji.findutils.com/check-markhttps://emoji.findutils.com/gearhttps://emoji.findutils.com/earth-globe-americashttps://emoji.findutils.com/shieldhttps://emoji.findutils.com/wrenchhttps://emoji.findutils.com/bulb
Custom bookmarklet
Want a specific emoji with custom styling? Visit /bookmarklet/{emoji} with any query params:
https://emoji.findutils.com/bookmarklet/rocket?shape=circle&bg=1a1a2eFrequently 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 emoji.findutils.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 emoji.findutils.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.