Create your favicon
The free Vivlab favicon generator builds your site's icons from an image, an emoji or a letter, right in your browser.
Customize your favicon, download each size, then copy the HTML code to paste into your page.
Source
HTML code
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png">
Preview
Everything about the favicon
What is a favicon
The favicon is the little icon that stands for your site. You'll see it in the browser tab, in the bookmarks list, in your history and, on mobile, on the home screen when a visitor adds your site as a shortcut. It's a small thing, but it strengthens how people recognize your brand.
The sizes you need
A handful of formats cover most cases: 16×16 and 32×32 pixels for the tab and bookmarks, 180×180 for the apple-touch-icon on Apple devices, and 512×512 for the Android home screen and web apps. Our tool generates each size from your image.
How to add it
Download the files, drop them into your site, then add the tags provided inside the of your pages. Each tag tells the browser which file to use for which size. The ready-to-paste code is generated automatically in the tool.
Our advice
Keep it simple and square: at 16 pixels, a detailed logo turns into a blur. Go for a clean symbol, an initial or a well-contrasted pictogram that stays recognizable even when it's tiny.