TonySkill

Text to favicon

No logo yet? Make a favicon from one to four letters: font, colours, round or rounded shape. Complete set for the web, iPhone and Android.

My website
My website
iPhone
Android
Maskable
16 px
32 px
48 px

favicon.ico (16, 32, 48 px), PNG 16, 32 and 96 px, 180 px Apple touch icon, 192 and 512 px Android icons, maskable icon, site.webmanifest and HTML code.

Text colour
Background
Shape

Your website

Theme colour
Code to paste into <head>
<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" href="/favicon-96x96.png" type="image/png" sizes="96x96">
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">

Also copy the ZIP files into that folder of your site. The favicon-html.txt file in the ZIP holds this same code.

How to make a favicon from letters

  1. Type your initials or your site's short name.

  2. Choose the font, text colour, background and shape: square, rounded or round.

  3. Download the complete set and paste the HTML code into your site.

Highlights

The complete set
Multi-size favicon.ico, PNG for Google, Apple touch icon, Android icons and manifest: everything browsers expect in 2026, nothing extra.
Real-life preview
See your favicon in a light and a dark tab at a true 16 px, and on an iPhone and Android home screen.
HTML code ready
The tags to paste into <head> are written for you, with the folder of your choice.
Nothing is uploaded
Your logo is processed in your browser and never leaves your device.

Related tools