Loading...
Upload an image or enter text/emoji to generate favicons. Preview at 16×32×48px and download as ICO or PNG. 100% client-side.
A favicon (favorite icon) is a small icon displayed in browser tabs, bookmarks, and address bars. Standard sizes include 16×16, 32×32, and 48×48 pixels in PNG or ICO format.
16×16
32×32
48×48
64×64
128×128
256×256
Add these tags to your HTML <head>:
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
Formula
Favicon Pixel = Source Image × (Target Size ÷ Source Size)Source Image = the original uploaded image or generated text canvas
Target Size = desired favicon dimensions (e.g., 32×32 pixels)
Worked Example
Generating favicons from a 512px logo
Did you know? The favicon was introduced by Internet Explorer 5 in 1999. The name comes from 'favorites icon' because IE stored favicons alongside bookmarked pages. Today, favicons are used by all major browsers.
Sources
Convert text to ASCII codes and back. Supports decimal, hex, binary, and octal formats.
Convert width/height to aspect ratios, scale dimensions, and generate responsive embed CSS for any layout.
Calculate required internet bandwidth based on devices and activities in your household.
Encode and decode Base64 strings. Convert text for data URIs, APIs, and safe data transmission.
Create CSS border-radius with visual controls for each corner. Generate circles, pills, and custom shapes.
Create CSS box shadows with multiple layers, live preview, and copy-ready code.