Favicon from emoji
Make a favicon from emoji by picking one emoji, a background color and a shape.
Cutting
Measuring the cut…
Processed on this device. Nothing is uploaded.
Use your emoji keyboard, or paste one.
Preview
Your icon in a browser tab, on a phone home screen, and at 16, 32, 48, 180 and 512 pixels.
Light
Dark
Home screen
- 16
- 32
- 48
- 180
- 512
Real sizes
Add this to your site
Put the files from the ZIP in your site root. Then paste this code in your <head>.
Your code will show here.Related tools
How to make a favicon from an emoji
- Open your emoji keyboard and type or paste one emoji.
- Choose a background color or transparent, and a shape.
- Download the ZIP, or copy the HTML snippet.
Using an emoji as your site icon
An emoji is already a small, colorful picture, which makes it a good fit for a tab icon. Use it for a test site, a class project, a side project or a personal page.
This page has no emoji menu. Use the emoji keyboard on your phone, or on a computer press the emoji shortcut of your system, then paste one emoji into the box. Choose one symbol only.
An emoji looks different on each device
Every phone and computer system draws emoji in its own style. The tool uses the emoji font of your device, so the icon you download looks like what you see in the preview. The ICO and PNG files are fixed pictures, so they look the same for every visitor.
If you want a different style, make the icon on another device. Check the small previews before you download, because fine details disappear at 16 pixels.
Pick a background and shape
A transparent background lets the emoji sit on the tab color. A solid color gives a stronger, more even look in dark and light browser themes. The preview shows the tab in both a light and a dark version, so you can compare them.
Circle and rounded shapes cut off the corners, so keep the emoji away from the edge with the padding control. Then try the home screen preview for a phone view.
Tips
- Choose an emoji with a bold shape, such as a star or a leaf. Faces with small features are harder to read at tab size.
Frequently asked questions
Can I use an emoji as a favicon?
Yes. The tool turns it into picture files, including an ICO file, PNG files and an SVG. Add the HTML snippet to your site and the emoji shows in the browser tab.
Where do I find an emoji to paste?
On a phone, switch to the emoji keyboard. On Windows, press the Windows key and the period key. On a Mac, press Control, Command and Space. Then paste it into the box.
Why does my emoji look different from the one I saw before?
Each system draws its own emoji design. The favicon uses the design from the device where you make it. The preview shows exactly what will be saved.
Can I use more than one emoji?
The tool takes one emoji. Several symbols would be too small to read in a tab. For two or three letters, use Favicon from text.
Is the emoji sent to a server?
No. Everything happens in your browser, so the emoji and your files never leave your device.
Last updated